fix(build): component should be <SlickgridReact/> (#22)

ghiscoding · Dec 9, 2022 · f11a231 · f11a231
1 parent e0a9475
commit f11a231
Show file tree

Hide file tree

Showing 39 changed files with 175 additions and 175 deletions.
diff --git a/src/examples/slickgrid/Example1.tsx b/src/examples/slickgrid/Example1.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Column, Formatters, GridOption, ReactSlickgrid } from '../../slickgrid-react';
+import { Column, Formatters, GridOption, SlickgridReact } from '../../slickgrid-react';
 
 const NB_ITEMS = 995;
 
@@ -126,15 +126,15 @@ export default class Example1 extends React.Component<Props, State> {
         <div className="subtitle">{this.state.subTitle}</div>
 
         <h3>Grid 1</h3>
-        <ReactSlickgrid gridId="grid1"
+        <SlickgridReact gridId="grid1"
           columnDefinitions={this.state.columnDefinitions1}
           gridOptions={this.state.gridOptions1!}
           dataset={this.state.dataset1} />
 
         <hr />
 
         <h3>Grid 2 <small>(with local Pagination)</small></h3>
-        <ReactSlickgrid gridId="grid2"
+        <SlickgridReact gridId="grid2"
           columnDefinitions={this.state.columnDefinitions2}
           gridOptions={this.state.gridOptions2!}
           dataset={this.state.dataset2} />

diff --git a/src/examples/slickgrid/Example10.tsx b/src/examples/slickgrid/Example10.tsx
@@ -1,4 +1,4 @@
-import { ReactGridInstance, Column, FieldType, Filters, Formatters, GridOption, GridStateChange, ReactSlickgrid } from '../../slickgrid-react';
+import { SlickgridReactInstance, Column, FieldType, Filters, Formatters, GridOption, GridStateChange, SlickgridReact } from '../../slickgrid-react';
 import React from 'react';
 import './example10.scss'; // provide custom CSS/SASS styling
 
@@ -26,8 +26,8 @@ export default class Example10 extends React.Component<Props, State> {
   isMounted = false;
   isGrid2WithPagination = true;
 
-  reactGrid1!: ReactGridInstance;
-  reactGrid2!: ReactGridInstance;
+  reactGrid1!: SlickgridReactInstance;
+  reactGrid2!: SlickgridReactInstance;
   selectedGrid2IDs: number[] = [];
 
   constructor(public readonly props: Props) {
@@ -52,11 +52,11 @@ export default class Example10 extends React.Component<Props, State> {
     this.defineGrids();
   }
 
-  reactGrid1Ready(reactGrid: ReactGridInstance) {
+  reactGrid1Ready(reactGrid: SlickgridReactInstance) {
     this.reactGrid1 = reactGrid;
   }
 
-  reactGrid2Ready(reactGrid: ReactGridInstance) {
+  reactGrid2Ready(reactGrid: SlickgridReactInstance) {
     this.reactGrid2 = reactGrid;
   }
 
@@ -322,7 +322,7 @@ export default class Example10 extends React.Component<Props, State> {
         </div>
 
         <div className="overflow-hidden">
-          <ReactSlickgrid gridId="grid1"
+          <SlickgridReact gridId="grid1"
             columnDefinitions={this.state.columnDefinitions1}
             gridOptions={this.state.gridOptions1!}
             dataset={this.state.dataset1}
@@ -363,7 +363,7 @@ export default class Example10 extends React.Component<Props, State> {
         </div>
 
         <div className="overflow-hidden">
-          <ReactSlickgrid gridId="grid2"
+          <SlickgridReact gridId="grid2"
             columnDefinitions={this.state.columnDefinitions2}
             gridOptions={this.state.gridOptions2!}
             dataset={this.state.dataset2}

diff --git a/src/examples/slickgrid/Example11.tsx b/src/examples/slickgrid/Example11.tsx
@@ -1,5 +1,5 @@
 import {
-  ReactGridInstance,
+  SlickgridReactInstance,
   Column,
   Editors,
   FieldType,
@@ -9,7 +9,7 @@ import {
   OnEventArgs,
   SlickDataView,
   SlickGrid,
-  ReactSlickgrid,
+  SlickgridReact,
 } from '../../slickgrid-react';
 import React from 'react';
 import './example11.scss';
@@ -37,7 +37,7 @@ export default class Example11 extends React.Component {
   </ul>
   `;
 
-  reactGrid!: ReactGridInstance;
+  reactGrid!: SlickgridReactInstance;
   dataView!: SlickDataView;
   grid!: SlickGrid;
   gridService!: GridService;
@@ -53,7 +53,7 @@ export default class Example11 extends React.Component {
     this.mockData(1000);
   }
 
-  reactGridReady(reactGrid: ReactGridInstance) {
+  reactGridReady(reactGrid: SlickgridReactInstance) {
     this.reactGrid = reactGrid;
     this.dataView = reactGrid.dataView;
     this.grid = reactGrid.slickGrid;
@@ -324,7 +324,7 @@ export default class Example11 extends React.Component {
           <hr />
         </div>
 
-        <ReactSlickgrid gridId="grid11"
+        <SlickgridReact gridId="grid11"
           columnDefinitions={this.columnDefinitions}
           gridOptions={this.gridOptions}
           dataset={this.dataset}

diff --git a/src/examples/slickgrid/Example12.tsx b/src/examples/slickgrid/Example12.tsx
@@ -2,7 +2,7 @@ import { ExcelExportService } from '@slickgrid-universal/excel-export';
 import { TextExportService } from '@slickgrid-universal/text-export';
 import i18next, { TFunction } from 'i18next';
 import {
-  ReactGridInstance,
+  SlickgridReactInstance,
   DelimiterType,
   FieldType,
   FileType,
@@ -12,7 +12,7 @@ import {
   GridOption,
   GridStateChange,
   SlickGrid,
-  ReactSlickgrid,
+  SlickgridReact,
 } from '../../slickgrid-react';
 import React from 'react';
 import { withTranslation } from 'react-i18next';
@@ -62,7 +62,7 @@ class Example12 extends React.Component<Props, State> {
       </ol>
     `;
 
-  reactGrid!: ReactGridInstance;
+  reactGrid!: SlickgridReactInstance;
   duplicateTitleHeaderCount = 1;
   gridObj!: SlickGrid;
   excelExportService = new ExcelExportService();
@@ -91,7 +91,7 @@ class Example12 extends React.Component<Props, State> {
     this.defineGrid();
   }
 
-  reactGridReady(reactGrid: ReactGridInstance) {
+  reactGridReady(reactGrid: SlickgridReactInstance) {
     this.reactGrid = reactGrid;
     this.gridObj = reactGrid.slickGrid;
   }
@@ -324,7 +324,7 @@ class Example12 extends React.Component<Props, State> {
             </span>
           </div>
         </div>
-        <ReactSlickgrid gridId="grid12"
+        <SlickgridReact gridId="grid12"
           columnDefinitions={this.state.columnDefinitions}
           gridOptions={this.state.gridOptions}
           dataset={this.state.dataset}

diff --git a/src/examples/slickgrid/Example13.tsx b/src/examples/slickgrid/Example13.tsx
@@ -2,7 +2,7 @@ import { ExcelExportService } from '@slickgrid-universal/excel-export';
 import { TextExportService } from '@slickgrid-universal/text-export';
 import {
   Aggregators,
-  ReactGridInstance,
+  SlickgridReactInstance,
   Column,
   DelimiterType,
   FieldType,
@@ -16,7 +16,7 @@ import {
   SortComparers,
   SlickDataView,
   SlickGrid,
-  ReactSlickgrid,
+  SlickgridReact,
 } from '../../slickgrid-react';
 import React from 'react';
 import BaseSlickGridState from './state-slick-grid-base';
@@ -38,7 +38,7 @@ export default class Example13 extends React.Component<Props, State> {
     </ul>
   `;
 
-  reactGrid!: ReactGridInstance;
+  reactGrid!: SlickgridReactInstance;
   dataviewObj!: SlickDataView;
   gridObj!: SlickGrid;
   excelExportService = new ExcelExportService();
@@ -74,7 +74,7 @@ export default class Example13 extends React.Component<Props, State> {
     });
   }
 
-  reactGridReady(reactGrid: ReactGridInstance) {
+  reactGridReady(reactGrid: SlickgridReactInstance) {
     this.reactGrid = reactGrid;
     this.dataviewObj = reactGrid.dataView;
     this.gridObj = reactGrid.slickGrid;
@@ -447,7 +447,7 @@ export default class Example13 extends React.Component<Props, State> {
           </div>
         </div>
 
-        <ReactSlickgrid gridId="grid13"
+        <SlickgridReact gridId="grid13"
           columnDefinitions={this.state.columnDefinitions}
           gridOptions={this.state.gridOptions!}
           dataset={this.state.dataset}

diff --git a/src/examples/slickgrid/Example14.tsx b/src/examples/slickgrid/Example14.tsx
@@ -1,5 +1,5 @@
 import { ExcelExportService } from '@slickgrid-universal/excel-export';
-import { ReactGridInstance, Column, FieldType, GridOption, ItemMetadata, ReactSlickgrid } from '../../slickgrid-react';
+import { SlickgridReactInstance, Column, FieldType, GridOption, ItemMetadata, SlickgridReact } from '../../slickgrid-react';
 import React from 'react';
 import './example14.scss'; // provide custom CSS/SASS styling
 
@@ -18,7 +18,7 @@ export default class Example14 extends React.Component {
   </ul>
   `;
 
-  reactGrid2!: ReactGridInstance;
+  reactGrid2!: SlickgridReactInstance;
   gridObj2: any;
   columnDefinitions1: Column[] = [];
   columnDefinitions2: Column[] = [];
@@ -41,7 +41,7 @@ export default class Example14 extends React.Component {
     this.dataset2 = this.getData(500);
   }
 
-  reactGridReady2(reactGrid: ReactGridInstance) {
+  reactGridReady2(reactGrid: SlickgridReactInstance) {
     this.reactGrid2 = reactGrid;
     this.gridObj2 = reactGrid.slickGrid;
   }
@@ -170,7 +170,7 @@ export default class Example14 extends React.Component {
         <div className="subtitle" dangerouslySetInnerHTML={{ __html: this.subTitle }}></div>
 
         <h3>Grid 1 <small>(with Header Grouping &amp; Colspan)</small></h3>
-        <ReactSlickgrid gridId="grid1"
+        <SlickgridReact gridId="grid1"
           columnDefinitions={this.columnDefinitions1}
           gridOptions={this.gridOptions1}
           dataset={this.dataset1} />
@@ -190,7 +190,7 @@ export default class Example14 extends React.Component {
           </button>
         </div>
 
-        <ReactSlickgrid gridId="grid2"
+        <SlickgridReact gridId="grid2"
           columnDefinitions={this.columnDefinitions2}
           gridOptions={this.gridOptions2}
           dataset={this.dataset2}

diff --git a/src/examples/slickgrid/Example15.tsx b/src/examples/slickgrid/Example15.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import { withTranslation } from 'react-i18next';
 
 import {
-  ReactGridInstance,
+  SlickgridReactInstance,
   Column,
   FieldType,
   Filters,
@@ -12,7 +12,7 @@ import {
   GridState,
   GridStateChange,
   MultipleSelectOption,
-  ReactSlickgrid
+  SlickgridReact
 } from '../../slickgrid-react';
 import BaseSlickGridState from './state-slick-grid-base';
 
@@ -44,7 +44,7 @@ class Example15 extends React.Component<Props, State> {
   </ul>
 `;
 
-  reactGrid!: ReactGridInstance;
+  reactGrid!: SlickgridReactInstance;
   // private i18n: i18n;
 
   constructor(public readonly props: Props) {
@@ -74,7 +74,7 @@ class Example15 extends React.Component<Props, State> {
     this.saveCurrentGridState();
   }
 
-  reactGridReady(reactGrid: ReactGridInstance) {
+  reactGridReady(reactGrid: SlickgridReactInstance) {
     this.reactGrid = reactGrid;
   }
 
@@ -298,7 +298,7 @@ class Example15 extends React.Component<Props, State> {
           {this.state.selectedLanguage + '.json'}
         </span>
 
-        <ReactSlickgrid gridId="grid15"
+        <SlickgridReact gridId="grid15"
           columnDefinitions={this.state.columnDefinitions}
           gridOptions={this.state.gridOptions}
           dataset={this.state.dataset}

diff --git a/src/examples/slickgrid/Example16.tsx b/src/examples/slickgrid/Example16.tsx
@@ -1,4 +1,4 @@
-import { ReactGridInstance, Column, ExtensionName, Filters, Formatters, GridOption, ReactSlickgrid, OnEventArgs } from '../../slickgrid-react';
+import { SlickgridReactInstance, Column, ExtensionName, Filters, Formatters, GridOption, SlickgridReact, OnEventArgs } from '../../slickgrid-react';
 import React from 'react';
 import BaseSlickGridState from './state-slick-grid-base';
 
@@ -23,7 +23,7 @@ export default class Example16 extends React.Component<Props, State> {
       </ul>
     </ul>
   `;
-  reactGrid!: ReactGridInstance;
+  reactGrid!: SlickgridReactInstance;
 
   constructor(public readonly props: Props) {
     super(props);
@@ -37,7 +37,7 @@ export default class Example16 extends React.Component<Props, State> {
     this.defineGrid();
   }
 
-  reactGridReady(reactGrid: ReactGridInstance) {
+  reactGridReady(reactGrid: SlickgridReactInstance) {
     this.reactGrid = reactGrid;
   }
 
@@ -347,7 +347,7 @@ export default class Example16 extends React.Component<Props, State> {
 
         <br />
 
-        <ReactSlickgrid gridId="grid16"
+        <SlickgridReact gridId="grid16"
           columnDefinitions={this.state.columnDefinitions}
           gridOptions={this.state.gridOptions!}
           dataset={this.state.dataset}

diff --git a/src/examples/slickgrid/Example17.tsx b/src/examples/slickgrid/Example17.tsx
@@ -3,12 +3,12 @@ import 'slickgrid/lib/jquery.jsonp-2.4.min';
 import 'slickgrid/slick.remotemodel'; // SlickGrid Remote Plugin
 
 import {
-  ReactGridInstance,
+  SlickgridReactInstance,
   Column,
   Formatter,
   GridOption,
   SlickNamespace,
-  ReactSlickgrid
+  SlickgridReact
 } from '../../slickgrid-react';
 import React from 'react';
 
@@ -53,7 +53,7 @@ export default class Example17 extends React.Component {
       </li>
     </ul>
   `;
-  reactGrid!: ReactGridInstance;
+  reactGrid!: SlickgridReactInstance;
   columnDefinitions: Column[] = [];
   customDataView: any;
   dataset = [];
@@ -84,7 +84,7 @@ export default class Example17 extends React.Component {
     this._eventHandler.unsubscribeAll();
   }
 
-  reactGridReady(reactGrid: ReactGridInstance) {
+  reactGridReady(reactGrid: SlickgridReactInstance) {
     this.reactGrid = reactGrid;
     this.gridObj = reactGrid.slickGrid; // grid object
     this.loaderDataView.setSort('score', -1);
@@ -193,7 +193,7 @@ export default class Example17 extends React.Component {
           <span>Loading...</span>
         </div>}
 
-        <ReactSlickgrid gridId="grid1"
+        <SlickgridReact gridId="grid1"
           columnDefinitions={this.columnDefinitions}
           gridOptions={this.gridOptions}
           dataset={this.dataset}