@adaptabletools/adaptable-cjs 18.1.2 → 18.1.4-canary.0

package/src/View/Layout/Wizard/sections/RowSummarySection.js

@@ -4,6 +4,7 @@ exports.RowSummarySection = exports.RowGroupingSectionSummary = exports.areSumma
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
+const CheckBox_1 = require("../../../../components/CheckBox");
 const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
 const Panel_1 = tslib_1.__importDefault(require("../../../../components/Panel"));
 const Select_1 = require("../../../../components/Select");
@@ -13,12 +14,13 @@ const Tag_1 = require("../../../../components/Tag");
 const RowSummary_1 = require("../../../../PredefinedConfig/Common/RowSummary");
 const adaptableQlUtils_1 = require("../../../../Utilities/adaptableQlUtils");
 const ModuleConstants_1 = require("../../../../Utilities/Constants/ModuleConstants");
+const aggregatedScalarExpressionFunctions_1 = require("../../../../Utilities/ExpressionFunctions/aggregatedScalarExpressionFunctions");
 const sortWithOrder_1 = require("../../../../Utilities/sortWithOrder");
 const AdaptableContext_1 = require("../../../AdaptableContext");
+const SuspendToggleButton_1 = require("../../../Components/Buttons/SuspendToggleButton");
 const ValueSelector_1 = require("../../../Components/ValueSelector");
 const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
 const Utilities_1 = require("./Utilities");
