@genesislcap/grid-pro 15.20.2 → 15.21.0

package/dist/react.cjs

@@ -22,6 +22,7 @@ const { AgTextRenderer: AgTextRendererWC } = require('./esm/cell-renderers/text.
 const { GridProCell: GridProCellWC } = require('./esm/cell/cell.js');
 const { GridProColumn: GridProColumnWC } = require('./esm/column/column.js');
 const { GridProClientSideDatasource: GridProClientSideDatasourceWC } = require('./esm/datasource/client-side.datasource.js');
+const { GridProInfiniteDatasource: GridProInfiniteDatasourceWC } = require('./esm/datasource/infinite.datasource.js');
 const { GridProServerSideDatasource: GridProServerSideDatasourceWC } = require('./esm/datasource/server-side.datasource.js');
 const { GridProBeta: GridProBetaWC } = require('./esm/grid-pro-beta.js');
 const { GridProGenesisDatasource: GridProGenesisDatasourceWC } = require('./esm/grid-pro-genesis-datasource/grid-pro-genesis-datasource.js');
@@ -268,6 +269,88 @@ const GridProClientSideDatasource = React.forwardRef(function GridProClientSideD
   return React.createElement(customElements.getName(GridProClientSideDatasourceWC) ?? 'grid-pro-client-side-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const GridProInfiniteDatasource = React.forwardRef(function GridProInfiniteDatasource(props, ref) {
+  const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceInitialize, onDatasourceInit, onDatasourceSchemaUpdated, onSetInfiniteDatasource, onRefreshInfiniteCache, onCacheFilterConfig, onDatasourceDataCleared, onDatasourceFiltersRestored, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onBaseDatasourceErrorRef = React.useRef(onBaseDatasourceError);
+  _onBaseDatasourceErrorRef.current = onBaseDatasourceError;
+  const _onDatasourceErrorRef = React.useRef(onDatasourceError);
+  _onDatasourceErrorRef.current = onDatasourceError;
+  const _onBaseDatasourceConnectedRef = React.useRef(onBaseDatasourceConnected);
+  _onBaseDatasourceConnectedRef.current = onBaseDatasourceConnected;
+  const _onDatasourceInitializeRef = React.useRef(onDatasourceInitialize);
+  _onDatasourceInitializeRef.current = onDatasourceInitialize;
+  const _onDatasourceInitRef = React.useRef(onDatasourceInit);
+  _onDatasourceInitRef.current = onDatasourceInit;
+  const _onDatasourceSchemaUpdatedRef = React.useRef(onDatasourceSchemaUpdated);
+  _onDatasourceSchemaUpdatedRef.current = onDatasourceSchemaUpdated;
+  const _onSetInfiniteDatasourceRef = React.useRef(onSetInfiniteDatasource);
+  _onSetInfiniteDatasourceRef.current = onSetInfiniteDatasource;
+  const _onRefreshInfiniteCacheRef = React.useRef(onRefreshInfiniteCache);
+  _onRefreshInfiniteCacheRef.current = onRefreshInfiniteCache;
+  const _onCacheFilterConfigRef = React.useRef(onCacheFilterConfig);
+  _onCacheFilterConfigRef.current = onCacheFilterConfig;
+  const _onDatasourceDataClearedRef = React.useRef(onDatasourceDataCleared);
+  _onDatasourceDataClearedRef.current = onDatasourceDataCleared;
+  const _onDatasourceFiltersRestoredRef = React.useRef(onDatasourceFiltersRestored);
+  _onDatasourceFiltersRestoredRef.current = onDatasourceFiltersRestored;
+  const _onDatasourceLoadingFinishedRef = React.useRef(onDatasourceLoadingFinished);
+  _onDatasourceLoadingFinishedRef.current = onDatasourceLoadingFinished;
+  const _onDatasourceNoDataAvailableRef = React.useRef(onDatasourceNoDataAvailable);
+  _onDatasourceNoDataAvailableRef.current = onDatasourceNoDataAvailable;
+  const _onDatasourceDataChangedRef = React.useRef(onDatasourceDataChanged);
+  _onDatasourceDataChangedRef.current = onDatasourceDataChanged;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onBaseDatasourceErrorFn = (e) => _onBaseDatasourceErrorRef.current?.(e);
+    el.addEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
+    const _onDatasourceErrorFn = (e) => _onDatasourceErrorRef.current?.(e);
+    el.addEventListener('datasource-error', _onDatasourceErrorFn);
+    const _onBaseDatasourceConnectedFn = (e) => _onBaseDatasourceConnectedRef.current?.(e);
+    el.addEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
+    const _onDatasourceInitializeFn = (e) => _onDatasourceInitializeRef.current?.(e);
+    el.addEventListener('datasource-initialize', _onDatasourceInitializeFn);
+    const _onDatasourceInitFn = (e) => _onDatasourceInitRef.current?.(e);
+    el.addEventListener('datasource-init', _onDatasourceInitFn);
+    const _onDatasourceSchemaUpdatedFn = (e) => _onDatasourceSchemaUpdatedRef.current?.(e);
+    el.addEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
+    const _onSetInfiniteDatasourceFn = (e) => _onSetInfiniteDatasourceRef.current?.(e);
+    el.addEventListener('set-infinite-datasource', _onSetInfiniteDatasourceFn);
+    const _onRefreshInfiniteCacheFn = (e) => _onRefreshInfiniteCacheRef.current?.(e);
+    el.addEventListener('refresh-infinite-cache', _onRefreshInfiniteCacheFn);
+    const _onCacheFilterConfigFn = (e) => _onCacheFilterConfigRef.current?.(e);
+    el.addEventListener('cache-filter-config', _onCacheFilterConfigFn);
+    const _onDatasourceDataClearedFn = (e) => _onDatasourceDataClearedRef.current?.(e);
+    el.addEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
+    const _onDatasourceFiltersRestoredFn = (e) => _onDatasourceFiltersRestoredRef.current?.(e);
+    el.addEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
+    const _onDatasourceLoadingFinishedFn = (e) => _onDatasourceLoadingFinishedRef.current?.(e);
+    el.addEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
+    const _onDatasourceNoDataAvailableFn = (e) => _onDatasourceNoDataAvailableRef.current?.(e);
+    el.addEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
+    const _onDatasourceDataChangedFn = (e) => _onDatasourceDataChangedRef.current?.(e);
+    el.addEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
+    return () => {
+      el.removeEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
+      el.removeEventListener('datasource-error', _onDatasourceErrorFn);
+      el.removeEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
+      el.removeEventListener('datasource-initialize', _onDatasourceInitializeFn);
+      el.removeEventListener('datasource-init', _onDatasourceInitFn);
+      el.removeEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
+      el.removeEventListener('set-infinite-datasource', _onSetInfiniteDatasourceFn);
+      el.removeEventListener('refresh-infinite-cache', _onRefreshInfiniteCacheFn);
+      el.removeEventListener('cache-filter-config', _onCacheFilterConfigFn);
+      el.removeEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
+      el.removeEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
+      el.removeEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
+      el.removeEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
+      el.removeEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(GridProInfiniteDatasourceWC) ?? 'grid-pro-infinite-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 const GridProServerSideDatasource = React.forwardRef(function GridProServerSideDatasource(props, ref) {
   const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onCacheFilterConfig, onRefreshServerSide, onSetServerSideDatasource, onDatasourceLoadingStarted, onAddGridCssClass, onRemoveGridCssClass, onDatasourceInitialize, onDatasourceInit, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataCleared, onApplyServerSideTransaction, onDatasourceReady, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -501,6 +584,7 @@ module.exports = {
   AgTextRenderer,
   GridProColumn,
   GridProClientSideDatasource,
+  GridProInfiniteDatasource,
   GridProServerSideDatasource,
   GridProGenesisDatasource,
   MulticolumnDropdown,

package/dist/react.mjs

@@ -20,6 +20,7 @@ import { AgTextRenderer as AgTextRendererWC } from './esm/cell-renderers/text.re
 import { GridProCell as GridProCellWC } from './esm/cell/cell.js';
 import { GridProColumn as GridProColumnWC } from './esm/column/column.js';
 import { GridProClientSideDatasource as GridProClientSideDatasourceWC } from './esm/datasource/client-side.datasource.js';
+import { GridProInfiniteDatasource as GridProInfiniteDatasourceWC } from './esm/datasource/infinite.datasource.js';
 import { GridProServerSideDatasource as GridProServerSideDatasourceWC } from './esm/datasource/server-side.datasource.js';
 import { GridProBeta as GridProBetaWC } from './esm/grid-pro-beta.js';
 import { GridProGenesisDatasource as GridProGenesisDatasourceWC } from './esm/grid-pro-genesis-datasource/grid-pro-genesis-datasource.js';
@@ -266,6 +267,88 @@ export const GridProClientSideDatasource = React.forwardRef(function GridProClie
   return React.createElement(customElements.getName(GridProClientSideDatasourceWC) ?? 'grid-pro-client-side-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const GridProInfiniteDatasource = React.forwardRef(function GridProInfiniteDatasource(props, ref) {
+  const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceInitialize, onDatasourceInit, onDatasourceSchemaUpdated, onSetInfiniteDatasource, onRefreshInfiniteCache, onCacheFilterConfig, onDatasourceDataCleared, onDatasourceFiltersRestored, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onBaseDatasourceErrorRef = React.useRef(onBaseDatasourceError);
+  _onBaseDatasourceErrorRef.current = onBaseDatasourceError;
+  const _onDatasourceErrorRef = React.useRef(onDatasourceError);
+  _onDatasourceErrorRef.current = onDatasourceError;
+  const _onBaseDatasourceConnectedRef = React.useRef(onBaseDatasourceConnected);
+  _onBaseDatasourceConnectedRef.current = onBaseDatasourceConnected;
+  const _onDatasourceInitializeRef = React.useRef(onDatasourceInitialize);
+  _onDatasourceInitializeRef.current = onDatasourceInitialize;
+  const _onDatasourceInitRef = React.useRef(onDatasourceInit);
+  _onDatasourceInitRef.current = onDatasourceInit;
+  const _onDatasourceSchemaUpdatedRef = React.useRef(onDatasourceSchemaUpdated);
+  _onDatasourceSchemaUpdatedRef.current = onDatasourceSchemaUpdated;
+  const _onSetInfiniteDatasourceRef = React.useRef(onSetInfiniteDatasource);
+  _onSetInfiniteDatasourceRef.current = onSetInfiniteDatasource;
+  const _onRefreshInfiniteCacheRef = React.useRef(onRefreshInfiniteCache);
+  _onRefreshInfiniteCacheRef.current = onRefreshInfiniteCache;
+  const _onCacheFilterConfigRef = React.useRef(onCacheFilterConfig);
+  _onCacheFilterConfigRef.current = onCacheFilterConfig;
+  const _onDatasourceDataClearedRef = React.useRef(onDatasourceDataCleared);
+  _onDatasourceDataClearedRef.current = onDatasourceDataCleared;
+  const _onDatasourceFiltersRestoredRef = React.useRef(onDatasourceFiltersRestored);
+  _onDatasourceFiltersRestoredRef.current = onDatasourceFiltersRestored;
+  const _onDatasourceLoadingFinishedRef = React.useRef(onDatasourceLoadingFinished);
+  _onDatasourceLoadingFinishedRef.current = onDatasourceLoadingFinished;
+  const _onDatasourceNoDataAvailableRef = React.useRef(onDatasourceNoDataAvailable);
+  _onDatasourceNoDataAvailableRef.current = onDatasourceNoDataAvailable;
+  const _onDatasourceDataChangedRef = React.useRef(onDatasourceDataChanged);
+  _onDatasourceDataChangedRef.current = onDatasourceDataChanged;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onBaseDatasourceErrorFn = (e) => _onBaseDatasourceErrorRef.current?.(e);
+    el.addEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
+    const _onDatasourceErrorFn = (e) => _onDatasourceErrorRef.current?.(e);
+    el.addEventListener('datasource-error', _onDatasourceErrorFn);
+    const _onBaseDatasourceConnectedFn = (e) => _onBaseDatasourceConnectedRef.current?.(e);
+    el.addEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
+    const _onDatasourceInitializeFn = (e) => _onDatasourceInitializeRef.current?.(e);
+    el.addEventListener('datasource-initialize', _onDatasourceInitializeFn);
+    const _onDatasourceInitFn = (e) => _onDatasourceInitRef.current?.(e);
+    el.addEventListener('datasource-init', _onDatasourceInitFn);
+    const _onDatasourceSchemaUpdatedFn = (e) => _onDatasourceSchemaUpdatedRef.current?.(e);
+    el.addEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
+    const _onSetInfiniteDatasourceFn = (e) => _onSetInfiniteDatasourceRef.current?.(e);
+    el.addEventListener('set-infinite-datasource', _onSetInfiniteDatasourceFn);
+    const _onRefreshInfiniteCacheFn = (e) => _onRefreshInfiniteCacheRef.current?.(e);
+    el.addEventListener('refresh-infinite-cache', _onRefreshInfiniteCacheFn);
+    const _onCacheFilterConfigFn = (e) => _onCacheFilterConfigRef.current?.(e);
+    el.addEventListener('cache-filter-config', _onCacheFilterConfigFn);
+    const _onDatasourceDataClearedFn = (e) => _onDatasourceDataClearedRef.current?.(e);
+    el.addEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
+    const _onDatasourceFiltersRestoredFn = (e) => _onDatasourceFiltersRestoredRef.current?.(e);
+    el.addEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
+    const _onDatasourceLoadingFinishedFn = (e) => _onDatasourceLoadingFinishedRef.current?.(e);
+    el.addEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
+    const _onDatasourceNoDataAvailableFn = (e) => _onDatasourceNoDataAvailableRef.current?.(e);
+    el.addEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
+    const _onDatasourceDataChangedFn = (e) => _onDatasourceDataChangedRef.current?.(e);
+    el.addEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
+    return () => {
+      el.removeEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
+      el.removeEventListener('datasource-error', _onDatasourceErrorFn);
+      el.removeEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
+      el.removeEventListener('datasource-initialize', _onDatasourceInitializeFn);
+      el.removeEventListener('datasource-init', _onDatasourceInitFn);
+      el.removeEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
+      el.removeEventListener('set-infinite-datasource', _onSetInfiniteDatasourceFn);
+      el.removeEventListener('refresh-infinite-cache', _onRefreshInfiniteCacheFn);
+      el.removeEventListener('cache-filter-config', _onCacheFilterConfigFn);
+      el.removeEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
+      el.removeEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
+      el.removeEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
+      el.removeEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
+      el.removeEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(GridProInfiniteDatasourceWC) ?? 'grid-pro-infinite-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 export const GridProServerSideDatasource = React.forwardRef(function GridProServerSideDatasource(props, ref) {
   const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onCacheFilterConfig, onRefreshServerSide, onSetServerSideDatasource, onDatasourceLoadingStarted, onAddGridCssClass, onRemoveGridCssClass, onDatasourceInitialize, onDatasourceInit, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataCleared, onApplyServerSideTransaction, onDatasourceReady, children, ...rest } = props;
   const _innerRef = React.useRef(null);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/grid-pro",
   "description": "Genesis Foundation AG Grid",
-  "version": "15.20.2",
+  "version": "15.21.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -40,20 +40,20 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.20.2",
-    "@genesislcap/genx": "15.20.2",
-    "@genesislcap/rollup-builder": "15.20.2",
-    "@genesislcap/ts-builder": "15.20.2",
-    "@genesislcap/uvu-playwright-builder": "15.20.2",
-    "@genesislcap/vite-builder": "15.20.2",
-    "@genesislcap/webpack-builder": "15.20.2"
+    "@genesislcap/foundation-testing": "15.21.0",
+    "@genesislcap/genx": "15.21.0",
+    "@genesislcap/rollup-builder": "15.21.0",
+    "@genesislcap/ts-builder": "15.21.0",
+    "@genesislcap/uvu-playwright-builder": "15.21.0",
+    "@genesislcap/vite-builder": "15.21.0",
+    "@genesislcap/webpack-builder": "15.21.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.20.2",
-    "@genesislcap/foundation-criteria": "15.20.2",
-    "@genesislcap/foundation-logger": "15.20.2",
-    "@genesislcap/foundation-ui": "15.20.2",
-    "@genesislcap/foundation-utils": "15.20.2",
+    "@genesislcap/foundation-comms": "15.21.0",
+    "@genesislcap/foundation-criteria": "15.21.0",
+    "@genesislcap/foundation-logger": "15.21.0",
+    "@genesislcap/foundation-ui": "15.21.0",
+    "@genesislcap/foundation-utils": "15.21.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",