slickgrid-react 4.7.0 → 5.0.0

package/src/slickgrid-react/global-grid-options.ts

@@ -1,5 +1,5 @@
-import { Column, DelimiterType, EventNamingStyle, FileType, Filters, OperatorType, TreeDataOption } from '@slickgrid-universal/common';
-import { GridOption } from './models/index';
+import { type Column, DelimiterType, EventNamingStyle, FileType, Filters, OperatorType, type TreeDataOption } from '@slickgrid-universal/common';
+import type { GridOption } from './models/index';
 
 /**
  * Default Options that can be passed to the Slickgrid-React
@@ -47,8 +47,8 @@ export const GlobalGridOptions: Partial<GridOption> = {
       massUpdateStatusKey: 'ALL_X_RECORDS_SELECTED',
       saveButtonKey: 'SAVE',
     },
-    resetEditorButtonCssClass: 'fa fa-repeat',
-    resetFormButtonIconCssClass: 'fa fa-repeat'
+    resetEditorButtonCssClass: 'mdi mdi-refresh mdi-15px',
+    resetFormButtonIconCssClass: 'mdi mdi-refresh mdi-16px mdi-flip-h',
   },
   contextMenu: {
     autoAdjustDrop: true,
@@ -64,14 +64,13 @@ export const GlobalGridOptions: Partial<GridOption> = {
     hideExportTextDelimitedCommand: true,
     hideMenuOnScroll: true,
     hideOptionSection: false,
-    iconCollapseAllGroupsCommand: 'fa fa-compress',
-    iconExpandAllGroupsCommand: 'fa fa-expand',
-    iconClearGroupingCommand: 'fa fa-times',
-    iconCopyCellValueCommand: 'fa fa-clone',
-    iconExportCsvCommand: 'fa fa-download',
-    iconExportExcelCommand: 'fa fa-file-excel-o text-success',
-    iconExportTextDelimitedCommand: 'fa fa-download',
-    width: 200,
+    iconCollapseAllGroupsCommand: 'mdi mdi-arrow-collapse',
+    iconExpandAllGroupsCommand: 'mdi mdi-arrow-expand',
+    iconClearGroupingCommand: 'mdi mdi-close',
+    iconCopyCellValueCommand: 'mdi mdi-content-copy',
+    iconExportCsvCommand: 'mdi mdi-download',
+    iconExportExcelCommand: 'mdi mdi-file-excel-outline text-success',
+    iconExportTextDelimitedCommand: 'mdi mdi-download',
   },
   customFooterOptions: {
     dateFormat: 'YYYY-MM-DD, hh:mm a',
@@ -185,17 +184,17 @@ export const GlobalGridOptions: Partial<GridOption> = {
     hideToggleDarkModeCommand: true,
     hideToggleFilterCommand: false,
     hideTogglePreHeaderCommand: false,
-    iconCssClass: 'fa fa-bars',
-    iconClearAllFiltersCommand: 'fa fa-filter',
-    iconClearAllSortingCommand: 'fa fa-unsorted',
-    iconClearFrozenColumnsCommand: 'fa fa-times',
-    iconExportCsvCommand: 'fa fa-download',
-    iconExportExcelCommand: 'fa fa-file-excel-o',
-    iconExportTextDelimitedCommand: 'fa fa-download',
-    iconRefreshDatasetCommand: 'fa fa-refresh',
-    iconToggleDarkModeCommand: 'fa fa-moon-o mdi mdi-brightness-4',
-    iconToggleFilterCommand: 'fa fa-random',
-    iconTogglePreHeaderCommand: 'fa fa-random',
+    iconCssClass: 'mdi mdi-menu',
+    iconClearAllFiltersCommand: 'mdi mdi-filter',
+    iconClearAllSortingCommand: 'mdi mdi-sort-variant-off',
+    iconClearFrozenColumnsCommand: 'mdi mdi-close',
+    iconExportCsvCommand: 'mdi mdi-download',
+    iconExportExcelCommand: 'mdi mdi-file-excel-outline',
+    iconExportTextDelimitedCommand: 'mdi mdi-download',
+    iconRefreshDatasetCommand: 'mdi mdi-sync',
+    iconToggleDarkModeCommand: 'mdi mdi-brightness-4 mdi mdi-brightness-4',
+    iconToggleFilterCommand: 'mdi mdi-flip-vertical',
+    iconTogglePreHeaderCommand: 'mdi mdi-flip-vertical',
     menuWidth: 16,
     resizeOnShowHeaderRow: true,
     headerColumnValueExtractor: pickerHeaderColumnValueExtractor
@@ -204,13 +203,13 @@ export const GlobalGridOptions: Partial<GridOption> = {
     autoAlign: true,
     autoAlignOffset: 12,
     minWidth: 140,
-    iconClearFilterCommand: 'fa fa-filter',
-    iconClearSortCommand: 'fa fa-unsorted',
-    iconFreezeColumns: 'fa fa-thumb-tack',
-    iconSortAscCommand: 'fa fa-sort-amount-asc',
-    iconSortDescCommand: 'fa fa-sort-amount-desc',
-    iconColumnHideCommand: 'fa fa-times',
-    iconColumnResizeByContentCommand: 'fa fa-arrows-h',
+    iconClearFilterCommand: 'mdi mdi-filter-remove-outline',
+    iconClearSortCommand: 'mdi mdi-sort-variant-off',
+    iconFreezeColumns: 'mdi mdi-pin-outline',
+    iconSortAscCommand: 'mdi mdi-sort-ascending',
+    iconSortDescCommand: 'mdi mdi-sort-descending',
+    iconColumnHideCommand: 'mdi mdi-close',
+    iconColumnResizeByContentCommand: 'mdi mdi-arrow-expand-horizontal',
     hideColumnResizeByContentCommand: false,
     hideColumnHideCommand: false,
     hideClearFilterCommand: false,

package/src/slickgrid-react/index.ts

@@ -2,10 +2,10 @@ import 'regenerator-runtime/runtime.js';
 export * from '@slickgrid-universal/common';
 
 import { SlickgridReact } from './components/slickgrid-react';
-import { SlickgridEventAggregator } from './components/slickgridEventAggregator';
-import { SlickgridConfig } from './slickgrid-config';
+import type { SlickgridEventAggregator } from './components/slickgridEventAggregator';
+import type { SlickgridConfig } from './slickgrid-config';
 
-import {
+import type {
   SlickgridReactInstance,
   SlickgridReactComponentOutput,
   GridOption,
@@ -19,10 +19,10 @@ export {
 } from './services/index';
 
 export {
-  SlickgridEventAggregator,
-  SlickgridReactInstance,
-  SlickgridReactComponentOutput,
-  GridOption,
+  type SlickgridEventAggregator,
+  type SlickgridReactInstance,
+  type SlickgridReactComponentOutput,
+  type GridOption,
   SlickgridReact,
   SlickgridConfig
 };

package/src/slickgrid-react/models/gridOption.interface.ts

@@ -1,5 +1,5 @@
-import { GridOption as UniversalGridOption } from '@slickgrid-universal/common';
-import * as i18next from 'i18next';
+import type { GridOption as UniversalGridOption } from '@slickgrid-universal/common';
+import type * as i18next from 'i18next';
 
 export interface GridOption extends UniversalGridOption {
   /** I18N translation service instance */