-const SuspendToggleButton_1 = require("../../../Components/Buttons/SuspendToggleButton");
 const areSummaryRowsValid = (layout) => {
     var _a;
     if (!layout.RowSummaries)
@@ -36,22 +38,37 @@ const areSummaryRowsValid = (layout) => {
     return valid;
 };
 exports.areSummaryRowsValid = areSummaryRowsValid;
+const availableExpressionsForColumnTypeCache = new Map();
 const getAvailableExpressionsForColumnType = (columnType, availableScalarExpressions) => {
-    const inputType = (0, adaptableQlUtils_1.mapColumnDataTypeToExpressionFunctionType)(columnType);
-    return RowSummary_1.summarySupportedExpressions
-        .filter((expression) => availableScalarExpressions[expression])
+    const key = columnType;
+    if (availableExpressionsForColumnTypeCache.has(key)) {
+        return availableExpressionsForColumnTypeCache.get(key);
+    }
+    const columnInputType = (0, adaptableQlUtils_1.mapColumnDataTypeToExpressionFunctionType)(columnType);
+    const expressions = Object.keys(availableScalarExpressions)
+        .filter((availableExpression) => {
+        if (!aggregatedScalarExpressionFunctions_1.aggregatedExpressionFunctions.includes(availableExpression)) {
+            // is custom
+            return true;
+        }
+        return Boolean(RowSummary_1.summarySupportedExpressions.includes(availableExpression));
+    })
         .map((expression) => {
         var _a, _b;
         const expressionDef = availableScalarExpressions[expression];
         let firstArg = null;
+        // filter out expressions without inputs defined
+        if (!(expressionDef === null || expressionDef === void 0 ? void 0 : expressionDef.inputs)) {
+            return null;
+        }
         if (Array.isArray((_a = expressionDef === null || expressionDef === void 0 ? void 0 : expressionDef.inputs) === null || _a === void 0 ? void 0 : _a[0])) {
             // @ts-ignore
-            firstArg = (_b = expressionDef.inputs.find((input) => input.includes(inputType))) === null || _b === void 0 ? void 0 : _b[0];
+            firstArg = (_b = expressionDef.inputs.find((input) => input.includes(columnInputType))) === null || _b === void 0 ? void 0 : _b[0];
         }
         else {
             firstArg = expressionDef.inputs[0];
         }
-        if (inputType === firstArg) {
+        if (columnInputType === firstArg) {
             return expression;
         }
         else {
@@ -59,6 +76,8 @@ const getAvailableExpressionsForColumnType = (columnType, availableScalarExpress
         }
     })
         .filter(Boolean);
+    availableExpressionsForColumnTypeCache.set(key, expressions);
+    return expressions;
 };
 const RowGroupingSectionSummary = () => {
     var _a;
@@ -67,7 +86,8 @@ const RowGroupingSectionSummary = () => {
     return (React.createElement(rebass_1.Box, null, ((_a = layout.RowGroupedColumns) === null || _a === void 0 ? void 0 : _a.length) ? (layout.RowGroupedColumns.map((columnId) => (React.createElement(Tag_1.Tag, { mr: 1, key: columnId }, adaptable.api.columnApi.getFriendlyNameForColumnId(columnId))))) : (React.createElement(Tag_1.Tag, null, "No Row Grouping"))));
 };
 exports.RowGroupingSectionSummary = RowGroupingSectionSummary;
-const RowSummaryEditor = ({ rowSummary, onChange, availableScalarExpressions, onDelete, }) => {
+const RowSummaryEditor = React.memo(({ rowSummary, onChange, availableScalarExpressions, onDelete, }) => {
+    var _a;
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const columns = React.useMemo(() => {
@@ -108,7 +128,11 @@ const RowSummaryEditor = ({ rowSummary, onChange, availableScalarExpressions, on
                         },
                     ], value: rowSummary.Position, onChange: (position) => {
                         onChange(Object.assign(Object.assign({}, rowSummary), { Position: position }));
-                    } }))),
+                    } })),
+            React.createElement(FormLayout_1.FormRow, { label: "" },
+                React.createElement(CheckBox_1.CheckBox, { checked: (_a = rowSummary.IncludeOnlyFilteredRows) !== null && _a !== void 0 ? _a : true, onChange: (IncludeOnlyFilteredRows) => {
+                        onChange(Object.assign(Object.assign({}, rowSummary), { IncludeOnlyFilteredRows }));
+                    } }, "Include Only Filtered Rows"))),
         React.createElement(rebass_1.Flex, { flexDirection: 'column', mt: 2, mb: 1 },
             React.createElement(rebass_1.Flex, { alignItems: "center", flex: 1, mb: 2 }, "Column Aggregations"),
             React.createElement(Panel_1.default, { bodyProps: { maxHeight: '100%' }, style: { height: 360 } },
@@ -126,7 +150,9 @@ const RowSummaryEditor = ({ rowSummary, onChange, availableScalarExpressions, on
                         }));
                         // check out if this layout has a aggregation with wighted column
                         const aggregation = (_c = layout.AggregationColumns) === null || _c === void 0 ? void 0 : _c[column.columnId];
-                        if (aggregation && typeof aggregation === 'object' && aggregation.weightedColumnId) {
+                        if (aggregation &&
+                            typeof aggregation === 'object' &&
+                            aggregation.weightedColumnId) {
                             expressionOptions.push({
                                 label: 'WEIGHTERD_AVG',
                                 value: RowSummary_1.WEIGHTED_AVERAGE_AGGREATED_FUNCTION,
@@ -146,15 +172,16 @@ const RowSummaryEditor = ({ rowSummary, onChange, availableScalarExpressions, on
                         });
                         onChange(Object.assign(Object.assign({}, rowSummary), { ColumnsMap: newColumnsMap }));
                     } })))));
-};
+});
 const RowSummarySection = (props) => {
     var _a;
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const availableScalarExpressions = React.useMemo(() => {
-        return adaptable.api.internalApi
+        const sytemExpressions = adaptable.api.internalApi
             .getQueryLanguageService()
             .getModuleExpressionFunctionsMap(ModuleConstants_1.LayoutModuleId).aggregatedScalarFunctions;
+        return sytemExpressions;
     }, []);
     return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
         React.createElement(Tabs_1.Tabs.Tab, null, "Row Summaries"),
@@ -169,6 +196,7 @@ const RowSummarySection = (props) => {
                                     {
                                         Position: 'Top',
                                         ColumnsMap: {},
+                                        IncludeOnlyFilteredRows: true,
                                     },
                                 ] }));
                         }, icon: "plus" }, "Add Row Summary")),

package/src/View/Note/NoteEditor.js

