fix(igc-grid-lite): rename apexgrid to igc-grid-lite

Author: dkamburov

README.md

@@ -1,6 +1,6 @@
-# Apex data component grid
-[![Node.js CI](https://github.com/apexcharts/apexgrid/actions/workflows/node.js.yml/badge.svg)](https://github.com/apexcharts/apexgrid/actions/workflows/node.js.yml)
-[![Coverage Status](https://coveralls.io/repos/github/apexcharts/apexgrid/badge.svg?branch=master)](https://coveralls.io/github/apexcharts/apexgrid?branch=master)
+# igc-grid-lite
+[![Node.js CI](https://github.com/igniteui/igc-grid-lite/actions/workflows/node.js.yml/badge.svg)](https://github.com/igniteui/igc-grid-lite/actions/workflows/node.js.yml)
+[![Coverage Status](https://coveralls.io/repos/github/igniteui/igc-grid-lite/badge.svg?branch=master)](https://coveralls.io/github/igniteui/igc-grid-lite?branch=master)
 
 
 This is still a **very** early proof of concept for a web component based data grid.
@@ -9,6 +9,7 @@ This is still a **very** early proof of concept for a web component based data g
 
 1. Clone the repository.
 2. Run `npm install`
+3. Run `npm run build`
 3. Play and explore the codebase.
 
 ## Local demo with Vite

demo/demo.ts

@@ -169,10 +169,10 @@ const data = generateData(1e4);
 ApexGrid.register();
 
 render(
-  html`${themeChoose}<apex-grid
+  html`${themeChoose}<igc-grid-lite
       .data=${data}
       .columns=${columns}
-    ></apex-grid>`,
+    ></igc-grid-lite>`,
   document.getElementById('demo')!,
 );
 await setTheme('bootstrap');

demo/index.html

@@ -23,7 +23,7 @@
         overflow: hidden;
       }
 
-      apex-grid {
+      igc-grid-lite {
         flex: 1;
       }
 

package-lock.json

@@ -1,10 +1,10 @@
 {
-  "name": "apex-grid",
+  "name": "igc-grid-lite",
   "version": "0.0.0",
   "description": "Web component data grid following open-wc recommendations",
   "keywords": ["lit", "web-component", "lit-element"],
-  "license": "SEE LICENSE IN LICENSE.mds",
-  "author": "apex-grid",
+  "license": "SEE LICENSE IN LICENSE",
+  "author": "igc-grid-lite",
   "exports": {
     ".": "./dist/src/index.js",
     "./define": "./dist/src/define.js"

package.json

@@ -1,10 +1,10 @@
 {
-  "name": "apex-grid",
+  "name": "igc-grid-lite",
   "version": "0.0.0",
   "description": "Web component data grid following open-wc recommendations",
   "keywords": ["lit", "web-component", "lit-element"],
   "license": "SEE LICENSE IN LICENSE.mds",
-  "author": "apex-grid",
+  "author": "igc-grid-lite",
   "exports": {
     ".": {
       "types": "./index.d.ts",
@@ -19,10 +19,10 @@
   "sideEffects": false,
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/apexcharts/apexgrid.git"
+    "url": "git+https://github.com/igniteui/igc-grid-lite.git"
   },
   "bugs": {
-    "url": "https://github.com/apexcharts/apexgrid/issues"
+    "url": "https://github.com/igniteui/igc-grid-lite/issues"
   },
   "engines": {
     "node": ">=20"

scripts/_package.json

@@ -78,7 +78,7 @@ export interface ApexFilteredEvent<T extends object> {
 }
 
 /**
- * Events for the apex-grid.
+ * Events for the igc-grid-lite.
  */
 export interface ApexGridEventMap<T extends object> {
   /**
@@ -124,7 +124,7 @@ export interface ApexGridEventMap<T extends object> {
  * Out of the box it provides row virtualization, sort and filter operations (client and server side),
  * the ability to template cells and headers and column hiding.
  *
- * @element apex-grid
+ * @element igc-grid-lite
  *
  * @fires sorting - Emitted when sorting is initiated through the UI.
  * @fires sorted - Emitted when a sort operation initiated through the UI has completed.
@@ -404,10 +404,10 @@ export class ApexGrid<T extends object> extends EventEmitterBase<ApexGridEventMa
 
   protected renderHeaderRow() {
     return html`
-      <apex-grid-header-row
+      <igc-grid-lite-header-row
       style=${styleMap(this.DOM.columnSizes)}
       .columns=${this.columns}
-      ></apex-grid-header-row>
+      ></igc-grid-lite-header-row>
     `;
   }
 

src/components/grid.ts

@@ -67,12 +67,12 @@ export default class ApexGridHeaderRow<T extends object> extends LitElement {
     return html`${map(this.columns, (column) =>
       column.hidden
         ? nothing
-        : html`<apex-grid-header
+        : html`<igc-grid-lite-header
             part=${partNameMap({
               filtered: column === filterRow?.column,
             })}
             .column=${column}
-          ></apex-grid-header>`
+          ></igc-grid-lite-header>`
     )}`;
   }
 }

src/components/header-row.ts

@@ -51,13 +51,13 @@ export default class ApexGridRow<T extends object> extends LitElement {
       ${map(this.columns, (column) =>
         column.hidden
           ? nothing
-          : html`<apex-grid-cell
+          : html`<igc-grid-lite-cell
               part="cell"
               .active=${key === column.key && index === this.index}
               .column=${column}
               .row=${this as ApexGridRow<T>}
               .value=${this.data[column.key]}
-            ></apex-grid-cell>`
+            ></igc-grid-lite-cell>`
       )}
     `;
   }

src/components/row.ts

@@ -27,15 +27,15 @@ export class GridDOMController<T extends object> implements ReactiveController {
 
   public rowRenderer: RenderItemFunction<T> = (data: T, index: number) => {
     return html`
-      <apex-grid-row
+      <igc-grid-lite-row
         part="row"
         style=${styleMap({ ...this.columnSizes, ...this.getActiveRowStyles(index) })}
         .index=${index}
         .activeNode=${this.state.active}
         .data=${data}
         .columns=${this.host.columns}
       >
-      </apex-grid-row>
+      </igc-grid-lite-row>
     `;
   };