package/src/slickgrid-react/models/reactComponentOutput.interface.ts

@@ -1,4 +1,5 @@
-import React, { ReactInstance } from 'react';
+/* eslint-disable @typescript-eslint/consistent-type-imports */
+import React, { type ReactInstance } from 'react';
 
 export interface SlickgridReactComponentOutput {
   componentInstance?: ReactInstance;

package/src/slickgrid-react/models/slickgridReactInstance.interface.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   BackendService,
   ExtensionService,
   FilterService,
@@ -13,7 +13,7 @@ import {
   SortService,
   TreeDataService
 } from '@slickgrid-universal/common';
-import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import type { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 
 export interface SlickgridReactInstance {
   element: HTMLDivElement;

package/src/slickgrid-react/services/container.service.ts

@@ -1,4 +1,4 @@
-import { ContainerService as UniversalContainerService } from '@slickgrid-universal/common';
+import type { ContainerService as UniversalContainerService } from '@slickgrid-universal/common';
 
 export class ContainerService implements UniversalContainerService {
   private readonly container: { [key: string]: any } = {};

package/src/slickgrid-react/services/reactUtil.service.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import ReactDOM from 'react-dom';
-import { SlickgridReactComponentOutput } from '../models/reactComponentOutput.interface';
+import type { SlickgridReactComponentOutput } from '../models/reactComponentOutput.interface';
 
 export class ReactUtilService {
   createReactComponentAppendToDom(component: any, targetElement?: HTMLElement | Element, clearTargetContent = false, props: any = undefined, children: ReactNode[] = []): SlickgridReactComponentOutput {

package/src/slickgrid-react/services/translater.service.ts

@@ -1,5 +1,5 @@
-import { TranslaterService as UniversalTranslateService } from '@slickgrid-universal/common';
-import i18next, { i18n } from 'i18next';
+import type { TranslaterService as UniversalTranslateService } from '@slickgrid-universal/common';
+import i18next, { type i18n } from 'i18next';
 
 /**
  * This is a Translate Service Wrapper for Slickgrid-Universal monorepo lib to work properly,

package/src/slickgrid-react/services/utilities.ts

@@ -1,4 +1,4 @@
-import { EventSubscription } from '@slickgrid-universal/common';
+import type { EventSubscription } from '@slickgrid-universal/common';
 
 /**
  * Loop through and dispose of all subscriptions when they are disposable

package/src/slickgrid-react/slickgrid-config.ts

@@ -1,4 +1,4 @@
-import { GridOption } from './models/gridOption.interface';
+import type { GridOption } from './models/gridOption.interface';
 import { GlobalGridOptions } from './global-grid-options';
 
 export class SlickgridConfig {