slickgrid-react 5.14.1 → 9.0.0

package/dist/{esm/extensions → extensions}/slickRowDetailView.js

@@ -1,15 +1,22 @@
 import { addToArrayWhenNotExists, createDomElement, SlickEventData, SlickRowSelectionModel, unsubscribeAll, } from '@slickgrid-universal/common';
 import { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';
-import { createReactComponentDynamically } from '../services/reactUtils';
+import { createReactComponentDynamically } from '../services/reactUtils.js';
 const ROW_DETAIL_CONTAINER_PREFIX = 'container_';
 const PRELOAD_CONTAINER_PREFIX = 'container_loading';
 // interface SRDV extends React.Component<Props, State>, UniversalSlickRowDetailView {}s
 export class SlickRowDetailView extends UniversalSlickRowDetailView {
+    eventPubSubService;
+    _component;
+    _preloadComponent;
+    _preloadRoot;
+    _views = [];
+    _subscriptions = [];
+    _userProcessFn;
+    gridContainerElement;
+    _root;
     constructor(eventPubSubService) {
         super(eventPubSubService);
         this.eventPubSubService = eventPubSubService;
-        this._views = [];
-        this._subscriptions = [];
     }
     get addonOptions() {
         return this.getOptions();
@@ -18,8 +25,7 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
         return this.gridOptions.datasetIdPropertyName || 'id';
     }
     get gridOptions() {
-        var _a;
-        return (((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getOptions()) || {});
+        return (this._grid?.getOptions() || {});
     }
     get rowDetailViewOptions() {
         return this.gridOptions.rowDetailView;
@@ -47,15 +53,14 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
         this._grid = grid;
         super.init(this._grid);
         this.gridContainerElement = grid.getContainerNode();
-        this.register(grid === null || grid === void 0 ? void 0 : grid.getSelectionModel());
+        this.register(grid?.getSelectionModel());
     }
     /**
      * Create the plugin before the Grid creation, else it will behave oddly.
      * Mostly because the column definitions might change after the grid creation
      */
     register(rowSelectionPlugin) {
-        var _a, _b, _c, _d, _f, _g, _h;
-        if (typeof ((_a = this.gridOptions.rowDetailView) === null || _a === void 0 ? void 0 : _a.process) === 'function') {
+        if (typeof this.gridOptions.rowDetailView?.process === 'function') {
             // we need to keep the user "process" method and replace it with our own execution method
             // we do this because when we get the item detail, we need to call "onAsyncResponse.notify" for the plugin to work
             this._userProcessFn = this.gridOptions.rowDetailView.process; // keep user's process method
@@ -64,15 +69,15 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
         else {
             throw new Error('[Slickgrid-React] You need to provide a "process" function for the Row Detail Extension to work properly');
         }
-        if (this._grid && ((_b = this.gridOptions) === null || _b === void 0 ? void 0 : _b.rowDetailView)) {
+        if (this._grid && this.gridOptions?.rowDetailView) {
             // load the Preload & RowDetail Templates (could be straight HTML or React Components)
             // when those are React Components, we need to create View Component & provide the html containers to the Plugin (preTemplate/postTemplate methods)
             if (!this.gridOptions.rowDetailView.preTemplate) {
-                this._preloadComponent = (_d = (_c = this.gridOptions) === null || _c === void 0 ? void 0 : _c.rowDetailView) === null || _d === void 0 ? void 0 : _d.preloadComponent;
+                this._preloadComponent = this.gridOptions?.rowDetailView?.preloadComponent;
                 this.addonOptions.preTemplate = () => createDomElement('div', { className: `${PRELOAD_CONTAINER_PREFIX}` });
             }
             if (!this.gridOptions.rowDetailView.postTemplate) {
-                this._component = (_g = (_f = this.gridOptions) === null || _f === void 0 ? void 0 : _f.rowDetailView) === null || _g === void 0 ? void 0 : _g.viewComponent;
+                this._component = this.gridOptions?.rowDetailView?.viewComponent;
                 this.addonOptions.postTemplate = (itemDetail) => createDomElement('div', { className: `${ROW_DETAIL_CONTAINER_PREFIX}${itemDetail[this.datasetIdPropName]}` });
             }
             if (this._grid && this.gridOptions) {
@@ -87,61 +92,53 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
                         this.rowDetailViewOptions.onExtensionRegistered(this);
                     }
                     this._eventHandler.subscribe(this.onAsyncResponse, (event, args) => {
-                        var _a;
-                        if (typeof ((_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.onAsyncResponse) === 'function') {
+                        if (typeof this.rowDetailViewOptions?.onAsyncResponse === 'function') {
                             this.rowDetailViewOptions.onAsyncResponse(event, args);
                         }
                     });
                     this._eventHandler.subscribe(this.onAsyncEndUpdate, async (event, args) => {
-                        var _a;
                         // dispose preload if exists
-                        (_a = this._preloadRoot) === null || _a === void 0 ? void 0 : _a.unmount();
+                        this._preloadRoot?.unmount();
                         // triggers after backend called "onAsyncResponse.notify()"
                         // because of the preload destroy above, we need a small delay to make sure the DOM element is ready to render the Row Detail
                         queueMicrotask(() => {
-                            var _a;
-                            this.renderViewModel(args === null || args === void 0 ? void 0 : args.item);
-                            if (typeof ((_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.onAsyncEndUpdate) === 'function') {
+                            this.renderViewModel(args?.item);
+                            if (typeof this.rowDetailViewOptions?.onAsyncEndUpdate === 'function') {
                                 this.rowDetailViewOptions.onAsyncEndUpdate(event, args);
                             }
                         });
                     });
                     this._eventHandler.subscribe(this.onAfterRowDetailToggle, async (event, args) => {
-                        var _a;
                         // display preload template & re-render all the other Detail Views after toggling
                         // the preload View will eventually go away once the data gets loaded after the "onAsyncEndUpdate" event
                         this.renderPreloadView(args.item);
-                        if (typeof ((_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.onAfterRowDetailToggle) === 'function') {
+                        if (typeof this.rowDetailViewOptions?.onAfterRowDetailToggle === 'function') {
                             this.rowDetailViewOptions.onAfterRowDetailToggle(event, args);
                         }
                     });
                     this._eventHandler.subscribe(this.onBeforeRowDetailToggle, (event, args) => {
-                        var _a;
                         // before toggling row detail, we need to create View Component if it doesn't exist
                         this.handleOnBeforeRowDetailToggle(event, args);
-                        if (typeof ((_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.onBeforeRowDetailToggle) === 'function') {
+                        if (typeof this.rowDetailViewOptions?.onBeforeRowDetailToggle === 'function') {
                             return this.rowDetailViewOptions.onBeforeRowDetailToggle(event, args);
                         }
                         return true;
                     });
                     this._eventHandler.subscribe(this.onRowBackToViewportRange, async (event, args) => {
-                        var _a;
                         // when row is back to viewport range, we will re-render the View Component(s)
                         this.handleOnRowBackToViewportRange(event, args);
-                        if (typeof ((_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.onRowBackToViewportRange) === 'function') {
+                        if (typeof this.rowDetailViewOptions?.onRowBackToViewportRange === 'function') {
                             this.rowDetailViewOptions.onRowBackToViewportRange(event, args);
                         }
                     });
                     this._eventHandler.subscribe(this.onBeforeRowOutOfViewportRange, (event, args) => {
-                        var _a;
-                        if (typeof ((_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.onBeforeRowOutOfViewportRange) === 'function') {
+                        if (typeof this.rowDetailViewOptions?.onBeforeRowOutOfViewportRange === 'function') {
                             this.rowDetailViewOptions.onBeforeRowOutOfViewportRange(event, args);
                         }
                         this.disposeViewByItem(args.item);
                     });
                     this._eventHandler.subscribe(this.onRowOutOfViewportRange, (event, args) => {
-                        var _a;
-                        if (typeof ((_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.onRowOutOfViewportRange) === 'function') {
+                        if (typeof this.rowDetailViewOptions?.onRowOutOfViewportRange === 'function') {
                             this.rowDetailViewOptions.onRowOutOfViewportRange(event, args);
                         }
                     });
@@ -156,12 +153,12 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
                     // on column sort/reorder, all row detail are collapsed so we can dispose of all the Views as well
                     this._eventHandler.subscribe(this._grid.onSort, this.disposeAllViewComponents.bind(this));
                     // on filter changed, we need to re-render all Views
-                    this._subscriptions.push((_h = this.eventPubSubService) === null || _h === void 0 ? void 0 : _h.subscribe([
+                    this._subscriptions.push(this.eventPubSubService?.subscribe([
                         'onFilterChanged',
                         'onGridMenuColumnsChanged',
                         'onColumnPickerColumnsChanged',
                         'onGridMenuClearAllFilters',
-                        'onGridMenuClearAllSorting'
+                        'onGridMenuClearAllSorting',
                     ], () => this.redrawAllViewComponents(true)));
                 }
             }
@@ -182,9 +179,7 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
     }
     /** Render all the expanded row detail View Components */
     async renderAllViewModels() {
-        this._views
-            .filter((x) => x === null || x === void 0 ? void 0 : x.dataContext)
-            .forEach((x) => this.renderViewModel(x.dataContext));
+        this._views.filter((x) => x?.dataContext).forEach((x) => this.renderViewModel(x.dataContext));
     }
     /** Redraw the necessary View Component */
     redrawViewComponent(view) {
@@ -195,7 +190,6 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
     }
     /** Render (or re-render) the View Component (Row Detail) */
     renderPreloadView(item) {
-        var _a;
         const containerElement = this.gridContainerElement.querySelector(`.${PRELOAD_CONTAINER_PREFIX}`);
         if (this._preloadComponent && containerElement) {
             // render row detail
@@ -204,7 +198,7 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
                 addon: this,
                 grid: this._grid,
                 dataView: this.dataView,
-                parent: (_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.parent,
+                parentRef: this.rowDetailViewOptions?.parentRef,
             };
             const detailContainer = document.createElement('section');
             containerElement.appendChild(detailContainer);
@@ -214,7 +208,6 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
     }
     /** Render (or re-render) the View Component (Row Detail) */
     renderViewModel(item) {
-        var _a;
         const containerElement = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${item[this.datasetIdPropName]}`);
         if (this._component && containerElement) {
             const bindableData = {
@@ -222,12 +215,12 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
                 addon: this,
                 grid: this._grid,
                 dataView: this.dataView,
-                parent: (_a = this.rowDetailViewOptions) === null || _a === void 0 ? void 0 : _a.parent,
+                parentRef: this.rowDetailViewOptions?.parentRef,
             };
             // load our Row Detail React Component dynamically, typically we would want to use `root.render()` after the preload component (last argument below)
             // BUT the root render doesn't seem to work and shows a blank element, so we'll use `createRoot()` every time even though it shows a console log in Dev
             // that is the only way I got it working so let's use it anyway and console warnings are removed in production anyway
-            const viewObj = this._views.find(obj => obj.id === item[this.datasetIdPropName]);
+            const viewObj = this._views.find((obj) => obj.id === item[this.datasetIdPropName]);
             const { root } = createReactComponentDynamically(this._component, containerElement, bindableData);
             if (viewObj) {
                 viewObj.root = root;
@@ -242,7 +235,7 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
     // protected functions
     // ------------------
     upsertViewRefs(item, root) {
-        const viewIdx = this._views.findIndex(obj => obj.id === item[this.datasetIdPropName]);
+        const viewIdx = this._views.findIndex((obj) => obj.id === item[this.datasetIdPropName]);
         const viewInfo = {
             id: item[this.datasetIdPropName],
             dataContext: item,
@@ -268,7 +261,7 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
     }
     disposeViewComponent(expandedView) {
         expandedView.rendered = false;
-        if (expandedView === null || expandedView === void 0 ? void 0 : expandedView.root) {
+        if (expandedView?.root) {
             const container = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${expandedView.id}`);
             if (container) {
                 expandedView.root.unmount();
@@ -284,9 +277,8 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
      * if we don't already have it or if it's collapsing we will remove it from our View Components reference array
      */
     handleOnBeforeRowDetailToggle(_e, args) {
-        var _a;
         // expanding
-        if ((_a = args === null || args === void 0 ? void 0 : args.item) === null || _a === void 0 ? void 0 : _a.__collapsed) {
+        if (args?.item?.__collapsed) {
             // expanding row detail
             this.upsertViewRefs(args.item, null);
         }
@@ -308,7 +300,7 @@ export class SlickRowDetailView extends UniversalSlickRowDetailView {
      * @param item
      */
     notifyTemplate(item) {
-        this.onAsyncResponse.notify({ item, itemDetail: item }, new SlickEventData(), this);
+        this.onAsyncResponse.notify({ item }, new SlickEventData(), this);
     }
     /**
      * On Processing, we will notify the plugin with the new item detail once backend server call completes

package/dist/extensions/slickRowDetailView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slickRowDetailView.js","sourceRoot":"","sources":["../../src/extensions/slickRowDetailView.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  addToArrayWhenNotExists,\n  createDomElement,\n  type EventSubscription,\n  type OnBeforeRowDetailToggleArgs,\n  type OnRowBackOrOutOfViewportRangeArgs,\n  SlickEventData,\n  type SlickGrid,\n  SlickRowSelectionModel,\n  unsubscribeAll,\n} from '@slickgrid-universal/common';\nimport { type EventPubSubService } from '@slickgrid-universal/event-pub-sub';\nimport { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';\nimport type { Root } from 'react-dom/client';\n\nimport type { GridOption, RowDetailView, ViewModelBindableInputData } from '../models/index.js';\nimport { createReactComponentDynamically } from '../services/reactUtils.js';\n\nconst ROW_DETAIL_CONTAINER_PREFIX = 'container_';\nconst PRELOAD_CONTAINER_PREFIX = 'container_loading';\n\nexport interface CreatedView {\n  id: string | number;\n  dataContext: any;\n  root: Root | null;\n  rendered?: boolean;\n}\n// interface SRDV extends React.Component<Props, State>, UniversalSlickRowDetailView {}s\n\nexport class SlickRowDetailView extends UniversalSlickRowDetailView {\n  protected _component?: any;\n  protected _preloadComponent?: any;\n  protected _preloadRoot?: Root;\n  protected _views: CreatedView[] = [];\n  protected _subscriptions: EventSubscription[] = [];\n  protected _userProcessFn?: (item: any) => Promise<any>;\n  protected gridContainerElement!: HTMLElement;\n  _root?: Root;\n\n  constructor(private readonly eventPubSubService: EventPubSubService) {\n    super(eventPubSubService);\n  }\n\n  get addonOptions() {\n    return this.getOptions();\n  }\n\n  protected get datasetIdPropName(): string {\n    return this.gridOptions.datasetIdPropertyName || 'id';\n  }\n\n  get gridOptions(): GridOption {\n    return (this._grid?.getOptions() || {}) as GridOption;\n  }\n\n  get rowDetailViewOptions(): RowDetailView | undefined {\n    return this.gridOptions.rowDetailView;\n  }\n\n  /** Dispose of the RowDetailView Extension */\n  dispose() {\n    this.disposeAllViewComponents();\n    unsubscribeAll(this._subscriptions);\n    super.dispose();\n  }\n\n  /** Dispose of all the opened Row Detail Panels Components */\n  disposeAllViewComponents() {\n    do {\n      const view = this._views.pop();\n      if (view) {\n        this.disposeViewByItem(view);\n      }\n    } while (this._views.length > 0);\n  }\n\n  /** Get the instance of the SlickGrid addon (control or plugin). */\n  getAddonInstance(): SlickRowDetailView | null {\n    return this;\n  }\n\n  init(grid: SlickGrid) {\n    this._grid = grid;\n    super.init(this._grid);\n    this.gridContainerElement = grid.getContainerNode();\n    this.register(grid?.getSelectionModel() as SlickRowSelectionModel);\n  }\n\n  /**\n   * Create the plugin before the Grid creation, else it will behave oddly.\n   * Mostly because the column definitions might change after the grid creation\n   */\n  register(rowSelectionPlugin?: SlickRowSelectionModel) {\n    if (typeof this.gridOptions.rowDetailView?.process === 'function') {\n      // we need to keep the user \"process\" method and replace it with our own execution method\n      // we do this because when we get the item detail, we need to call \"onAsyncResponse.notify\" for the plugin to work\n      this._userProcessFn = this.gridOptions.rowDetailView.process as (item: any) => Promise<any>; // keep user's process method\n      this.addonOptions.process = (item) => this.onProcessing(item); // replace process method & run our internal one\n    } else {\n      throw new Error('[Slickgrid-React] You need to provide a \"process\" function for the Row Detail Extension to work properly');\n    }\n\n    if (this._grid && this.gridOptions?.rowDetailView) {\n      // load the Preload & RowDetail Templates (could be straight HTML or React Components)\n      // when those are React Components, we need to create View Component & provide the html containers to the Plugin (preTemplate/postTemplate methods)\n      if (!this.gridOptions.rowDetailView.preTemplate) {\n        this._preloadComponent = this.gridOptions?.rowDetailView?.preloadComponent;\n        this.addonOptions.preTemplate = () => createDomElement('div', { className: `${PRELOAD_CONTAINER_PREFIX}` });\n      }\n      if (!this.gridOptions.rowDetailView.postTemplate) {\n        this._component = this.gridOptions?.rowDetailView?.viewComponent;\n        this.addonOptions.postTemplate = (itemDetail: any) =>\n          createDomElement('div', { className: `${ROW_DETAIL_CONTAINER_PREFIX}${itemDetail[this.datasetIdPropName]}` });\n      }\n\n      if (this._grid && this.gridOptions) {\n        // this also requires the Row Selection Model to be registered as well\n        if (!rowSelectionPlugin || !this._grid.getSelectionModel()) {\n          rowSelectionPlugin = new SlickRowSelectionModel(this.gridOptions.rowSelectionOptions || { selectActiveRow: true });\n          this._grid.setSelectionModel(rowSelectionPlugin);\n        }\n\n        // hook all events\n        if (this._grid && this.rowDetailViewOptions) {\n          if (this.rowDetailViewOptions.onExtensionRegistered) {\n            this.rowDetailViewOptions.onExtensionRegistered(this);\n          }\n\n          this._eventHandler.subscribe(this.onAsyncResponse, (event, args) => {\n            if (typeof this.rowDetailViewOptions?.onAsyncResponse === 'function') {\n              this.rowDetailViewOptions.onAsyncResponse(event, args);\n            }\n          });\n\n          this._eventHandler.subscribe(this.onAsyncEndUpdate, async (event, args) => {\n            // dispose preload if exists\n            this._preloadRoot?.unmount();\n\n            // triggers after backend called \"onAsyncResponse.notify()\"\n            // because of the preload destroy above, we need a small delay to make sure the DOM element is ready to render the Row Detail\n            queueMicrotask(() => {\n              this.renderViewModel(args?.item);\n\n              if (typeof this.rowDetailViewOptions?.onAsyncEndUpdate === 'function') {\n                this.rowDetailViewOptions.onAsyncEndUpdate(event, args);\n              }\n            });\n          });\n\n          this._eventHandler.subscribe(this.onAfterRowDetailToggle, async (event, args) => {\n            // display preload template & re-render all the other Detail Views after toggling\n            // the preload View will eventually go away once the data gets loaded after the \"onAsyncEndUpdate\" event\n            this.renderPreloadView(args.item);\n\n            if (typeof this.rowDetailViewOptions?.onAfterRowDetailToggle === 'function') {\n              this.rowDetailViewOptions.onAfterRowDetailToggle(event, args);\n            }\n          });\n\n          this._eventHandler.subscribe(this.onBeforeRowDetailToggle, (event, args) => {\n            // before toggling row detail, we need to create View Component if it doesn't exist\n            this.handleOnBeforeRowDetailToggle(event, args);\n\n            if (typeof this.rowDetailViewOptions?.onBeforeRowDetailToggle === 'function') {\n              return this.rowDetailViewOptions.onBeforeRowDetailToggle(event, args);\n            }\n            return true;\n          });\n\n          this._eventHandler.subscribe(this.onRowBackToViewportRange, async (event, args) => {\n            // when row is back to viewport range, we will re-render the View Component(s)\n            this.handleOnRowBackToViewportRange(event, args);\n\n            if (typeof this.rowDetailViewOptions?.onRowBackToViewportRange === 'function') {\n              this.rowDetailViewOptions.onRowBackToViewportRange(event, args);\n            }\n          });\n\n          this._eventHandler.subscribe(this.onBeforeRowOutOfViewportRange, (event, args) => {\n            if (typeof this.rowDetailViewOptions?.onBeforeRowOutOfViewportRange === 'function') {\n              this.rowDetailViewOptions.onBeforeRowOutOfViewportRange(event, args);\n            }\n            this.disposeViewByItem(args.item);\n          });\n\n          this._eventHandler.subscribe(this.onRowOutOfViewportRange, (event, args) => {\n            if (typeof this.rowDetailViewOptions?.onRowOutOfViewportRange === 'function') {\n              this.rowDetailViewOptions.onRowOutOfViewportRange(event, args);\n            }\n          });\n\n          // --\n          // hook some events needed by the Plugin itself\n\n          // we need to redraw the open detail views if we change column position (column reorder)\n          this.eventHandler.subscribe(this._grid.onColumnsReordered, () => this.redrawAllViewComponents(false));\n\n          // on row selection changed, we also need to redraw\n          if (this.gridOptions.enableRowSelection || this.gridOptions.enableCheckboxSelector) {\n            this._eventHandler.subscribe(this._grid.onSelectedRowsChanged, () => this.redrawAllViewComponents(false));\n          }\n\n          // on column sort/reorder, all row detail are collapsed so we can dispose of all the Views as well\n          this._eventHandler.subscribe(this._grid.onSort, this.disposeAllViewComponents.bind(this));\n\n          // on filter changed, we need to re-render all Views\n          this._subscriptions.push(\n            this.eventPubSubService?.subscribe(\n              [\n                'onFilterChanged',\n                'onGridMenuColumnsChanged',\n                'onColumnPickerColumnsChanged',\n                'onGridMenuClearAllFilters',\n                'onGridMenuClearAllSorting',\n              ],\n              () => this.redrawAllViewComponents(true)\n            )\n          );\n        }\n      }\n    }\n\n    return this;\n  }\n\n  /** Redraw (re-render) all the expanded row detail View Components */\n  async redrawAllViewComponents(forceRedraw = false) {\n    setTimeout(() => {\n      this.resetRenderedRows();\n      this._views.forEach((view) => {\n        if (!view.rendered || forceRedraw) {\n          forceRedraw && this.disposeViewComponent(view);\n          this.redrawViewComponent(view);\n        }\n      });\n    });\n  }\n\n  /** Render all the expanded row detail View Components */\n  async renderAllViewModels() {\n    this._views.filter((x) => x?.dataContext).forEach((x) => this.renderViewModel(x.dataContext));\n  }\n\n  /** Redraw the necessary View Component */\n  redrawViewComponent(view: CreatedView) {\n    const containerElement = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${view.id}`);\n    if (containerElement) {\n      this.renderViewModel(view.dataContext);\n    }\n  }\n\n  /** Render (or re-render) the View Component (Row Detail) */\n  renderPreloadView(item: any) {\n    const containerElement = this.gridContainerElement.querySelector(`.${PRELOAD_CONTAINER_PREFIX}`);\n    if (this._preloadComponent && containerElement) {\n      // render row detail\n      const bindableData = {\n        model: item,\n        addon: this,\n        grid: this._grid,\n        dataView: this.dataView,\n        parentRef: this.rowDetailViewOptions?.parentRef,\n      } as ViewModelBindableInputData;\n      const detailContainer = document.createElement('section');\n      containerElement.appendChild(detailContainer);\n\n      const { root } = createReactComponentDynamically(this._preloadComponent, detailContainer, bindableData);\n      this._preloadRoot = root;\n    }\n  }\n\n  /** Render (or re-render) the View Component (Row Detail) */\n  renderViewModel(item: any) {\n    const containerElement = this.gridContainerElement.querySelector<HTMLElement>(\n      `.${ROW_DETAIL_CONTAINER_PREFIX}${item[this.datasetIdPropName]}`\n    );\n    if (this._component && containerElement) {\n      const bindableData = {\n        model: item,\n        addon: this,\n        grid: this._grid,\n        dataView: this.dataView,\n        parentRef: this.rowDetailViewOptions?.parentRef,\n      } as ViewModelBindableInputData;\n\n      // load our Row Detail React Component dynamically, typically we would want to use `root.render()` after the preload component (last argument below)\n      // BUT the root render doesn't seem to work and shows a blank element, so we'll use `createRoot()` every time even though it shows a console log in Dev\n      // that is the only way I got it working so let's use it anyway and console warnings are removed in production anyway\n      const viewObj = this._views.find((obj) => obj.id === item[this.datasetIdPropName]);\n      const { root } = createReactComponentDynamically(this._component, containerElement, bindableData);\n      if (viewObj) {\n        viewObj.root = root;\n        viewObj.rendered = true;\n      } else {\n        this.upsertViewRefs(item, root);\n      }\n    }\n  }\n\n  // --\n  // protected functions\n  // ------------------\n\n  protected upsertViewRefs(item: any, root: Root | null) {\n    const viewIdx = this._views.findIndex((obj) => obj.id === item[this.datasetIdPropName]);\n    const viewInfo: CreatedView = {\n      id: item[this.datasetIdPropName],\n      dataContext: item,\n      root,\n      rendered: !!root,\n    };\n    if (viewIdx >= 0) {\n      this._views[viewIdx] = viewInfo;\n    } else {\n      this._views.push(viewInfo);\n    }\n    addToArrayWhenNotExists(this._views, viewInfo, this.datasetIdPropName);\n  }\n\n  protected disposeViewByItem(item: any, removeFromArray = false): void {\n    const foundViewIdx = this._views.findIndex((view: CreatedView) => view.id === item[this.datasetIdPropName]);\n    if (foundViewIdx >= 0) {\n      this.disposeViewComponent(this._views[foundViewIdx]);\n      if (removeFromArray) {\n        this._views.splice(foundViewIdx, 1);\n      }\n    }\n  }\n\n  protected disposeViewComponent(expandedView: CreatedView): CreatedView | void {\n    expandedView.rendered = false;\n    if (expandedView?.root) {\n      const container = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${expandedView.id}`);\n      if (container) {\n        expandedView.root.unmount();\n        container.textContent = '';\n        return expandedView;\n      }\n    }\n  }\n\n  /**\n   * Just before the row get expanded or collapsed we will do the following\n   * First determine if the row is expanding or collapsing,\n   * if it's expanding we will add it to our View Components reference array,\n   * if we don't already have it or if it's collapsing we will remove it from our View Components reference array\n   */\n  protected handleOnBeforeRowDetailToggle(_e: SlickEventData<OnBeforeRowDetailToggleArgs>, args: { grid: SlickGrid; item: any }) {\n    // expanding\n    if (args?.item?.__collapsed) {\n      // expanding row detail\n      this.upsertViewRefs(args.item, null);\n    } else {\n      // collapsing, so dispose of the View\n      this.disposeViewByItem(args.item, true);\n    }\n  }\n\n  /** When Row comes back to Viewport Range, we need to redraw the View */\n  protected async handleOnRowBackToViewportRange(\n    _e: SlickEventData<OnRowBackOrOutOfViewportRangeArgs>,\n    args: {\n      item: any;\n      rowId: string | number;\n      rowIndex: number;\n      expandedRows: (string | number)[];\n      rowIdsOutOfViewport: (string | number)[];\n      grid: SlickGrid;\n    }\n  ) {\n    const viewModel = this._views.find((x) => x.id === args.rowId);\n    if (viewModel && !viewModel.rendered) {\n      this.redrawViewComponent(viewModel);\n    }\n  }\n\n  /**\n   * notify the onAsyncResponse with the \"args.item\" (required property)\n   * the plugin will then use item to populate the row detail panel with the \"postTemplate\"\n   * @param item\n   */\n  protected notifyTemplate(item: any) {\n    this.onAsyncResponse.notify({ item }, new SlickEventData(), this);\n  }\n\n  /**\n   * On Processing, we will notify the plugin with the new item detail once backend server call completes\n   * @param item\n   */\n  protected async onProcessing(item: any) {\n    if (item && typeof this._userProcessFn === 'function') {\n      let awaitedItemDetail: any;\n      const userProcessFn = this._userProcessFn(item);\n\n      // wait for the \"userProcessFn\", once resolved we will save it into the \"collection\"\n      const response: any | any[] = await userProcessFn;\n\n      if (response.hasOwnProperty(this.datasetIdPropName)) {\n        awaitedItemDetail = response; // from Promise\n      } else if (response instanceof Response && typeof response['json'] === 'function') {\n        awaitedItemDetail = await response['json'](); // from Fetch\n      } else if (response && response['content']) {\n        awaitedItemDetail = response['content']; // from http-client\n      }\n\n      if (!awaitedItemDetail || !awaitedItemDetail.hasOwnProperty(this.datasetIdPropName)) {\n        throw new Error(\n          '[Slickgrid-React] could not process the Row Detail, please make sure that your \"process\" callback ' +\n            `returns an item object that has an \"${this.datasetIdPropName}\" property`\n        );\n      }\n\n      // notify the plugin with the new item details\n      this.notifyTemplate(awaitedItemDetail || {});\n    }\n  }\n}\n"]}

package/dist/{types/global-grid-options.d.ts → global-grid-options.d.ts}

@@ -1,6 +1,5 @@
-import type { GridOption } from './models/index';
+import type { GridOption } from './models/index.js';
 /**
  * Default Options that can be passed to the Slickgrid-React
  */
 export declare const GlobalGridOptions: Partial<GridOption>;
-//# sourceMappingURL=global-grid-options.d.ts.map

package/dist/{esm/global-grid-options.js → global-grid-options.js}

@@ -1,4 +1,4 @@
-import { DelimiterType, EventNamingStyle, FileType, Filters, OperatorType } from '@slickgrid-universal/common';
+import { DelimiterType, EventNamingStyle, Filters } from '@slickgrid-universal/common';
 /**
  * Default Options that can be passed to the Slickgrid-React
  */
@@ -15,12 +15,12 @@ export const GlobalGridOptions = {
         bottomPadding: 20,
         minHeight: 250,
         minWidth: 300,
-        rightPadding: 0
+        rightPadding: 0,
     },
     cellHighlightCssClass: 'slick-cell-modified',
     checkboxSelector: {
         cssClass: 'slick-cell-checkboxsel',
-        width: 40
+        width: 40,
     },
     cellMenu: {
         autoAdjustDrop: true,
@@ -33,7 +33,7 @@ export const GlobalGridOptions = {
     columnPicker: {
         hideForceFitButton: false,
         hideSyncResizeButton: true,
-        headerColumnValueExtractor: pickerHeaderColumnValueExtractor
+        headerColumnValueExtractor: pickerHeaderColumnValueExtractor,
     },
     compositeEditorOptions: {
         labels: {
@@ -87,14 +87,14 @@ export const GlobalGridOptions = {
             of: 'of',
             ofKey: 'OF',
             itemsSelected: 'items selected',
-            itemsSelectedKey: 'ITEMS_SELECTED'
-        }
+            itemsSelectedKey: 'ITEMS_SELECTED',
+        },
     },
     dataView: {
         // when enabled, this will preserve the row selection even after filtering/sorting/grouping
         syncGridSelection: {
             preserveHidden: false,
-            preserveHiddenOnSelectionChange: true
+            preserveHiddenOnSelectionChange: true,
         },
         syncGridSelectionWithBackendService: false, // but disable it when using backend services
     },
@@ -103,7 +103,7 @@ export const GlobalGridOptions = {
     defaultBackendServiceFilterTypingDebounce: 500,
     defaultColumnSortFieldId: 'id',
     defaultFilterPlaceholder: '🔎︎', // magnifying glass icon
-    defaultFilterRangeOperator: OperatorType.rangeInclusive,
+    defaultFilterRangeOperator: 'RangeInclusive',
     editable: false,
     editorTypingDebounce: 450,
     filterTypingDebounce: 0,
@@ -140,7 +140,7 @@ export const GlobalGridOptions = {
         addGroupIndentation: true,
         exportWithFormatter: false,
         filename: 'export',
-        format: FileType.xlsx,
+        format: 'xlsx',
         groupingColumnHeaderTitle: 'Group By',
         groupCollapsedSymbol: '⮞',
         groupExpandedSymbol: '⮟',
@@ -151,11 +151,11 @@ export const GlobalGridOptions = {
         delimiter: DelimiterType.comma,
         exportWithFormatter: false,
         filename: 'export',
-        format: FileType.csv,
+        format: 'csv',
         groupingColumnHeaderTitle: 'Group By',
         groupingAggregatorRowText: '',
         sanitizeDataExport: false,
-        useUtf8WithBom: true
+        useUtf8WithBom: true,
     },
     forceFitColumns: false,
     frozenHeaderWidthCalcDifferential: 1,
@@ -197,7 +197,7 @@ export const GlobalGridOptions = {
         iconTogglePreHeaderCommand: 'mdi mdi-flip-vertical',
         menuWidth: 16,
         resizeOnShowHeaderRow: true,
-        headerColumnValueExtractor: pickerHeaderColumnValueExtractor
+        headerColumnValueExtractor: pickerHeaderColumnValueExtractor,
     },
     headerMenu: {
         autoAlign: true,
@@ -215,7 +215,7 @@ export const GlobalGridOptions = {
         hideClearFilterCommand: false,
         hideClearSortCommand: false,
         hideFreezeColumnsCommand: true, // opt-in command
-        hideSortCommands: false
+        hideSortCommands: false,
     },
     multiColumnSort: true,
     numberedMultiColumnSort: true,
@@ -225,7 +225,7 @@ export const GlobalGridOptions = {
     pagination: {
         pageSizes: [10, 15, 20, 25, 30, 40, 50, 75, 100],
         pageSize: 25,
-        totalItems: 0
+        totalItems: 0,
     },
     rowDetailView: {
         collapseAllOnSort: true,
@@ -252,10 +252,11 @@ export const GlobalGridOptions = {
         maxItemToInspectSingleColumnWidthByContent: 5000,
         widthToRemoveFromExceededWidthReadjustment: 50,
     },
+    rowTopOffsetRenderType: 'transform',
     treeDataOptions: {
         exportIndentMarginLeft: 5,
         exportIndentationLeadingChar: '͏͏͏͏͏͏͏͏͏·',
-    }
+    },
 };
 /**
  * Value Extractor for both ColumnPicker & GridMenu Picker
@@ -263,13 +264,12 @@ export const GlobalGridOptions = {
  * else we'll simply return the column name title
  */
 function pickerHeaderColumnValueExtractor(column, gridOptions) {
-    var _a, _b, _c;
-    let colName = (_b = (_a = column === null || column === void 0 ? void 0 : column.columnPickerLabel) !== null && _a !== void 0 ? _a : column === null || column === void 0 ? void 0 : column.name) !== null && _b !== void 0 ? _b : '';
+    let colName = column?.columnPickerLabel ?? column?.name ?? '';
     if (colName instanceof HTMLElement || colName instanceof DocumentFragment) {
         colName = colName.textContent || '';
     }
-    const headerGroup = (column === null || column === void 0 ? void 0 : column.columnGroup) || '';
-    const columnGroupSeparator = (_c = gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.columnGroupSeparator) !== null && _c !== void 0 ? _c : ' - ';
+    const headerGroup = column?.columnGroup || '';
+    const columnGroupSeparator = gridOptions?.columnGroupSeparator ?? ' - ';
     if (headerGroup) {
         return headerGroup + columnGroupSeparator + colName;
     }

package/dist/global-grid-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-grid-options.js","sourceRoot":"","sources":["../src/global-grid-options.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Column, DelimiterType, EventNamingStyle, Filters, type TreeDataOption } from '@slickgrid-universal/common';\n\nimport type { GridOption, RowDetailView } from './models/index.js';\n\n/**\n * Default Options that can be passed to the Slickgrid-React\n */\nexport const GlobalGridOptions: Partial<GridOption> = {\n  alwaysShowVerticalScroll: true,\n  autoEdit: false,\n  asyncEditorLoading: false,\n  autoFitColumnsOnFirstLoad: true,\n  autoResize: {\n    applyResizeToContainer: true,\n    autoHeight: true,\n    autoHeightRecalcRow: 100,\n    calculateAvailableSizeBy: 'window',\n    bottomPadding: 20,\n    minHeight: 250,\n    minWidth: 300,\n    rightPadding: 0,\n  },\n  cellHighlightCssClass: 'slick-cell-modified',\n  checkboxSelector: {\n    cssClass: 'slick-cell-checkboxsel',\n    width: 40,\n  },\n  cellMenu: {\n    autoAdjustDrop: true,\n    autoAlignSide: true,\n    hideCloseButton: true,\n    hideCommandSection: false,\n    hideOptionSection: false,\n  },\n  columnGroupSeparator: ' - ',\n  columnPicker: {\n    hideForceFitButton: false,\n    hideSyncResizeButton: true,\n    headerColumnValueExtractor: pickerHeaderColumnValueExtractor,\n  },\n  compositeEditorOptions: {\n    labels: {\n      cancelButtonKey: 'CANCEL',\n      cloneButtonKey: 'CLONE',\n      resetEditorButtonTooltipKey: 'RESET_INPUT_VALUE',\n      resetFormButtonKey: 'RESET_FORM',\n      massSelectionButtonKey: 'APPLY_TO_SELECTION',\n      massSelectionStatusKey: 'X_OF_Y_MASS_SELECTED',\n      massUpdateButtonKey: 'APPLY_MASS_UPDATE',\n      massUpdateStatusKey: 'ALL_X_RECORDS_SELECTED',\n      saveButtonKey: 'SAVE',\n    },\n    resetEditorButtonCssClass: 'mdi mdi-refresh mdi-15px',\n    resetFormButtonIconCssClass: 'mdi mdi-refresh mdi-16px mdi-flip-h',\n  },\n  contextMenu: {\n    autoAdjustDrop: true,\n    autoAlignSide: true,\n    hideCloseButton: true,\n    hideClearAllGrouping: false,\n    hideCollapseAllGroups: false,\n    hideCommandSection: false,\n    hideCopyCellValueCommand: false,\n    hideExpandAllGroups: false,\n    hideExportCsvCommand: false,\n    hideExportExcelCommand: false,\n    hideExportTextDelimitedCommand: true,\n    hideMenuOnScroll: true,\n    hideOptionSection: false,\n    iconCollapseAllGroupsCommand: 'mdi mdi-arrow-collapse',\n    iconExpandAllGroupsCommand: 'mdi mdi-arrow-expand',\n    iconClearGroupingCommand: 'mdi mdi-close',\n    iconCopyCellValueCommand: 'mdi mdi-content-copy',\n    iconExportCsvCommand: 'mdi mdi-download',\n    iconExportExcelCommand: 'mdi mdi-file-excel-outline text-success',\n    iconExportTextDelimitedCommand: 'mdi mdi-download',\n  },\n  customFooterOptions: {\n    dateFormat: 'YYYY-MM-DD, hh:mm a',\n    hideRowSelectionCount: false,\n    hideTotalItemCount: false,\n    hideLastUpdateTimestamp: true,\n    footerHeight: 25,\n    leftContainerClass: 'col-xs-12 col-sm-5',\n    rightContainerClass: 'col-xs-6 col-sm-7',\n    metricSeparator: '|',\n    metricTexts: {\n      items: 'items',\n      itemsKey: 'ITEMS',\n      of: 'of',\n      ofKey: 'OF',\n      itemsSelected: 'items selected',\n      itemsSelectedKey: 'ITEMS_SELECTED',\n    },\n  },\n  dataView: {\n    // when enabled, this will preserve the row selection even after filtering/sorting/grouping\n    syncGridSelection: {\n      preserveHidden: false,\n      preserveHiddenOnSelectionChange: true,\n    },\n    syncGridSelectionWithBackendService: false, // but disable it when using backend services\n  },\n  datasetIdPropertyName: 'id',\n  defaultFilter: Filters.input,\n  defaultBackendServiceFilterTypingDebounce: 500,\n  defaultColumnSortFieldId: 'id',\n  defaultFilterPlaceholder: '🔎︎', // magnifying glass icon\n  defaultFilterRangeOperator: 'RangeInclusive',\n  editable: false,\n  editorTypingDebounce: 450,\n  filterTypingDebounce: 0,\n  enableEmptyDataWarningMessage: true,\n  enableFilterTrimWhiteSpace: false, // do we want to trim white spaces on all Filters?\n  emptyDataWarning: {\n    className: 'slick-empty-data-warning',\n    message: 'No data to display.',\n    messageKey: 'EMPTY_DATA_WARNING_MESSAGE',\n    hideFrozenLeftWarning: false,\n    hideFrozenRightWarning: false,\n    leftViewportMarginLeft: '40%',\n    rightViewportMarginLeft: '40%',\n    frozenLeftViewportMarginLeft: '0px',\n    frozenRightViewportMarginLeft: '40%',\n  },\n  enableAutoResize: true,\n  enableAutoSizeColumns: true,\n  enableCellNavigation: false,\n  enableColumnPicker: true,\n  enableColumnReorder: true,\n  enableColumnResizeOnDoubleClick: true,\n  enableContextMenu: true,\n  enableExcelExport: false,\n  enableTextExport: false,\n  enableGridMenu: true,\n  enableHeaderMenu: true,\n  enableMouseHoverHighlightRow: true,\n  enableSorting: true,\n  enableTextSelectionOnCells: true,\n  eventNamingStyle: EventNamingStyle.camelCase,\n  explicitInitialization: true,\n  excelExportOptions: {\n    addGroupIndentation: true,\n    exportWithFormatter: false,\n    filename: 'export',\n    format: 'xlsx',\n    groupingColumnHeaderTitle: 'Group By',\n    groupCollapsedSymbol: '⮞',\n    groupExpandedSymbol: '⮟',\n    groupingAggregatorRowText: '',\n    sanitizeDataExport: false,\n  },\n  textExportOptions: {\n    delimiter: DelimiterType.comma,\n    exportWithFormatter: false,\n    filename: 'export',\n    format: 'csv',\n    groupingColumnHeaderTitle: 'Group By',\n    groupingAggregatorRowText: '',\n    sanitizeDataExport: false,\n    useUtf8WithBom: true,\n  },\n  forceFitColumns: false,\n  frozenHeaderWidthCalcDifferential: 1,\n  gridMenu: {\n    commandLabels: {\n      clearAllFiltersCommandKey: 'CLEAR_ALL_FILTERS',\n      clearAllSortingCommandKey: 'CLEAR_ALL_SORTING',\n      clearFrozenColumnsCommandKey: 'CLEAR_PINNING',\n      exportCsvCommandKey: 'EXPORT_TO_CSV',\n      exportExcelCommandKey: 'EXPORT_TO_EXCEL',\n      exportTextDelimitedCommandKey: 'EXPORT_TO_TAB_DELIMITED',\n      refreshDatasetCommandKey: 'REFRESH_DATASET',\n      toggleDarkModeCommandKey: 'TOGGLE_DARK_MODE',\n      toggleFilterCommandKey: 'TOGGLE_FILTER_ROW',\n      togglePreHeaderCommandKey: 'TOGGLE_PRE_HEADER_ROW',\n    },\n    hideClearAllFiltersCommand: false,\n    hideClearAllSortingCommand: false,\n    hideClearFrozenColumnsCommand: true, // opt-in command\n    hideExportCsvCommand: false,\n    hideExportExcelCommand: false,\n    hideExportTextDelimitedCommand: true,\n    hideForceFitButton: false,\n    hideRefreshDatasetCommand: false,\n    hideSyncResizeButton: true,\n    hideToggleDarkModeCommand: true,\n    hideToggleFilterCommand: false,\n    hideTogglePreHeaderCommand: false,\n    iconCssClass: 'mdi mdi-menu',\n    iconClearAllFiltersCommand: 'mdi mdi-filter-remove-outline',\n    iconClearAllSortingCommand: 'mdi mdi-sort-variant-off',\n    iconClearFrozenColumnsCommand: 'mdi mdi-close',\n    iconExportCsvCommand: 'mdi mdi-download',\n    iconExportExcelCommand: 'mdi mdi-file-excel-outline',\n    iconExportTextDelimitedCommand: 'mdi mdi-download',\n    iconRefreshDatasetCommand: 'mdi mdi-sync',\n    iconToggleDarkModeCommand: 'mdi mdi-brightness-4 mdi mdi-brightness-4',\n    iconToggleFilterCommand: 'mdi mdi-flip-vertical',\n    iconTogglePreHeaderCommand: 'mdi mdi-flip-vertical',\n    menuWidth: 16,\n    resizeOnShowHeaderRow: true,\n    headerColumnValueExtractor: pickerHeaderColumnValueExtractor,\n  },\n  headerMenu: {\n    autoAlign: true,\n    autoAlignOffset: 12,\n    minWidth: 140,\n    iconClearFilterCommand: 'mdi mdi-filter-remove-outline',\n    iconClearSortCommand: 'mdi mdi-sort-variant-off',\n    iconFreezeColumns: 'mdi mdi-pin-outline',\n    iconSortAscCommand: 'mdi mdi-sort-ascending',\n    iconSortDescCommand: 'mdi mdi-sort-descending',\n    iconColumnHideCommand: 'mdi mdi-close',\n    iconColumnResizeByContentCommand: 'mdi mdi-arrow-expand-horizontal',\n    hideColumnResizeByContentCommand: false,\n    hideColumnHideCommand: false,\n    hideClearFilterCommand: false,\n    hideClearSortCommand: false,\n    hideFreezeColumnsCommand: true, // opt-in command\n    hideSortCommands: false,\n  },\n  multiColumnSort: true,\n  numberedMultiColumnSort: true,\n  tristateMultiColumnSort: false,\n  sortColNumberInSeparateSpan: true,\n  suppressActiveCellChangeOnEdit: false,\n  pagination: {\n    pageSizes: [10, 15, 20, 25, 30, 40, 50, 75, 100],\n    pageSize: 25,\n    totalItems: 0,\n  },\n  rowDetailView: {\n    collapseAllOnSort: true,\n    cssClass: 'detail-view-toggle',\n    panelRows: 1,\n    keyPrefix: '__',\n    useRowClick: false,\n    saveDetailViewOnScroll: false,\n  } as RowDetailView,\n  headerRowHeight: 35,\n  rowHeight: 35,\n  topPanelHeight: 30,\n  preHeaderPanelWidth: '100%', // mostly useful for Draggable Grouping dropzone to take full width\n  translationNamespaceSeparator: ':',\n  resetFilterSearchValueAfterOnBeforeCancellation: true,\n  resizeByContentOnlyOnFirstLoad: true,\n  resizeByContentOptions: {\n    alwaysRecalculateColumnWidth: false,\n    cellCharWidthInPx: 7.8,\n    cellPaddingWidthInPx: 14,\n    defaultRatioForStringType: 0.88,\n    formatterPaddingWidthInPx: 0,\n    maxItemToInspectCellContentWidth: 1000,\n    maxItemToInspectSingleColumnWidthByContent: 5000,\n    widthToRemoveFromExceededWidthReadjustment: 50,\n  },\n  rowTopOffsetRenderType: 'transform',\n  treeDataOptions: {\n    exportIndentMarginLeft: 5,\n    exportIndentationLeadingChar: '͏͏͏͏͏͏͏͏͏·',\n  } as unknown as TreeDataOption,\n};\n\n/**\n * Value Extractor for both ColumnPicker & GridMenu Picker\n * when using Column Header Grouping, we'll prefix the column group title\n * else we'll simply return the column name title\n */\nfunction pickerHeaderColumnValueExtractor(column: Column, gridOptions?: GridOption) {\n  let colName = column?.columnPickerLabel ?? column?.name ?? '';\n  if (colName instanceof HTMLElement || colName instanceof DocumentFragment) {\n    colName = colName.textContent || '';\n  }\n  const headerGroup = column?.columnGroup || '';\n  const columnGroupSeparator = gridOptions?.columnGroupSeparator ?? ' - ';\n  if (headerGroup) {\n    return headerGroup + columnGroupSeparator + colName;\n  }\n  return colName;\n}\n"]}

package/dist/i18n/en/translation.json

@@ -0,0 +1,109 @@
+{
+  "ALL_SELECTED": "All Selected",
+  "ALL_X_RECORDS_SELECTED": "All {{x}} records selected",
+  "APPLY_MASS_UPDATE": "Apply Mass Update",
+  "APPLY_TO_SELECTION": "Update Selection",
+  "CANCEL": "Cancel",
+  "CLEAR_ALL_FILTERS": "Clear all Filters",
+  "CLEAR_ALL_GROUPING": "Clear all Grouping",
+  "CLEAR_ALL_SORTING": "Clear all Sorting",
+  "CLEAR_PINNING": "Unfreeze Columns/Rows",
+  "CLONE": "Clone",
+  "COLLAPSE_ALL_GROUPS": "Collapse all Groups",
+  "COLUMNS": "Columns",
+  "COLUMN_RESIZE_BY_CONTENT": "Resize by Content",
+  "COMMANDS": "Commands",
+  "CONTAINS": "Contains",
+  "COPY": "Copy",
+  "EMPTY_DATA_WARNING_MESSAGE": "No data to display.",
+  "ENDS_WITH": "Ends With",
+  "EQUALS": "Equals",
+  "EQUAL_TO": "Equal to",
+  "EXPAND_ALL_GROUPS": "Expand all Groups",
+  "EXPORT_TO_CSV": "Export in CSV format",
+  "EXPORT_TO_EXCEL": "Export to Excel",
+  "EXPORT_TO_TAB_DELIMITED": "Export in Text format (Tab delimited)",
+  "EXPORT_TO_TEXT_FORMAT": "Export in Text format",
+  "FILTER_SHORTCUTS": "Filter Shortcuts",
+  "FROM_TO_OF_TOTAL_ITEMS": "{{from}}-{{to}} of {{totalItems}} items",
+  "FORCE_FIT_COLUMNS": "Force fit columns",
+  "FREEZE_COLUMNS": "Freeze Columns",
+  "INVALID_FLOAT": "The number must be valid and have a maximum of {{maxDecimal}} decimals.",
+  "GREATER_THAN": "Greater than",
+  "GREATER_THAN_OR_EQUAL_TO": "Greater than or equal to",
+  "GROUP_BY": "Group by",
+  "HIDE_COLUMN": "Hide Column",
+  "IN_COLLECTION_SEPERATED_BY_COMMA": "Search items in a collection, must be separated by a comma (a,b)",
+  "ITEMS": "items",
+  "ITEMS_PER_PAGE": "items per page",
+  "ITEMS_SELECTED": "items selected",
+  "NO_ELEMENTS_FOUND": "No elements found",
+  "LAST_UPDATE": "Last Update",
+  "LESS_THAN": "Less than",
+  "LESS_THAN_OR_EQUAL_TO": "Less than or equal to",
+  "LOADING": "Loading...",
+  "NOT_CONTAINS": "Not contains",
+  "NOT_EQUAL_TO": "Not equal to",
+  "NOT_IN_COLLECTION_SEPERATED_BY_COMMA": "Search items not in a collection, must be separated by a comma (a,b)",
+  "OF": "of",
+  "OK": "OK",
+  "PAGE": "Page",
+  "PAGE_X_OF_Y": "page {{x}} of {{y}}",
+  "REFRESH_DATASET": "Refresh Dataset",
+  "REMOVE_FILTER": "Remove Filter",
+  "REMOVE_SORT": "Remove Sort",
+  "RESET_INPUT_VALUE": "Reset Input Value",
+  "RESET_FORM": "Reset Form",
+  "SAVE": "Save",
+  "SELECT_ALL": "Select All",
+  "SORT_ASCENDING": "Sort Ascending",
+  "SORT_DESCENDING": "Sort Descending",
+  "STARTS_WITH": "Starts With",
+  "SYNCHRONOUS_RESIZE": "Synchronous resize",
+  "TOGGLE_FILTER_ROW": "Toggle Filter Row",
+  "TOGGLE_PRE_HEADER_ROW": "Toggle Pre-Header Row",
+  "X_OF_Y_SELECTED": "# of % selected",
+  "X_OF_Y_MASS_SELECTED": "{{x}} of {{y}} selected",
+  "BILLING": {
+    "ADDRESS": {
+      "STREET": "Billing Address Street",
+      "ZIP": "Billing Address Zip"
+    },
+    "INFORMATION": "Billing Information"
+  },
+  "BLANK_VALUES": "Blank Values",
+  "NON_BLANK_VALUES": "Non-Blank Values",
+  "CUSTOM_COMMANDS": "Custom Commands",
+  "DURATION": "Duration",
+  "COMPANY": "Company",
+  "COMPLETED": "Completed",
+  "CHANGE_COMPLETED_FLAG": "Change Completed Flag",
+  "CHANGE_PRIORITY": "Change Priority",
+  "CUSTOMER_INFORMATION": "Customer Information",
+  "DELETE_ROW": "Delete Row",
+  "DISABLED_COMMAND": "Disabled Command",
+  "FALSE": "False",
+  "FEMALE": "Female",
+  "FINISH": "Finish",
+  "FUTURE": "Future",
+  "GENDER": "Gender",
+  "HELP": "Help",
+  "HIGH": "High",
+  "LOW": "Low",
+  "MEDIUM": "Medium",
+  "MALE": "Male",
+  "NAME": "Name",
+  "NEXT_20_DAYS": "Next 20 days",
+  "NONE": "None",
+  "PAST": "Past",
+  "PERCENT_COMPLETE": "% Complete",
+  "PRIORITY": "Priority",
+  "START": "Start",
+  "TASK_X": "Task {{x}}",
+  "TITLE": "Title",
+  "TODAY": "Today",
+  "TRUE": "True",
+  "X_DAY_PLURAL": "{{x}} day{{plural}}",
+  "RBE_BTN_UPDATE": "Update the current row",
+  "RBE_BTN_CANCEL": "Cancel changes of the current row"
+}