@adaptabletools/adaptable 23.0.6 → 23.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "23.0.6",
+  "version": "23.0.7",
   "description": "Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/src/AdaptableOptions/DataChangeHistoryOptions.d.ts

@@ -28,6 +28,13 @@ export interface DataChangeHistoryOptions<TData = any> {
      * @defaultValue true
      */
     showLastDataChangeOnly?: boolean;
+    /**
+     * How many data changes are held in State at any one time; when the limit is breached, the oldest change(s) are evicted from memory
+     *
+     * @defaultValue undefined (all data changes are logged)
+     * @noCodeItem
+     */
+    maxDataChangesInStore?: number;
 }
 /**
  * Built in `undo` or `clear` data change action

package/src/AdaptableOptions/DefaultAdaptableOptions.js

@@ -83,6 +83,7 @@ const DefaultAdaptableOptions = {
         showDataChange: undefined,
         changeHistoryButton: undefined,
         showLastDataChangeOnly: true,
+        maxDataChangesInStore: undefined,
     },
     dataImportOptions: {
         fileHandlers: undefined,

package/src/AdaptableOptions/WizardOptions.d.ts

@@ -18,7 +18,6 @@ export interface WizardOptions {
     position?: WindowPosition;
     /**
      * Initial size (in pixels) of wizard (requires `popupType`: `'window'`)
-     * `'window'`).
      *
      * @defaultValue Computed default sized for wizards
      */

package/src/Api/Implementation/DataChangeHistoryApiImpl.js

