@adaptabletools/adaptable 13.0.4 → 13.0.6

package/src/View/Components/Popups/WindowPopups/windowFactory.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import { WindowPopupChildProps } from './WindowPopups';
 export declare const WINDOW_QUERY_EDITOR = "WINDOW_QUERY_EDITOR";
+export declare const SHOW_PIVOT_COLUMN_DETAILS = "SHOW_PIVOT_COLUMN_DETAILS";
 export declare const windowFactory: Record<string, React.FunctionComponent<WindowPopupChildProps>>;

package/src/View/Components/Popups/WindowPopups/windowFactory.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.windowFactory = exports.WINDOW_QUERY_EDITOR = void 0;
+exports.windowFactory = exports.SHOW_PIVOT_COLUMN_DETAILS = exports.WINDOW_QUERY_EDITOR = void 0;
 const ExpandedQueryPopup_1 = require("../../../Query/ExpandedQueryPopup");
+const PivotDetailsPopoup_1 = require("../../../Layout/PivotDetailsPopoup");
 exports.WINDOW_QUERY_EDITOR = 'WINDOW_QUERY_EDITOR';
+exports.SHOW_PIVOT_COLUMN_DETAILS = 'SHOW_PIVOT_COLUMN_DETAILS';
 exports.windowFactory = {
     [exports.WINDOW_QUERY_EDITOR]: ExpandedQueryPopup_1.ExpandedQueryPopup,
+    [exports.SHOW_PIVOT_COLUMN_DETAILS]: PivotDetailsPopoup_1.PivotDetailsPopoup,
 };

package/src/View/Layout/PivotDetailsPopoup.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { WindowPopupChildProps } from '../Components/Popups/WindowPopups/WindowPopups';
+export declare const PivotDetailsPopoup: React.FunctionComponent<WindowPopupChildProps>;

package/src/View/Layout/PivotDetailsPopoup.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotDetailsPopoup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const InfiniteTable_1 = require("../../components/InfiniteTable");
+const AdaptableContext_1 = require("../AdaptableContext");
+const tableDOMProps = {
+    style: {
+        height: '100%',
+        minWidth: '10rem',
+        minHeight: 300,
+    },
+};
+const PivotDetailsPopoup = (props) => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const adaptableApi = adaptable.api;
+    const primaryKey = adaptableApi.internalApi.getAdaptableOptions().primaryKey;
+    const { hasPivotValue, rows, rowGroups, columnId, layout, aggColumn, pivotValue, pivotColumnId, } = props.popupProps;
+    let data = rows;
+    const columns = React.useMemo(() => {
+        var _a, _b;
+        const getFriendlyName = (columnId) => adaptableApi.columnApi.getFriendlyNameFromColumnId(columnId);
+        const pivotPreviewOptionColumn = (_b = (_a = adaptableApi.internalApi.getAdaptableOptions()) === null || _a === void 0 ? void 0 : _a.layoutOptions) === null || _b === void 0 ? void 0 : _b.pivotPreviewColumns;
+        let pivotPreviewExtraColumns = [];
+        if (typeof pivotPreviewOptionColumn === 'function') {
+            const pivotPreviewColumnsContext = {
+                layout: layout,
+                columnId: columnId,
+                adaptableApi: adaptableApi,
+            };
+            pivotPreviewExtraColumns = pivotPreviewOptionColumn(pivotPreviewColumnsContext);
+        }
+        else if (Array.isArray(pivotPreviewOptionColumn)) {
+            pivotPreviewExtraColumns = pivotPreviewOptionColumn;
+        }
+        let columns = {
+            [primaryKey]: { field: primaryKey, header: getFriendlyName(primaryKey) },
+        };
+        if (hasPivotValue) {
+            // pivot_license_MIT License_stargazers_count
+            // splitting by _ does not work
+            columns = Object.assign(Object.assign({}, columns), { [aggColumn]: { field: aggColumn, header: getFriendlyName(aggColumn) }, [pivotColumnId]: { field: pivotColumnId, header: getFriendlyName(pivotColumnId) } });
+            data = rows.filter((row) => (row === null || row === void 0 ? void 0 : row[pivotColumnId]) === pivotValue);
+        }
+        else {
+            columns = Object.assign(Object.assign({}, columns), { [columnId]: { field: columnId, header: getFriendlyName(columnId) } });
+        }
+        const extraColumns = [];
+        if (Array.isArray(rowGroups) && rowGroups.length > 0) {
+            extraColumns.push(...rowGroups);
+        }
+        if (Array.isArray(pivotPreviewExtraColumns) && pivotPreviewExtraColumns.length > 0) {
+            extraColumns.push(...pivotPreviewExtraColumns);
+        }
+        return Object.assign(Object.assign({}, columns), extraColumns.reduce((acc, colId) => (Object.assign(Object.assign({}, acc), { [colId]: { field: colId, header: getFriendlyName(colId) } })), {}));
+    }, [props.popupProps]);
+    return (React.createElement(InfiniteTable_1.DataSource, { data: data, primaryKey: columnId },
+        React.createElement(InfiniteTable_1.InfiniteTable, { columnTypes: {
+                default: {
+                    defaultFlex: 1,
+                },
+            }, domProps: tableDOMProps, columns: columns })));
+};
+exports.PivotDetailsPopoup = PivotDetailsPopoup;

