@adaptabletools/adaptable 11.0.0-canary.7 → 11.0.2-canary.0

package/src/agGrid/CheckboxRenderer.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCheckboxRendererForColumn = void 0;
-exports.getCheckboxRendererForColumn = (columnId, readOnly, api) => {
+exports.CheckboxEditor = exports.getCheckboxRendererForColumn = void 0;
+exports.getCheckboxRendererForColumn = (columnId, isColumnReadOnly, api) => {
     const CheckboxRenderer = function () {
         return '';
     };
@@ -10,7 +10,9 @@ exports.getCheckboxRendererForColumn = (columnId, readOnly, api) => {
         const inputElement = document.createElement('input');
         inputElement.type = 'checkbox';
         inputElement.checked = params.value;
-        inputElement.disabled = readOnly;
+        inputElement.disabled =
+            isColumnReadOnly ||
+                !api.internalApi.getAdaptableInstance().isCellEditable(params.node, params.column);
         this.checkedHandler = this.checkedHandler.bind(this);
         inputElement.addEventListener('click', this.checkedHandler);
         this.eGui = document.createElement('div');
@@ -29,7 +31,26 @@ exports.getCheckboxRendererForColumn = (columnId, readOnly, api) => {
         return this.eGui;
     };
     CheckboxRenderer.prototype.refresh = function () {
-        return true;
+        // by returning FALSE, AG Grid will remove the component from the DOM
+        // and (re)create a new component in its place with the new value & disabled state
+        return false;
+    };
+    CheckboxRenderer.prototype.destroy = function () {
+        var _a, _b;
+        (_b = (_a = this.eGui) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', this.checkedHandler);
     };
     return CheckboxRenderer;
 };
+// this is just a stub editor instance, we just need the `isCancelBeforeStart()` hook
+class CheckboxEditor {
+    isCancelBeforeStart() {
+        // never show the editor, we edit it via the checkbox input element
+        return true;
+    }
+    init(params) { }
+    getGui() {
+        return undefined;
+    }
+    getValue() { }
+}
+exports.CheckboxEditor = CheckboxEditor;

package/src/agGrid/agGridHelper.d.ts

@@ -21,7 +21,7 @@ export declare class agGridHelper {
     getAgGridDarkThemeName(): string;
     setUpModules(): Map<AdaptableModule, IModule>;
     TrySetUpNodeIds(): boolean;
-    createCheckboxRendererComp(columnId: string, isReadOnly: boolean): ICellRendererFunc | undefined;
+    createCheckboxRendererComp(columnId: string, isColumnReadOnly: boolean): ICellRendererFunc | undefined;
     createNumericStyleRendererFunc(formatColumn: FormatColumn): ICellRendererFunc;
     getCleanValue(value: string): string | undefined;
     getRenderedValue(colDef: ColDef, valueToRender: any): any;

package/src/agGrid/agGridHelper.js

@@ -118,8 +118,8 @@ class agGridHelper {
         };
         return true;
     }
-    createCheckboxRendererComp(columnId, isReadOnly) {
-        return CheckboxRenderer_1.getCheckboxRendererForColumn(columnId, isReadOnly, this.adaptable.api);
+    createCheckboxRendererComp(columnId, isColumnReadOnly) {
+        return CheckboxRenderer_1.getCheckboxRendererForColumn(columnId, isColumnReadOnly, this.adaptable.api);
     }
     createNumericStyleRendererFunc(formatColumn) {
         const numericStyle = formatColumn.ColumnStyle;
@@ -331,13 +331,12 @@ class agGridHelper {
         this.adaptable.api.eventApi.emit('SelectionChanged', selectionChangedInfo);
     }
     isColumnReadonly(colDef) {
-        // currently we do not support the fact that some rows are editable and some are not
-        // if editable is a function then we return that its not readonly since we assume that some rowNode will be editable
-        // that's wrong but we ll see if we face the issue later
-        if (colDef && typeof colDef.editable === 'boolean') {
-            return !colDef.editable;
+        // if the column has conditional/dynamic editability, we assume some rows may be editable
+        if (colDef && typeof colDef.editable === 'function') {
+            return false;
         }
-        return true;
+        // otherwise we evaluate the colDef.editable property (columns are NOT editable by default)
+        return !colDef.editable;
     }
     isColumnSortable(colDef) {
         if (colDef && colDef.sortable != null) {

package/src/components/ExpressionEditor/index.js

@@ -195,5 +195,5 @@ const queryDocumentationLinks = {
     scalar: DocumentationLinkConstants_1.ScalarQueryDocsLink,
     observable: DocumentationLinkConstants_1.ObservableQueryDocsLink,
     aggregatedBoolean: DocumentationLinkConstants_1.AggregatedBooleanQueryDocsLink,
-    aggregatedScalar: DocumentationLinkConstants_1.AggregatedBooleanQueryDocsLink,
+    aggregatedScalar: DocumentationLinkConstants_1.AggregatedScalarQueryDocsLink,
 };

package/src/components/icons/calculated-column.js

@@ -4,4 +4,5 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
 exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
-    React.createElement("path", { d: "M10.82 12.49c.02-.16.04-.32.04-.49 0-.17-.02-.33-.04-.49l1.08-.82c.1-.07.12-.21.06-.32l-1.03-1.73c-.06-.11-.2-.15-.31-.11l-1.28.5c-.27-.2-.56-.36-.87-.49l-.2-1.33c0-.12-.11-.21-.24-.21H5.98c-.13 0-.24.09-.26.21l-.2 1.32c-.31.12-.6.3-.87.49l-1.28-.5c-.12-.05-.25 0-.31.11l-1.03 1.73c-.06.12-.03.25.07.33l1.08.82c-.02.16-.03.33-.03.49 0 .17.02.33.04.49l-1.09.83c-.1.07-.12.21-.06.32l1.03 1.73c.06.11.2.15.31.11l1.28-.5c.27.2.56.36.87.49l.2 1.32c.01.12.12.21.25.21h2.06c.13 0 .24-.09.25-.21l.2-1.32c.31-.12.6-.3.87-.49l1.28.5c.12.05.25 0 .31-.11l1.03-1.73c.06-.11.04-.24-.06-.32l-1.1-.83zM7 13.75c-.99 0-1.8-.78-1.8-1.75s.81-1.75 1.8-1.75 1.8.78 1.8 1.75S8 13.75 7 13.75zM18 1.01L8 1c-1.1 0-2 .9-2 2v3h2V5h10v14H8v-1H6v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99z" })));
+    React.createElement("path", { d: "M14.67 14.4337V21.7831H9.33V14.4337H14.67ZM15.67 21.7831L20.9277 21.8072V14.4337H15.67V21.7831ZM8.33 21.7831V2.14458H3V21.7831H8.33Z" }),
+    React.createElement("path", { d: "M19.6426 2H10.6466C9.93976 2 9.36145 2.57831 9.36145 3.28514V12.2811C9.36145 12.988 9.93976 13.5663 10.6466 13.5663H19.6426C20.3494 13.5663 20.9277 12.988 20.9277 12.2811V3.28514C20.9277 2.57831 20.3494 2 19.6426 2ZM15.8064 4.60884L16.4876 3.92771L17.3936 4.83373L18.2996 3.92771L18.9807 4.60884L18.0747 5.51486L18.9807 6.42088L18.2996 7.10201L17.3936 6.20241L16.4876 7.10843L15.8064 6.42731L16.7124 5.52128L15.8064 4.60884ZM11.4498 5.03293H14.6627V5.99679H11.4498V5.03293ZM14.8233 10.3534H13.5382V11.6386H12.5743V10.3534H11.2892V9.38956H12.5743V8.10442H13.5382V9.38956H14.8233V10.3534ZM19 11.1566H15.7871V10.1928H19V11.1566ZM19 9.5502H15.7871V8.58635H19V9.5502Z" })));

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

@@ -320,6 +320,11 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
+    AdaptableModule: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     AdaptableObject: {
         name: string;
         kind: string;
@@ -459,6 +464,39 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
+    AdaptableQLOptions: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            gridInfo: string;
+            defaultValue: string;
+            reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference: string;
+            gridInfo?: undefined;
+            defaultValue?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            gridInfo: string;
+            defaultValue: string;
+            reference: string;
+        })[];
+    };
     AdaptableReadyInfo: {
         name: string;
         kind: string;
@@ -907,6 +945,24 @@ export declare const ADAPTABLE_METAMODEL: {
             reference: string;
         }[];
     };
+    CellColorRange: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+        })[];
+    };
     CellHighlightInfo: {
         name: string;
         kind: string;
@@ -1007,6 +1063,17 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    ColumnComparison: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
+    };
     ColumnFilter: {
         name: string;
         kind: string;
@@ -1054,6 +1121,26 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    ColumnStyle: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference: string;
+        })[];
+    };
     ColumnValuesComparer: {
         name: string;
         kind: string;
@@ -1200,6 +1287,33 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    CustomSettingsPanel: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional?: undefined;
+            reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference?: undefined;
+        })[];
+    };
     CustomSort: {
         name: string;
         kind: string;
@@ -1307,20 +1421,20 @@ export declare const ADAPTABLE_METAMODEL: {
             description: string;
             uiLabel: string;
             isOptional: boolean;
-            reference: string;
+            reference?: undefined;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional?: undefined;
-            reference?: undefined;
+            isOptional: boolean;
+            reference: string;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional: boolean;
+            isOptional?: undefined;
             reference?: undefined;
         })[];
     };
@@ -1884,6 +1998,15 @@ export declare const ADAPTABLE_METAMODEL: {
             defaultValue: string;
             gridInfo?: undefined;
             reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            gridInfo?: undefined;
+            defaultValue?: undefined;
+            reference?: undefined;
         } | {
             name: string;
             kind: string;
@@ -2286,6 +2409,26 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
+    GradientStyle: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference: string;
+        })[];
+    };
     GridApi: {
         name: string;
         kind: string;
@@ -2710,6 +2853,36 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         description: string;
     };
+    PercentBarStyle: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue: string;
+            reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue?: undefined;
+            reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            reference: string;
+            defaultValue?: undefined;
+        })[];
+    };
     PermittedValues: {
         name: string;
         kind: string;
@@ -3220,6 +3393,18 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
+    StringFormatterOptions: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+        }[];
+    };
     SuspendableObject: {
         name: string;
         kind: string;
@@ -3455,6 +3640,11 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
+    ToolPanelVisibilityMode: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     UserInterfaceApi: {
         name: string;
         kind: string;