@@ -10,16 +10,16 @@ export class DataChangeHistoryApiImpl extends ApiBase {
         if (currentMode === 'ACTIVE' && !forceReset) {
             return;
         }
-        if (forceReset || currentMode === 'INACTIVE') {
-            this.dispatchAction(DataChangeHistoryEnable());
-        }
-        else if (currentMode === 'SUSPENDED') {
+        if (currentMode === 'SUSPENDED' && !forceReset) {
             this.dispatchAction(DataChangeHistoryResume());
         }
+        else {
+            this.dispatchAction(DataChangeHistoryEnable());
+        }
     }
     deactivateDataChangeHistory() {
-        if (this.getDataChangeHistoryMode() === 'ACTIVE' ||
-            this.getDataChangeHistoryMode() === 'SUSPENDED') {
+        const currentMode = this.getDataChangeHistoryMode();
+        if (currentMode !== 'INACTIVE') {
             this.dispatchAction(DataChangeHistoryDisable());
         }
     }
@@ -39,7 +39,8 @@ export class DataChangeHistoryApiImpl extends ApiBase {
     }
     addDataChangeHistoryEntry(dataChangeInfo) {
         const uniqueKey = this.getDataChangeHistoryKey(dataChangeInfo);
-        this.dispatchAction(DataChangeHistoryAdd(dataChangeInfo, uniqueKey));
+        const maxDataChangesInStore = this.getDataChangeHistoryOptions().maxDataChangesInStore;
+        this.dispatchAction(DataChangeHistoryAdd(dataChangeInfo, uniqueKey, maxDataChangesInStore));
     }
     undoDataChangeHistoryEntry(dataChangeInfo) {
         const uniqueKey = this.getDataChangeHistoryKey(dataChangeInfo);
@@ -65,10 +66,10 @@ export class DataChangeHistoryApiImpl extends ApiBase {
         const changedAt = dataChangeInfo.changedAt;
         const showLastDataChangeOnly = this.getDataChangeHistoryOptions().showLastDataChangeOnly;
         if (showLastDataChangeOnly) {
-            return JSON.stringify({ columnId, primaryKeyValue });
+            return `${columnId}\u0000${primaryKeyValue}`;
         }
         else {
-            return JSON.stringify({ columnId, primaryKeyValue, changedAt });
+            return `${columnId}\u0000${primaryKeyValue}\u0000${changedAt}`;
         }
     };
 }

package/src/Redux/ActionsReducers/InternalRedux.d.ts

@@ -247,6 +247,7 @@ export interface DataChangeHistoryAction extends Redux.Action {
     uniqueKey: string;
 }
 export interface DataChangeHistoryAddAction extends DataChangeHistoryAction {
+    maxDataChanges?: number;
 }
 export interface DataChangeHistoryUndoAction extends DataChangeHistoryAction {
 }
@@ -324,7 +325,7 @@ export declare const CachedQueryAdd: (cachedQuery: CachedQuery) => CachedQueryAd
 export declare const CellSummaryChangeOperation: (cellSummaryOperation: SummaryOperation | string) => CellSummaryChangeOperationAction;
 export declare const LicenseShowWatermark: (text: string) => LicenseShowWatermarkAction;
 export declare const LicenseDisablePersistence: () => LicenseDisablePersistenceAction;
-export declare const DataChangeHistoryAdd: (changeInfo: CellDataChangedInfo, uniqueKey: string) => DataChangeHistoryAddAction;
+export declare const DataChangeHistoryAdd: (changeInfo: CellDataChangedInfo, uniqueKey: string, maxDataChanges?: number) => DataChangeHistoryAddAction;
 export declare const DataChangeHistoryUndo: (changeInfo: CellDataChangedInfo, uniqueKey: string) => DataChangeHistoryUndoAction;
 export declare const DataChangeHistoryClearRow: (changeInfo: CellDataChangedInfo, uniqueKey: string) => DataChangeHistoryClearRowAction;
 export declare const DataChangeHistoryEnable: () => DataChangeHistoryEnableAction;

package/src/Redux/ActionsReducers/InternalRedux.js

@@ -213,10 +213,11 @@ export const LicenseShowWatermark = (text) => ({
 export const LicenseDisablePersistence = () => ({
     type: LICENSE_DISABLE_PERSISTENCE,
 });
-export const DataChangeHistoryAdd = (changeInfo, uniqueKey) => ({
+export const DataChangeHistoryAdd = (changeInfo, uniqueKey, maxDataChanges) => ({
     type: DATA_CHANGE_HISTORY_ADD,
     changeInfo,
     uniqueKey,
+    maxDataChanges,
 });
 export const DataChangeHistoryUndo = (changeInfo, uniqueKey) => ({
     type: DATA_CHANGE_HISTORY_UNDO,
@@ -372,6 +373,17 @@ const initialState = {
         inProgress: null,
     },
 };
+const removeDataChangeHistoryLog = (state, uniqueKey) => {
+    const updatedDataChangeHistoryLogs = { ...state.DataChangeHistory.logs };
+    delete updatedDataChangeHistoryLogs[uniqueKey];
+    return {
+        ...state,
+        DataChangeHistory: {
+            ...state.DataChangeHistory,
+            logs: updatedDataChangeHistoryLogs,
+        },
+    };
+};
 export const InternalReducer = (state = initialState, action) => {
     let alerts;
     let systemStatusMessages;
@@ -673,21 +685,16 @@ export const InternalReducer = (state = initialState, action) => {
             const cellDataChangedInfo = actionTypedAdd.changeInfo;
             const uniqueKey = actionTypedAdd.uniqueKey;
             const updatedDataChangeHistoryLogs = { ...state.DataChangeHistory.logs };
-            updatedDataChangeHistoryLogs[uniqueKey] = cellDataChangedInfo;
-            return {
-                ...state,
-                DataChangeHistory: {
-                    ...state.DataChangeHistory,
-                    logs: updatedDataChangeHistoryLogs,
-                },
-            };
-        }
-        case DATA_CHANGE_HISTORY_UNDO: {
-            const actionTypedUndo = action;
-            const cellDataChangedInfo = actionTypedUndo.changeInfo;
-            const uniqueKey = actionTypedUndo.uniqueKey;
-            const updatedDataChangeHistoryLogs = { ...state.DataChangeHistory.logs };
             delete updatedDataChangeHistoryLogs[uniqueKey];
+            updatedDataChangeHistoryLogs[uniqueKey] = cellDataChangedInfo;
+            const maxDataChanges = actionTypedAdd.maxDataChanges;
+            if (maxDataChanges != null && maxDataChanges >= 0) {
+                const keys = Object.keys(updatedDataChangeHistoryLogs);
+                const overflow = keys.length - maxDataChanges;
+                for (let i = 0; i < overflow; i++) {
+                    delete updatedDataChangeHistoryLogs[keys[i]];
+                }
+            }
             return {
                 ...state,
                 DataChangeHistory: {
@@ -696,19 +703,10 @@ export const InternalReducer = (state = initialState, action) => {
                 },
             };
         }
+        case DATA_CHANGE_HISTORY_UNDO:
         case DATA_CHANGE_HISTORY_CLEAR_ROW: {
-            const actionTypedClearRow = action;
-            const cellDataChangedInfo = actionTypedClearRow.changeInfo;
-            const uniqueKey = actionTypedClearRow.uniqueKey;
-            const updatedDataChangeHistoryLogs = { ...state.DataChangeHistory.logs };
-            delete updatedDataChangeHistoryLogs[uniqueKey];
-            return {
-                ...state,
-                DataChangeHistory: {
-                    ...state.DataChangeHistory,
-                    logs: updatedDataChangeHistoryLogs,
-                },
-            };
+            const { uniqueKey } = action;
+            return removeDataChangeHistoryLog(state, uniqueKey);
         }
         case DATA_CHANGE_HISTORY_ENABLE: {
             return {

package/src/Strategy/DataChangeHistoryModule.js

@@ -29,7 +29,7 @@ export class DataChangeHistoryModule extends AdaptableModuleBase {
         this.api.internalApi
             .getDataService()
             .on('CellDataChanged', (cellDataChangedInfo) => {
-            if (this.isListeningToCellDataChanges &&
+            if (this.shouldListenToDataChanges() &&
                 this.isDataChangeLoggable(cellDataChangedInfo) &&
                 !cellDataChangedInfo.preventEdit) {
                 this.api.dataChangeHistoryApi.addDataChangeHistoryEntry(cellDataChangedInfo);

package/src/View/DataChangeHistory/DataChangeHistoryViewPanel.js

@@ -21,10 +21,9 @@ export const DataChangeHistoryViewPanelControl = (props) => {
     const handleOpenPopup = React.useCallback(() => {
         adaptable.api.settingsPanelApi.openSettingsPanel('DataChangeHistory');
     }, []);
-    const dataChangeHistoryState = useSelector((state) => state.Internal.DataChangeHistory);
-    const changeHistoryMode = dataChangeHistoryState.currentMode;
-    const activationTime = dataChangeHistoryState.enableTime;
-    const suspensionTime = dataChangeHistoryState.suspendTime;
+    const changeHistoryMode = useSelector((state) => state.Internal.DataChangeHistory.currentMode);
+    const activationTime = useSelector((state) => state.Internal.DataChangeHistory.enableTime);
+    const suspensionTime = useSelector((state) => state.Internal.DataChangeHistory.suspendTime);
     const enabled = changeHistoryMode === 'ACTIVE';
     const disabled = changeHistoryMode === 'INACTIVE';
     const suspended = changeHistoryMode === 'SUSPENDED';

package/src/View/DataChangeHistory/dataChangeHistoryHelpers.js

@@ -21,7 +21,7 @@ export const mapChangeHistoryRowData = (changeHistoryLog = {}, mainAdaptableInst
         changedColumnLabel: getColumnHeaderLabel(changeInfo.column.columnId, mainAdaptableInstance),
         changeInfo,
     }))
-        .sort((a, b) => b.changeInfo.changedAt - a.changeInfo.changedAt);
+        .reverse();
 };
 export const getChangeHistoryRowChangeInfo = (rowData) => {
     if (!isValidChangeHistoryLogEntry(rowData?.changeInfo)) {

package/src/components/ui/input-group.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { cva } from 'class-variance-authority';

package/src/env.js

@@ -1,5 +1,5 @@
 export default {
     NEXT_PUBLIC_INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1782917265348 || Date.now(),
-    VERSION: "23.0.6" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1782993623253 || Date.now(),
+    VERSION: "23.0.7" || '--current-version--',
 };