@adaptabletools/adaptable 22.0.1-canary.2 → 22.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "22.0.1-canary.2",
+  "version": "22.0.1",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/src/Api/Internal/ColumnFilterInternalApi.js

@@ -50,7 +50,7 @@ export class ColumnFilterInternalApi extends ApiBase {
             Predicates: [
                 {
                     PredicateId: this.getPredicateApi().internalApi.getEqualityPredicateForDataType(column.dataType),
-                    Inputs: [...new Set([gridCell.rawValue])],
+                    Inputs: [...new Set([gridCell.normalisedValue])],
                 },
             ],
         };

package/src/Redux/Store/AdaptableStore.js

@@ -187,7 +187,9 @@ export class AdaptableStore {
             // but having the emitter emit the event here
             // is really useful
             const emitterArg = { action, state, newState };
-            this.emitter.emit(action.type, emitterArg);
+            if (!NON_PERSIST_ACTIONS[action.type]) {
+                this.emitter.emit(action.type, emitterArg);
+            }
             const finalState = emitterArg.newState;
             const shouldPersist = state !== finalState &&
                 didPersistentStateChange(state, finalState) &&
@@ -210,10 +212,26 @@ export class AdaptableStore {
             return finalState;
         };
         const beforeEmitterMiddleware = (middlewareAPI) => (next) => (action) => {
-            this.beforeEmitter.emitSync(action.type, {
-                action,
-                state: middlewareAPI.getState(),
-            });
+            if (!NON_PERSIST_ACTIONS[action.type]) {
+                const wasProgressActive = middlewareAPI.getState().Popup?.ProgressIndicator?.active;
+                this.beforeEmitter.emitSync(action.type, {
+                    action,
+                    state: middlewareAPI.getState(),
+                });
+                const isProgressActive = middlewareAPI.getState().Popup?.ProgressIndicator?.active;
+                if (!wasProgressActive && isProgressActive) {
+                    // double rAF: first frame lets React render + ProgressIndicator's
+                    // useEffect schedule its own rAF for setVisible(); second frame
+                    // runs after the browser has actually painted the indicator
+                    // see #raf_progress_indicator
+                    requestAnimationFrame(() => {
+                        requestAnimationFrame(() => {
+                            next(action);
+                        });
+                    });
+                    return action;
+                }
+            }
             return next(action);
         };
         const devToolsActionMarkerMiddleware = createDevToolsActionMarkerMiddleware(adaptable);

package/src/View/Export/ExportViewPanel.js

@@ -29,7 +29,7 @@ export const ExportViewPanel = (props) => {
         : 'Are you sure you want to delete this report?';
     const isToolbar = props.viewType === 'Toolbar';
     const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement(Flex, { flexDirection: "row", className: clsx(`ab-${elementType}__CellSummary__wrap twa:gap-2 twa:flex-row`, {
+    return (React.createElement(Flex, { flexDirection: "row", className: clsx(`ab-${elementType}__CellSummary__wrap twa:gap-1 twa:flex-row`, {
             'twa:min-w-[486px] twa:flex-nowrap': isToolbar,
             'twa:flex-1 twa:flex-wrap': !isToolbar,
         }) },

package/src/View/QuickSearch/QuickSearchInput.js

@@ -17,7 +17,7 @@ export const QuickSearchInput = (props) => {
         QuickSearchText,
         onRunQuickSearch,
     });
-    return (React.createElement(AdaptableFormControlTextClear, { onClick: props.onClick, "aria-label": 'Quick Search', type: "text", autoFocus: props.autoFocus, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, className: twMerge('ab-QuickSearch__control twa:h-full', props.className), value: searchText, OnTextChange: search, inputClassName: twMerge('twa:w-[10rem]', props.inputClassName), actionTools: isServerSideRowModel ? null : (React.createElement(Flex, { flexDirection: "row", alignItems: "center", className: "twa:flex-none" },
+    return (React.createElement(AdaptableFormControlTextClear, { onClick: props.onClick, "aria-label": 'Quick Search', type: "text", autoFocus: props.autoFocus, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, className: twMerge('ab-QuickSearch__control twa:h-full twa:min-h-input', props.className), value: searchText, OnTextChange: search, inputClassName: twMerge('twa:w-[10rem]', props.inputClassName), actionTools: isServerSideRowModel ? null : (React.createElement(Flex, { flexDirection: "row", alignItems: "center", className: "twa:flex-none" },
             React.createElement(SimpleButton, { "aria-label": 'Previous Match', icon: "arrow-up", className: "twa:px-0 twa:py-0 twa:mr-1", disabled: !searchText, variant: "text", onClick: () => adaptable.api.quickSearchApi.gotoPreviousMatch() }),
             React.createElement(SimpleButton, { "aria-label": 'Next Match', icon: "arrow-down", className: "twa:px-0 twa:py-0 twa:mr-1", disabled: !searchText, variant: "text", onClick: () => adaptable.api.quickSearchApi.gotoNextMatch() }))) }));
 };

package/src/View/SmartEdit/SmartEditViewPanel.js

@@ -12,6 +12,7 @@ import { UIHelper } from '../UIHelper';
 import { connect } from 'react-redux';
 import { Select } from '../../components/Select';
 import { Flex } from '../../components/Flex';
+import clsx from 'clsx';
 class SmartEditViewPanelComponent extends React.Component {
     cleanupEvent;
     constructor(props) {
@@ -65,15 +66,18 @@ class SmartEditViewPanelComponent extends React.Component {
             !this.props.IsValidSelection ||
             this.props.api.layoutApi.isCurrentLayoutPivot() == true;
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(Flex, { flexDirection: "row", className: `ab-${elementType}__SmartEdit__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-            React.createElement(Flex, null,
+        return (React.createElement(Flex, { flexDirection: "row", className: clsx(`ab-${elementType}__SmartEdit__wrap twa:gap-1 twa:flex-row`, {
+                'twa:flex-nowrap': this.props.viewType === 'Toolbar',
+                'twa:flex-wrap': this.props.viewType !== 'Toolbar',
+            }), flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+            React.createElement(Flex, { className: "twa:gap-1" },
                 React.createElement(Select, { "aria-label": 'Select Smart Edit Operation', value: typeof this.props.SmartEditOperation === 'object'
                         ? this.props.SmartEditOperation.name
-                        : this.props.SmartEditOperation, options: operationMenuItems, onChange: (operation) => this.props.onSmartEditOperationChange(operation), style: { marginRight: 1 } }),
+                        : this.props.SmartEditOperation, options: operationMenuItems, onChange: (operation) => this.props.onSmartEditOperationChange(operation) }),
                 React.createElement(Input, { style: {
                         width: '5rem',
                     }, className: `ab-${elementType}__SmartEdit__select-value`, value: this.props.SmartEditValue.toString(), type: "number", placeholder: "Enter a Number", step: "any", onChange: (e) => this.onSmartEditValueChange(e), disabled: shouldDisable })),
-            React.createElement(Flex, null,
+            React.createElement(Flex, { className: "twa:gap-1" },
                 !shouldDisable && (React.createElement(ButtonApply, { onClick: () => this.onApplyClick(), style: applyButtonStyle, className: `ab-${elementType}__SmartEdit__apply`, tooltip: "Apply Smart Edit", disabled: StringExtensions.IsNullOrEmpty(`${this.props.SmartEditValue}`) ||
                         (this.props.PreviewInfo != null &&
                             this.props.PreviewInfo.previewValidationSummary.validationResult == 'All'), accessLevel: this.props.accessLevel }, this.props.viewType === 'ToolPanel' && 'Apply Smart Edit')),

package/src/View/StateManagement/StateManagementViewPanel.js

@@ -8,7 +8,7 @@ import { Flex } from '../../components/Flex';
 export const StateManagementViewPanel = (props) => {
     const isToolbar = props.viewType === 'Toolbar';
     const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement(Flex, { flexDirection: isToolbar ? 'row' : 'column', className: join(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__StateManagement__wrap`) },
+    return (React.createElement(Flex, { flexDirection: isToolbar ? 'row' : 'column', className: join(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__StateManagement__wrap twa:min-h-input`) },
         React.createElement(Flex, { flexDirection: "row" },
             React.createElement(LoadButton, { tooltip: "Load Initial Adaptable State", variant: "text", icon: "upload", onLoad: (json) => props.api.stateApi.reloadInitialState(json), accessLevel: props.accessLevel }, !isToolbar && 'Load'),
             React.createElement(ClearButton, { icon: "delete", tooltip: "Clear User State", variant: "text", onClick: () => props.api.stateApi.reloadInitialState(), accessLevel: props.accessLevel }, !isToolbar && 'Clear')),

package/src/View/SystemStatus/SystemStatusViewPanel.js

@@ -12,7 +12,7 @@ class SystemStatusViewPanelComponent extends React.Component {
         const message = currentSystemStatusMessageInfo?.statusMessage;
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
         return (React.createElement(Flex, { alignItems: "stretch", className: `ab-${elementType}__SystemStatus__wrap` },
-            React.createElement(Flex, { style: { color, backgroundColor: message ? background : '' }, className: `ab-${elementType}__SystemStatus__text twa:mr-2 twa:p-2 twa:text-2 twa:rounded-standard`, alignItems: "center", "data-name": "system-status-message" }, message || '0 Messages')));
+            React.createElement(Flex, { style: { color, backgroundColor: message ? background : '' }, className: `ab-${elementType}__SystemStatus__text twa:mr-2 twa:p-2 twa:text-2 twa:rounded-standard twa:min-h-input`, alignItems: "center", "data-name": "system-status-message" }, message || '0 Messages')));
     }
 }
 function mapStateToProps(state) {

package/src/agGrid/AdaptableAgGrid.js

@@ -2209,10 +2209,16 @@ export class AdaptableAgGrid {
             return typeof rawValue !== 'string' ? String(rawValue) : rawValue;
         }
         if (dataType === 'number') {
+            if (typeof rawValue === 'number') {
+                return rawValue;
+            }
             // empty string or space should not be converted to 0
-            return typeof rawValue !== 'number' && StringExtensions.IsNumeric(rawValue)
-                ? Number(rawValue)
-                : rawValue;
+            if (typeof rawValue === 'string') {
+                return StringExtensions.IsNumeric(rawValue) ? Number(rawValue) : rawValue;
+            }
+            // handle objects with toString() (e.g. from valueGetters)
+            const numValue = Number(rawValue);
+            return isNaN(numValue) ? rawValue : numValue;
         }
         if (dataType === 'boolean') {
             return typeof rawValue !== 'boolean' ? Boolean(rawValue) : rawValue;

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: 1772181347694 || Date.now(),
-    VERSION: "22.0.1-canary.2" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1772196168049 || Date.now(),
+    VERSION: "22.0.1" || '--current-version--',
 };