package/src/View/Layout/Wizard/LayoutWizard.js

@@ -68,6 +68,7 @@ const LayoutWizard = (props) => {
         }
         props.onFinishWizard(layout);
     };
+    const layoutSupportedFeatures = adaptable.api.layoutApi.getLayoutSupportedFeatures();
     return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { titleContainerStyle: { width: 180 }, defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: layout, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Settings',
@@ -96,13 +97,14 @@ const LayoutWizard = (props) => {
             {
                 title: 'Pivot Columns',
                 details: 'Select Pivot Columns',
-                isVisible: () => layout === null || layout === void 0 ? void 0 : layout.EnablePivot,
+                isVisible: () => (layout === null || layout === void 0 ? void 0 : layout.EnablePivot) && layoutSupportedFeatures.PivotColumns,
                 renderSummary: () => React.createElement(PivotColumnsSection_1.PivotColumnsSectionSummary, null),
                 render: () => (React.createElement(rebass_1.Box, { p: 2, style: { height: '100%' } },
                     React.createElement(PivotColumnsSection_1.PivotColumnsSection, { onChange: (newLayout) => setLayout(newLayout) }))),
             },
             {
                 title: 'Row Groups',
+                isVisible: () => layoutSupportedFeatures.RowGroupedColumns,
                 details: 'Configure Row Grouping',
                 renderSummary: () => React.createElement(RowGroupingSection_1.RowGroupingSectionSummary, null),
                 render: () => (React.createElement(rebass_1.Box, { p: 2, style: { height: '100%' } },
@@ -110,6 +112,7 @@ const LayoutWizard = (props) => {
             },
             {
                 title: 'Aggregations',
+                isVisible: () => layoutSupportedFeatures.AggregationColumns,
                 details: 'Select Column Aggregations',
                 renderSummary: () => React.createElement(AggregationsSection_1.AggregationsSectionSummary, null),
                 isValid: (data) => (0, AggregationsSection_1.isAggregationsSectionValid)(data),
@@ -118,6 +121,7 @@ const LayoutWizard = (props) => {
             },
             {
                 title: 'Sort',
+                isVisible: () => layoutSupportedFeatures.ColumnSorts,
                 renderSummary: () => React.createElement(SortSection_1.SortSectionSummary, null),
                 details: 'Configure Column Sorts',
                 render: () => (React.createElement(rebass_1.Box, { p: 2, style: { height: '100%' } },
@@ -125,6 +129,7 @@ const LayoutWizard = (props) => {
             },
             {
                 title: 'Filters',
+                isVisible: () => layoutSupportedFeatures.ColumnFilters,
                 isValid: (layout) => (0, FilterSection_1.isColumnFiltersValid)(layout),
                 details: 'View Column Filters',
                 renderSummary: () => React.createElement(FilterSection_1.FilterSectionSummary, null),

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

@@ -32,10 +32,7 @@ const SortSection = (props) => {
     var _a;
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const allSortableColumns = adaptable.api.columnApi.getSortableColumns().filter((column) => {
-        // filter out columns that are not in the layout
-        return layout.Columns.includes(column.columnId);
-    });
+    const allSortableColumns = adaptable.api.columnApi.getSortableColumns();
     const sortedSortColumns = React.useMemo(() => {
         var _a;
         return (0, sortWithOrder_1.sortWithOrderArray)(allSortableColumns.map((col) => col.columnId), ((_a = layout.ColumnSorts) !== null && _a !== void 0 ? _a : []).map((sort) => sort.ColumnId), { sortUnorderedItems: false }).map((colId) => adaptable.api.columnApi.getColumnFromId(colId));

package/src/agGrid/Adaptable.d.ts

@@ -381,6 +381,7 @@ export declare class Adaptable implements IAdaptable {
     initLicenseService(): LicenseService;
     showCharts(charts: ChartModel[]): ChartRef[];
     getChartModels(): ChartModel[];
+    getRowModel(): import("@ag-grid-community/core").RowModelType;
     private getActiveAdaptableAggFuncForCol;
     private registerAdaptableAggFuncs;
     /**

package/src/agGrid/Adaptable.js

@@ -1303,12 +1303,6 @@ class Adaptable {
         let sortIndex = 0;
         const sortModelMap = ((_a = layout.ColumnSorts) !== null && _a !== void 0 ? _a : []).reduce((acc, customSort) => {
             const colId = customSort.ColumnId;
-            if (!layoutColumnsMap[colId]) {
-                // pivot layouts may have no pivot columns, only aggregation columns
-                if (!layout.AggregationColumns || layout.AggregationColumns[colId] == undefined) {
-                    return acc;
-                }
-            }
             acc[colId] = {
                 colId,
                 sort: customSort.SortOrder === 'Asc' ? 'asc' : 'desc',
@@ -4683,6 +4677,9 @@ import "@adaptabletools/adaptable/themes/${themeName}.css"`);
         }
         return this.gridOptions.api.getChartModels();
     }
+    getRowModel() {
+        return this.gridOptions.rowModelType;
+    }
     getActiveAdaptableAggFuncForCol(columnId) {
         if (!columnId) {
             return null;

package/src/components/Modal/index.js

@@ -11,8 +11,6 @@ const rebass_1 = require("rebass");
 const Backdrop_1 = tslib_1.__importStar(require("./Backdrop"));
 const uuid_1 = require("../utils/uuid");
 const UIHelper_1 = require("../../View/UIHelper");
-// const uuidv4 = require('uuid/v4');
-// const createUuid = (): string => uuidv4();
 let portalElement;
 const ensurePortalElement = () => {
     if (!(0, UIHelper_1.isBrowserDocumentAvailable)()) {

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

@@ -1324,6 +1324,17 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
         }[];
     };
+    CalendarApi: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
+    };
     CellChangedInfo: {
         name: string;
         kind: string;
@@ -3235,6 +3246,7 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
             defaultValue: string;
             gridInfo?: undefined;
+            reference?: undefined;
             noCode?: undefined;
         } | {
             name: string;
@@ -3244,6 +3256,7 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
             defaultValue?: undefined;
             gridInfo?: undefined;
+            reference?: undefined;
             noCode?: undefined;
         } | {
             name: string;
@@ -3253,6 +3266,17 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
             gridInfo: string;
             defaultValue: string;
+            reference?: undefined;
+            noCode?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue: string;
+            reference: string;
+            gridInfo?: undefined;
             noCode?: undefined;
         } | {
             name: string;
@@ -3263,6 +3287,7 @@ export declare const ADAPTABLE_METAMODEL: {
             gridInfo: string;
             noCode: string;
             defaultValue: string;
+            reference?: undefined;
         })[];
     };
     GlobalExpressionFunctionsContext: {
@@ -3352,21 +3377,6 @@ export declare const ADAPTABLE_METAMODEL: {
         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;
@@ -3474,6 +3484,29 @@ export declare const ADAPTABLE_METAMODEL: {
             reference: string;
         }[];
     };
+    HolidayContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+        }[];
+    };
+    Holidays: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+        }[];
+    };
     IAdaptableNoCodeWizard: {
         name: string;
         kind: string;
@@ -3733,6 +3766,16 @@ export declare const ADAPTABLE_METAMODEL: {
             gridInfo?: undefined;
             noCode?: undefined;
             defaultValue?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            gridInfo?: undefined;
+            noCode?: undefined;
+            defaultValue?: undefined;
+            reference?: undefined;
         })[];
     };
     LayoutState: {
@@ -4056,14 +4099,6 @@ export declare const ADAPTABLE_METAMODEL: {
             isOptional: boolean;
             defaultValue: string;
             reference?: undefined;
-        } | {
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            isOptional: boolean;
-            defaultValue?: undefined;
-            reference?: undefined;
         } | {
             name: string;
             kind: string;
@@ -4098,6 +4133,24 @@ export declare const ADAPTABLE_METAMODEL: {
             reference: string;
         }[];
     };
+    PivotPreviewColumnsContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+        })[];
+    };
     PluginsApi: {
         name: string;
         kind: string;
@@ -4375,6 +4428,11 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    RangeValueType: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     ReactFrameworkComponent: {
         name: string;
         kind: string;