@@ -5,7 +5,12 @@ const tslib_1 = require("tslib");
 const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
 const React = tslib_1.__importStar(require("react"));
 const Textarea_1 = tslib_1.__importDefault(require("../../components/Textarea"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const AdaptableContext_1 = require("../AdaptableContext");
 const NoteEditor = ({ note, onNoteChange, onClose, editMode, isReadonly }) => {
+    var _a, _b;
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    const showPopupCloseButton = (_b = (_a = api.optionsApi.getNoteOptions()) === null || _a === void 0 ? void 0 : _a.showPopupCloseButton) !== null && _b !== void 0 ? _b : true;
     const textAreaRef = React.useRef(null);
     const [liveValue, setLiveValue] = React.useState(note || '');
     const throttledOnChange = React.useMemo(() => {
@@ -24,10 +29,12 @@ const NoteEditor = ({ note, onNoteChange, onClose, editMode, isReadonly }) => {
     if (note === undefined || note === null) {
         return null;
     }
-    return (React.createElement(Textarea_1.default, { readOnly: isReadonly, ref: textAreaRef, width: "100%", minWidth: 180, minHeight: 120, value: liveValue, onBlur: () => onClose(), onKeyDown: (event) => {
-            if (event.key === 'Escape') {
-                onClose();
-            }
-        }, onChange: (event) => throttledOnChange(event.target.value) }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Textarea_1.default, { readOnly: isReadonly, ref: textAreaRef, width: "100%", minWidth: 180, minHeight: 120, style: { paddingRight: showPopupCloseButton ? 30 : 0 }, value: liveValue, onBlur: () => onClose(), onKeyDown: (event) => {
+                if (event.key === 'Escape') {
+                    onClose();
+                }
+            }, onChange: (event) => throttledOnChange(event.target.value) }),
+        showPopupCloseButton && (React.createElement(SimpleButton_1.default, { variant: "text", style: { position: 'absolute', right: 5, top: 5 }, icon: "close" }))));
 };
 exports.NoteEditor = NoteEditor;

package/src/agGrid/AdaptableAgGrid.d.ts

@@ -2,7 +2,7 @@ import { AdaptableOptions } from '../AdaptableOptions/AdaptableOptions';
 import { ChartRef, Column, GridApi, GridOptions, IRowNode, Module, RowModelType } from '@ag-grid-community/core';
 import { AdaptableLogger } from './AdaptableLogger';
 import { AdaptableApi } from '../Api/AdaptableApi';
-import { DistinctColumnValuesParams, IAdaptable } from '../AdaptableInterfaces/IAdaptable';
+import { AdaptableVariant, DistinctColumnValuesParams, IAdaptable } from '../AdaptableInterfaces/IAdaptable';
 import { EmitterCallback } from '../Utilities/Emitter';
 import { AdaptablePlugin } from '../AdaptableOptions/AdaptablePlugin';
 import { AgGridAdapter } from './AgGridAdapter';
@@ -25,7 +25,7 @@ import { AgGridMenuAdapter } from './AgGridMenuAdapter';
 import { AdaptableColumn, AdaptableTheme, ChartDefinition, ColumnSort, DataUpdateConfig, GridCell, Layout, ReportData, SelectedCellInfo, SelectedRowInfo } from '../types';
 import { RenderReactRootFn } from '../renderReactRoot';
 import { AgGridOptionsService } from './AgGridOptionsService';
-import { AdaptableVariant, AgGridColumnAdapter } from './AgGridColumnAdapter';
+import { AgGridColumnAdapter } from './AgGridColumnAdapter';
 import { RowEditService } from '../Utilities/Services/RowEditService';
 export type AdaptableLifecycleState = 'initial' | 'preprocessOptions' | 'initAdaptableState' | 'setupAgGrid' | 'initAgGrid' | 'available' | 'ready' | 'preDestroyed';
 type RenderAgGridFrameworkComponentResult = false | GridApi;
@@ -257,7 +257,7 @@ export declare class AdaptableAgGrid implements IAdaptable {
         includeGroupRows?: boolean;
         filterFn?: (rowNode: IRowNode) => boolean;
     }): void;
-    getAgGridRowModelType(): RowModelType;
+    getAgGridRowModelType(gridOptions?: GridOptions): RowModelType;
     getAllRowNodes(config?: {
         includeGroupRows?: boolean;
         filterFn?: (rowNode: IRowNode) => boolean;

package/src/agGrid/AdaptableAgGrid.js

@@ -723,7 +723,8 @@ class AdaptableAgGrid {
          */
         // Build the default group sort comparator - will get custom sort values (but not functions) in real time
         // TODO: if  a custom 'aggFunc' property is defined (see setupColumnAggFunc()), it won't be evaluated
-        if (this.adaptableOptions.groupingOptions.autoOrderGroupedColumns) {
+        if (this.getAgGridRowModelType(gridOptions) === 'clientSide' &&
+            this.adaptableOptions.groupingOptions.autoOrderGroupedColumns) {
             this.agGridOptionsService.setGridOptionsProperty(gridOptions, 'initialGroupOrderComparator', (original_initialGroupOrderComparator) => {
                 if (original_initialGroupOrderComparator) {
                     return original_initialGroupOrderComparator;
@@ -2471,11 +2472,14 @@ class AdaptableAgGrid {
             }
         });
     }
-    getAgGridRowModelType() {
-        var _a;
+    getAgGridRowModelType(gridOptions) {
         // it seems that this can be null so we need explicitly to return "clientSide" in this case
         // need to check that for ServerSideRowModel it is ALWAYS returned...
-        return (_a = this.agGridAdapter.getAgGridApi().getGridOption('rowModelType')) !== null && _a !== void 0 ? _a : 'clientSide';
+        var _a, _b;
+        if (gridOptions) {
+            return (_a = gridOptions.rowModelType) !== null && _a !== void 0 ? _a : 'clientSide';
+        }
+        return (_b = this.agGridAdapter.getAgGridApi().getGridOption('rowModelType')) !== null && _b !== void 0 ? _b : 'clientSide';
     }
     getAllRowNodes(config) {
         let rowNodes = [];

package/src/agGrid/AgGridColumnAdapter.d.ts

@@ -1,7 +1,7 @@
 import { AdaptableAgGrid } from './AdaptableAgGrid';
 import { ColumnSetupInfo } from './ColumnSetupInfo';
 import { ColDef, Column } from '@ag-grid-community/core';
-export type AdaptableVariant = 'vanilla' | 'react' | 'angular';
+import { AdaptableVariant } from '../AdaptableInterfaces/IAdaptable';
 export declare function getEditorsForColumnTypes(variant: AdaptableVariant): Record<string, ColDef['cellEditor']>;
 export declare class AgGridColumnAdapter {
     private adaptableInstance;

package/src/agGrid/defaultAdaptableOptions.js

@@ -326,6 +326,12 @@ const DefaultAdaptableOptions = {
             intents: {},
         },
     },
+    commentOptions: {
+        showPopupCloseButton: true,
+    },
+    noteOptions: {
+        showPopupCloseButton: true,
+    },
 };
 function applyDefaultAdaptableOptions(adaptableOptions) {
     var _a;

package/src/components/ExpressionEditor/ExpressionPreview.js

@@ -15,11 +15,17 @@ const ExpressionPreview = (props) => {
     // '[Column Name] > 2' => ['[Column Name]', '>', '2']
     // not the prettiest
     const strWithMarkedGroupes = expressionWithFriendlyNames.replace(/\]/gi, '],').split(',');
-    return (React.createElement(React.Fragment, null, strWithMarkedGroupes.map((part, index) => {
-        const partEl = part.includes('[') ? React.createElement("i", null, part.replace(/[\[\]]/g, '')) : part;
-        return React.createElement(React.Fragment, { key: index },
-            "\u00A0",
-            partEl);
-    })));
+    return (
+        /**
+         * The etra wrapper is neede because the tag has display inline-flex and makes the content inside <i> to be displayed on
+         * multiple lines when the expression is too long.
+         *
+         * The div allows the text to flow normally.
+         */
+        (React.createElement("div", null, strWithMarkedGroupes.map((part, index) => {
+            const partEl = part.includes('[') ? React.createElement("i", null, part.replace(/[\[\]]/g, '')) : part;
+            return React.createElement(React.Fragment, { key: index }, partEl);
+        })))
+    );
 };
 exports.ExpressionPreview = ExpressionPreview;

package/src/components/ExpressionEditor/QueryBuilder/QueryBuilderInputs.js

@@ -43,8 +43,20 @@ const PrimitiveColumnOrFieldSelector = (props) => {
             } }));
     }
     const typeOptions = [
-        { label: 'Column', value: 'column', icon: 'grid' },
-        { label: 'Field', value: 'field', icon: 'column-outline' },
+        {
+            label: (react_1.default.createElement(rebass_1.Flex, { alignItems: "center" },
+                react_1.default.createElement(icons_1.Icon, { name: "grid" }),
+                react_1.default.createElement(rebass_1.Text, { ml: 2 }, "Column"))),
+            value: 'column',
+            icon: 'grid',
+        },
+        {
+            label: (react_1.default.createElement(rebass_1.Flex, { alignItems: "center" },
+                react_1.default.createElement(icons_1.Icon, { name: "column-outline" }),
+                react_1.default.createElement(rebass_1.Text, { ml: 2 }, "Field"))),
+            value: 'field',
+            icon: 'column-outline',
+        },
     ];
     return !hasFieldsOrValueIsField || props.hideFields ? (react_1.default.createElement(rebass_1.Box, null, input)) : (react_1.default.createElement(InputGroup_1.InputGroup, { Component: rebass_1.Flex, "data-id": "query-first-arg-wrapper" },
         react_1.default.createElement(Select_1.Select, { renderSingleValue: (value) => {
@@ -135,14 +147,14 @@ const PrimiteValueInput = (props) => {
     }
     const options = [
         {
-            label: (react_1.default.createElement(rebass_1.Flex, null,
+            label: (react_1.default.createElement(rebass_1.Flex, { alignItems: "center" },
                 react_1.default.createElement(icons_1.Icon, { name: "columns" }),
                 react_1.default.createElement(rebass_1.Text, { ml: 2 }, "Column"))),
             icon: 'columns',
             value: 'column-name',
         },
         {
-            label: (react_1.default.createElement(rebass_1.Flex, null,
+            label: (react_1.default.createElement(rebass_1.Flex, { alignItems: "center" },
                 react_1.default.createElement(icons_1.Icon, { name: "edit" }),
                 react_1.default.createElement(rebass_1.Text, { ml: 2 }, "Value"))),
             icon: 'edit',
@@ -151,7 +163,7 @@ const PrimiteValueInput = (props) => {
     ];
     if (hasFieldsOrValueIsField || type === 'field') {
         options.push({
-            label: (react_1.default.createElement(rebass_1.Flex, null,
+            label: (react_1.default.createElement(rebass_1.Flex, { alignItems: "center" },
                 react_1.default.createElement(icons_1.Icon, { name: "column-outline" }),
                 react_1.default.createElement(rebass_1.Text, { ml: 2 }, "Field"))),
             icon: 'column-outline',

package/src/env.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     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: 1718367380027 || Date.now(),
-    VERSION: "18.1.2" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1718815683104 || Date.now(),
+    VERSION: "18.1.4-canary.0" || '--current-version--',
 };

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

@@ -4354,6 +4354,24 @@ export declare const ADAPTABLE_METAMODEL: {
             desc: string;
         }[];
     };
+    ProgressIndicatorConfig: {
+        name: string;
+        kind: string;
+        desc: string;
+        props: ({
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt: boolean;
+            ref?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt: boolean;
+            ref: string;
+        })[];
+    };
     QueryableColumnContext: {
         name: string;
         kind: string;
@@ -4727,6 +4745,12 @@ export declare const ADAPTABLE_METAMODEL: {
             desc: string;
             isOpt?: undefined;
             ref?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt: boolean;
+            ref?: undefined;
         } | {
             name: string;
             kind: string;