@adaptabletools/adaptable 12.1.3 → 12.1.6

package/src/agGrid/Adaptable.js

@@ -266,6 +266,9 @@ class Adaptable {
         };
         // (global as any).adaptable = this;
     }
+    get isLive() {
+        return this.isInitialised && !this.isDestroyed;
+    }
     static init(adaptableOptions) {
         return Adaptable.initInternal(adaptableOptions);
     }
@@ -392,7 +395,7 @@ class Adaptable {
         this.AlertService = new AlertService_1.AlertService(this.api);
         this.TeamSharingService = new TeamSharingService_1.TeamSharingService(this.api);
         this.RowEditService = new RowEditService_1.RowEditService(this.api);
-        this.MetamodelService = new MetamodelService_1.MetamodelService(this.api);
+        this.MetamodelService = new MetamodelService_1.MetamodelService(() => this.api.internalApi.getAdaptableOptions());
         this.forPlugins((plugin) => plugin.afterInitServices(this));
         // Set up Modules - we set up all the Modules suitable for AG Grid
         // But users can make some hidden or readonly in their entitlements
@@ -542,7 +545,7 @@ class Adaptable {
         });
     }
     performAudit(action, oldState, newState) {
-        if (this.isInitialised) {
+        if (this.isLive) {
             const adaptableStateChangedInfo = {
                 adaptableApi: this.api,
                 actionName: action.type,
@@ -893,7 +896,7 @@ class Adaptable {
         this.gridOptions.api.setColumnDefs(colDefs);
         this.updateColumnsIntoStore(); // todo remove this from here!!!
     }
-    getFormatColumnCellStyle(formatColumn, params) {
+    getFormatColumnCellStyle(abColumn, formatColumn, params) {
         if (!formatColumn.IncludeGroupedRows && this.isGroupRowNode(params.node)) {
             return;
         }
@@ -906,8 +909,8 @@ class Adaptable {
         if (columnStyle) {
             const gradientStyle = columnStyle === null || columnStyle === void 0 ? void 0 : columnStyle.GradientStyle;
             if (gradientStyle) {
-                const min = this.api.formatColumnApi.getNumericStyleMinValue(columnStyle, params.node, params.value);
-                const max = this.api.formatColumnApi.getNumericStyleMaxValue(columnStyle, params.node, params.value);
+                const min = this.api.formatColumnApi.getNumericStyleMinValue(columnStyle, abColumn, params.node, params.value);
+                const max = this.api.formatColumnApi.getNumericStyleMaxValue(columnStyle, abColumn, params.node, params.value);
                 const clampedValue = clamp_1.default(params.value, min, max);
                 let cellBackColor;
                 let reverseGradient = false;
@@ -915,7 +918,8 @@ class Adaptable {
                     cellBackColor = gradientStyle.ColumnComparison.Color;
                 }
                 else {
-                    const matchingRange = gradientStyle.CellRanges.find((r) => r.Min <= clampedValue && r.Max >= clampedValue);
+                    const matchingRange = gradientStyle.CellRanges.find((r) => (r.Min == 'Col-Min' || r.Min <= clampedValue) &&
+                        (r.Max == 'Col-Max' || r.Max >= clampedValue));
                     if (matchingRange) {
                         cellBackColor = matchingRange.Color;
                         reverseGradient = matchingRange.ReverseGradient;
@@ -1394,6 +1398,9 @@ class Adaptable {
             shouldUpdateHeaders = this.setupColumnHeader(colSetupInfo) || shouldUpdateHeaders;
         });
         isChanged = isChanged || shouldUpdateHeaders;
+        if (ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(layout.ColumnFilters)) {
+            this.gridOptions.api.onFilterChanged();
+        }
         if (isChanged) {
             // it's important we set pivot mode
             // before we set column state
@@ -1716,7 +1723,7 @@ class Adaptable {
             const filterPermittedValuesParams = {
                 adaptableApi: this.api,
                 column: column,
-                filter: filter,
+                searchFilter: filter,
             };
             preparedPermittedValues = await (permittedValues === null || permittedValues === void 0 ? void 0 : permittedValues.values(filterPermittedValuesParams));
         }
@@ -3129,7 +3136,7 @@ class Adaptable {
             const hasQuickSearchStyle = quickSearchStyle != undefined;
             const cellStyle = (params) => {
                 const formatColumnCellStyle = formatColumn
-                    ? this.getFormatColumnCellStyle(formatColumn, params)
+                    ? this.getFormatColumnCellStyle(abColumn, formatColumn, params)
                     : undefined;
                 const isQuickSearchActive = hasQuickSearchStyle && this.isQuickSearchActive(abColumn, params);
                 const result = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, defaultCellStyle), this.getReadOnlyCellStyle(abColumn, params)), this.getEditableCellStyle(abColumn, params)), (typeof userCellStyle === 'function' ? userCellStyle(params) : userCellStyle)), formatColumnCellStyle), this.getConditionalStyleCellStyle(conditionalStyles, abColumn, params)), (isQuickSearchActive ? quickSearchStyle : undefined)), this.getAlertCellStyle(abColumn, params)), this.getFlashingCellStyle(abColumn, params)), this.getCellHighlightStyle(abColumn, params));
@@ -3221,7 +3228,7 @@ class Adaptable {
             const formatColumn = this.api.formatColumnApi.getActiveFormatColumnForColumn(abColumn);
             if (formatColumn && !(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.IsSuspended) && formatColumn.ColumnStyle) {
                 if (formatColumn.ColumnStyle.PercentBarStyle) {
-                    return this.agGridHelper.createPercentBarRendererComp(formatColumn);
+                    return this.agGridHelper.createPercentBarRendererComp(formatColumn, abColumn);
                 }
                 if (formatColumn.ColumnStyle.CheckBoxStyle) {
                     return this.agGridHelper.createCheckboxRendererComp(abColumn.columnId, abColumn.readOnly);
@@ -3229,7 +3236,7 @@ class Adaptable {
             }
         });
     }
-    setupColumnTooltipValueGetter({ col, colId }) {
+    setupColumnTooltipValueGetter({ col, colId, abColumn }) {
         this.setColDefProperty(col, 'tooltipValueGetter', () => {
             var _a;
             const formatColumn = this.api.formatColumnApi.getFormatColumnForColumnId(colId);
@@ -3240,8 +3247,8 @@ class Adaptable {
                 formatColumn.ColumnStyle.PercentBarStyle.ToolTipText) {
                 if ((_a = formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.ColumnStyle) === null || _a === void 0 ? void 0 : _a.PercentBarStyle) {
                     return (params) => {
-                        const min = this.api.formatColumnApi.getNumericStyleMinValue(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.ColumnStyle, params.node, params.value);
-                        const max = this.api.formatColumnApi.getNumericStyleMaxValue(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.ColumnStyle, params.node, params.value);
+                        const min = this.api.formatColumnApi.getNumericStyleMinValue(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.ColumnStyle, abColumn, params.node, params.value);
+                        const max = this.api.formatColumnApi.getNumericStyleMaxValue(formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.ColumnStyle, abColumn, params.node, params.value);
                         const textOptions = formatColumn.ColumnStyle.PercentBarStyle.ToolTipText;
                         let returnValue = '';
                         if (textOptions.includes('CellValue')) {

package/src/agGrid/PercentBarRenderer.d.ts

@@ -1,3 +1,4 @@
 import { FormatColumn } from '../PredefinedConfig/FormatColumnState';
 import { AdaptableApi } from '../Api/AdaptableApi';
-export declare const getPercentBarRendererForColumn: (formatColumn: FormatColumn, api: AdaptableApi) => any;
+import { AdaptableColumn } from '../PredefinedConfig/Common/AdaptableColumn';
+export declare const getPercentBarRendererForColumn: (formatColumn: FormatColumn, abColumn: AdaptableColumn, api: AdaptableApi) => any;

package/src/agGrid/PercentBarRenderer.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const Helper_1 = tslib_1.__importDefault(require("../Utilities/Helpers/Helper"));
 const clamp_1 = tslib_1.__importDefault(require("lodash/clamp"));
 const FormatHelper_1 = tslib_1.__importDefault(require("../Utilities/Helpers/FormatHelper"));
-const getPercentBarRendererForColumn = (formatColumn, api) => {
+const getPercentBarRendererForColumn = (formatColumn, abColumn, api) => {
     var _a;
     if (!((_a = formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.ColumnStyle) === null || _a === void 0 ? void 0 : _a.PercentBarStyle)) {
         return;
@@ -15,8 +15,8 @@ const getPercentBarRendererForColumn = (formatColumn, api) => {
             if (!formatColumn.IncludeGroupedRows && api.gridApi.isGroupRowNode(params.node)) {
                 return;
             }
-            const min = api.formatColumnApi.getNumericStyleMinValue(formatColumn.ColumnStyle, params.node, params.value);
-            const max = api.formatColumnApi.getNumericStyleMaxValue(formatColumn.ColumnStyle, params.node, params.value);
+            const min = api.formatColumnApi.getNumericStyleMinValue(formatColumn.ColumnStyle, abColumn, params.node, params.value);
+            const max = api.formatColumnApi.getNumericStyleMaxValue(formatColumn.ColumnStyle, abColumn, params.node, params.value);
             let value = params.value;
             if (Helper_1.default.objectNotExists(value)) {
                 value = 0;

package/src/agGrid/agGridHelper.d.ts

@@ -21,7 +21,7 @@ export declare class agGridHelper {
     setUpModules(): Map<AdaptableModule, IModule>;
     TrySetUpNodeIds(hasAutogeneratedPrimaryKey: boolean): boolean;
     createCheckboxRendererComp(columnId: string, isColumnReadOnly: boolean): ICellRendererFunc | undefined;
-    createPercentBarRendererComp(formatColumn: FormatColumn): ICellRendererFunc;
+    createPercentBarRendererComp(formatColumn: FormatColumn, abColumn: AdaptableColumn): ICellRendererFunc;
     getCleanValue(value: string): string | undefined;
     getRenderedValue(colDef: ColDef, valueToRender: any): any;
     createAdaptableColumnFromAgGridColumn(agGridColumn: Column, colsToGroups: Record<string, AdaptableColumnGroup>): AdaptableColumn;

package/src/agGrid/agGridHelper.js

@@ -148,8 +148,8 @@ class agGridHelper {
     createCheckboxRendererComp(columnId, isColumnReadOnly) {
         return CheckboxRenderer_1.getCheckboxRendererForColumn(columnId, isColumnReadOnly, this.adaptable.api);
     }
-    createPercentBarRendererComp(formatColumn) {
-        return PercentBarRenderer_1.getPercentBarRendererForColumn(formatColumn, this.adaptable.api);
+    createPercentBarRendererComp(formatColumn, abColumn) {
+        return PercentBarRenderer_1.getPercentBarRendererForColumn(formatColumn, abColumn, this.adaptable.api);
     }
     getCleanValue(value) {
         if (value == null || value == 'null' || value == undefined || value == 'undefined') {

package/src/components/ProgressIndicator/ProgressIndicator.js

@@ -17,31 +17,29 @@ const ProgressIndicator = () => {
         width: 0,
     });
     const adaptable = AdaptableContext_1.useAdaptable();
-    const adaptableContainerRef = react_1.useRef(adaptable.getAdaptableContainerElement());
-    const gridContainerRef = react_1.useRef(adaptable.getAgGridContainerElement());
-    const disableAdaptableGrid = (elemRef, disabled) => {
+    const disableAdaptableGrid = (containerElement, disabled) => {
         const DISABLING_CSS_CLASS = 'ab-wait-for-progress-indicator';
-        if (!elemRef.current) {
+        if (!containerElement) {
             return;
         }
         if (disabled) {
-            elemRef.current.classList.add(DISABLING_CSS_CLASS);
+            containerElement.classList.add(DISABLING_CSS_CLASS);
         }
         else {
-            elemRef.current.classList.remove(DISABLING_CSS_CLASS);
+            containerElement.classList.remove(DISABLING_CSS_CLASS);
         }
     };
-    const updateGridContainerCoordinates = () => {
-        if (!gridContainerRef.current) {
+    const updateGridContainerCoordinates = (containerElement) => {
+        if (!containerElement) {
             return;
         }
-        const { top, left, height, width } = gridContainerRef.current.getBoundingClientRect();
+        const { top, left, height, width } = containerElement.getBoundingClientRect();
         setProgressIndicatorCoordinates({ top, left, height, width });
     };
     react_1.useEffect(() => {
-        disableAdaptableGrid(adaptableContainerRef, active);
-        disableAdaptableGrid(gridContainerRef, active);
-        updateGridContainerCoordinates();
+        disableAdaptableGrid(adaptable.getAdaptableContainerElement(), active);
+        disableAdaptableGrid(adaptable.getAgGridContainerElement(), active);
+        updateGridContainerCoordinates(adaptable.getAdaptableContainerElement());
         // without RAF the progress indicator would be rendered instantly, without the 'transition-delay' defined via CSS
         requestAnimationFrame(() => {
             setVisible(active);

package/src/metamodel/adaptable.metamodel.d.ts

@@ -1142,6 +1142,23 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
+    };
+    BulkUpdatePermittedValuesContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
     };
     ButtonStyle: {
         name: string;
@@ -1379,11 +1396,6 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
-    CellValuesList: {
-        name: string;
-        kind: string;
-        description: string;
-    };
     ChartDefinition: {
         name: string;
         kind: string;
@@ -1987,6 +1999,12 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
     };
     CustomSortState: {
         name: string;
@@ -2398,10 +2416,30 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
+    EditLookUpContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference: string;
+        }[];
+    };
     EditLookUpPermittedValues: {
         name: string;
         kind: string;
         description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+        }[];
     };
     EditOptions: {
         name: string;
@@ -2757,13 +2795,31 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         description: string;
-        properties: {
+        properties: ({
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
             isOptional: boolean;
             defaultValue: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional?: undefined;
+            defaultValue?: undefined;
+        })[];
+    };
+    FilterPermittedValuesContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
         }[];
     };
     FinanceApi: {
@@ -3821,6 +3877,18 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
         }[];
     };
+    PermittedValuesContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+        }[];
+    };
     PluginsApi: {
         name: string;
         kind: string;