@adaptabletools/adaptable-cjs 17.0.0-canary.1

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterSection = exports.FilterSectionSummary = exports.isColumnFiltersValid = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const ModuleConstants = tslib_1.__importStar(require("../../../../Utilities/Constants/ModuleConstants"));
+const Tabs_1 = require("../../../../components/Tabs");
+const AdaptableContext_1 = require("../../../AdaptableContext");
+const AdaptableObjectList_1 = require("../../../Components/AdaptableObjectList/AdaptableObjectList");
+const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
+const getLayoutFilterViewItems_1 = require("../../../../Strategy/Utilities/Layout/getLayoutFilterViewItems");
+const Tag_1 = require("../../../../components/Tag");
+const PredicateEditor_1 = require("../../../Components/PredicateEditor/PredicateEditor");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const ColumnSelector_1 = require("../../../Components/Selectors/ColumnSelector");
+const isColumnFiltersValid = (layout) => {
+    var _a, _b;
+    const invalidColumnFilters = (_b = ((_a = layout.ColumnFilters) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.filter((columnFilter) => { var _a; return !((_a = columnFilter === null || columnFilter === void 0 ? void 0 : columnFilter.Predicate) === null || _a === void 0 ? void 0 : _a.PredicateId); });
+    if (invalidColumnFilters.length > 0) {
+        return 'Please select a Predicate for each Column Filter';
+    }
+    return true;
+};
+exports.isColumnFiltersValid = isColumnFiltersValid;
+const FilterSectionSummary = () => {
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const fitlerViewItems = (0, getLayoutFilterViewItems_1.getLayoutFilterViewItems)(layout, adaptable.api);
+    return (React.createElement(rebass_1.Box, null, fitlerViewItems.values.length ? (fitlerViewItems.values.map((value) => (React.createElement(Tag_1.Tag, { key: value, mb: 1, mr: 1 }, value)))) : (React.createElement(Tag_1.Tag, null, "No Column Filters"))));
+};
+exports.FilterSectionSummary = FilterSectionSummary;
+const FilterSection = (props) => {
+    var _a;
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.ColumnFilterModuleId);
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const layoutFilters = (_a = layout.ColumnFilters) !== null && _a !== void 0 ? _a : [];
+    const handleDelete = React.useCallback((columnFilter) => {
+        props.onChange(Object.assign(Object.assign({}, layout), { ColumnFilters: layoutFilters.filter((layoutFilter) => layoutFilter.ColumnId !== columnFilter.ColumnId) }));
+    }, [layout]);
+    const handlePredicateEdit = React.useCallback((predicate, columnFilter) => {
+        props.onChange(Object.assign(Object.assign({}, layout), { ColumnFilters: layoutFilters.map((layoutFilter) => layoutFilter.ColumnId === columnFilter.ColumnId
+                ? Object.assign(Object.assign({}, columnFilter), { Predicate: predicate }) : layoutFilter) }));
+    }, [layout.ColumnFilters]);
+    const columnsOptions = React.useMemo(() => adaptable.api.columnApi
+        .getFilterableColumns()
+        .filter((abColumn) => {
+        var _a;
+        return !((_a = layout.ColumnFilters) === null || _a === void 0 ? void 0 : _a.some((columnFilter) => abColumn.columnId === columnFilter.ColumnId));
+    })
+        .map(({ columnId }) => ({
+        label: adaptable.api.columnApi.getFriendlyNameForColumnId(columnId),
+        value: columnId,
+    })), [layout, layoutFilters]);
+    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+        React.createElement(Tabs_1.Tabs.Tab, null, "Column Filters"),
+        React.createElement(Tabs_1.Tabs.Content, null,
+            React.createElement(FormLayout_1.default, { mb: 2 },
+                React.createElement(FormLayout_1.FormRow, { label: "Add Column Filter" },
+                    React.createElement(ColumnSelector_1.ColumnSelector, { filterColumn: (column) => column.filterable && !layoutFilters.some((f) => f.ColumnId === column.columnId), value: "none", onChange: (option) => {
+                            props.onChange(Object.assign(Object.assign({}, layout), { ColumnFilters: [
+                                    ...layoutFilters,
+                                    {
+                                        ColumnId: option,
+                                        Predicate: null,
+                                    },
+                                ] }));
+                        } }))),
+            (layoutFilters === null || layoutFilters === void 0 ? void 0 : layoutFilters.length) > 0 && (React.createElement(rebass_1.Box, { p: 0, as: "ul" }, layoutFilters.map((columnFilter) => {
+                const predicateDefs = adaptable.api.columnFilterApi.getFilterPredicateDefsForColumnId(columnFilter.ColumnId);
+                const items = [
+                    ...filterModule.toView(columnFilter).items,
+                    {
+                        name: 'Column Filter',
+                        view: (React.createElement(PredicateEditor_1.PredicateEditor, { columnId: columnFilter.ColumnId, predicate: columnFilter.Predicate, predicateDefs: predicateDefs, onChange: (predicate) => handlePredicateEdit(predicate, columnFilter), onClear: () => handlePredicateEdit(null, columnFilter) })),
+                    },
+                ];
+                return (React.createElement(AdaptableObjectList_1.AdaptableObjectListItemView, { module: filterModule, abObject: columnFilter, entityType: "Column Filter", showActions: true, showEditButton: false, items: items, onDelete: () => handleDelete(columnFilter), key: columnFilter.ColumnId }));
+            }))))));
+};
+exports.FilterSection = FilterSection;

package/src/View/Layout/Wizard/sections/GridFilterSection.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AdaptableApi, Layout } from '../../../../../types';
+export declare const isGridFiltersValid: (layout: Layout, api: AdaptableApi) => true | string;
+export declare const GridFilterSectionSummary: React.FunctionComponent;
+interface GridFilterSectionProps {
+    onChange: (data: Layout) => void;
+}
+export declare const GridFilterSection: React.FunctionComponent<GridFilterSectionProps>;
+export {};

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridFilterSection = exports.GridFilterSectionSummary = exports.isGridFiltersValid = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const Tabs_1 = require("../../../../components/Tabs");
+const AdaptableContext_1 = require("../../../AdaptableContext");
+const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
+const Tag_1 = require("../../../../components/Tag");
+const ExpressionEditor_1 = require("../../../../components/ExpressionEditor");
+const ModuleConstants_1 = require("../../../../Utilities/Constants/ModuleConstants");
+const StringExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/StringExtensions"));
+const useGridFilterOptionsForExpressionEditor_1 = require("../../../GridFilter/useGridFilterOptionsForExpressionEditor");
+const isGridFiltersValid = (layout, api) => {
+    var _a;
+    const expression = (_a = layout === null || layout === void 0 ? void 0 : layout.GridFilter) === null || _a === void 0 ? void 0 : _a.Expression;
+    if (StringExtensions_1.default.IsNullOrEmpty(expression)) {
+        return true;
+    }
+    return (api.internalApi.getQueryLanguageService().validateBoolean(expression, ModuleConstants_1.GridFilterModuleId)
+        .isValid || 'Invalid Expression');
+};
+exports.isGridFiltersValid = isGridFiltersValid;
+const GridFilterSectionSummary = () => {
+    var _a, _b;
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (React.createElement(rebass_1.Box, null, React.createElement(Tag_1.Tag, { mb: 1, mr: 1 }, (_b = (_a = layout === null || layout === void 0 ? void 0 : layout.GridFilter) === null || _a === void 0 ? void 0 : _a.Expression) !== null && _b !== void 0 ? _b : 'No Grid Filter')));
+};
+exports.GridFilterSectionSummary = GridFilterSectionSummary;
+const GridFilterSection = (props) => {
+    var _a, _b;
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const initialData = React.useMemo(() => api.internalApi.getQueryPreviewData(), []);
+    const expressionEditorProps = (0, useGridFilterOptionsForExpressionEditor_1.useGridFilterOptionsForExpressionEditorProps)();
+    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+        React.createElement(Tabs_1.Tabs.Tab, null, "Grid Filters"),
+        React.createElement(Tabs_1.Tabs.Content, null,
+            React.createElement(ExpressionEditor_1.ExpressionEditor, Object.assign({}, expressionEditorProps, { allowSaveNamedQuery: false, type: 'boolean', module: ModuleConstants_1.GridFilterModuleId, value: (_b = (_a = layout === null || layout === void 0 ? void 0 : layout.GridFilter) === null || _a === void 0 ? void 0 : _a.Expression) !== null && _b !== void 0 ? _b : '', onChange: (expression) => {
+                    props.onChange(Object.assign(Object.assign({}, layout), { GridFilter: Object.assign(Object.assign({}, layout.GridFilter), { Expression: expression }) }));
+                }, initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), api: api })))));
+};
+exports.GridFilterSection = GridFilterSection;

package/src/View/Layout/Wizard/sections/PivotColumnsSection.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Layout } from '../../../../types';
+export declare const PivotColumnsSectionSummary: React.FunctionComponent;
+interface PivotColumnsSectionProps {
+    onChange: (data: Layout) => void;
+}
+export declare const PivotColumnsSection: React.FunctionComponent<PivotColumnsSectionProps>;
+export {};

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotColumnsSection = exports.PivotColumnsSectionSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const Tabs_1 = require("../../../../components/Tabs");
+const Tag_1 = require("../../../../components/Tag");
+const sortWithOrder_1 = require("../../../../Utilities/sortWithOrder");
+const AdaptableContext_1 = require("../../../AdaptableContext");
+const ValueSelector_1 = require("../../../Components/ValueSelector");
+const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
+const Utilities_1 = require("./Utilities");
+const PivotColumnsSectionSummary = () => {
+    var _a;
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (React.createElement(rebass_1.Box, { p: 2, style: { borderRadius: 'var(--ab__border-radius)' }, backgroundColor: "var(--ab-color-defaultbackground)" }, ((_a = layout.PivotColumns) === null || _a === void 0 ? void 0 : _a.length) ? (layout.PivotColumns.map((columnId) => (React.createElement(Tag_1.Tag, { mr: 1, key: columnId }, adaptable.api.columnApi.getFriendlyNameForColumnId(columnId))))) : (React.createElement(Tag_1.Tag, null, "No Column Pivoting"))));
+};
+exports.PivotColumnsSectionSummary = PivotColumnsSectionSummary;
+const PivotColumnsSection = (props) => {
+    var _a;
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const allPivotColumns = adaptable.api.columnApi.getPivotableColumns();
+    const sortedPivotColumns = React.useMemo(() => {
+        var _a;
+        return (0, sortWithOrder_1.sortWithOrderArray)(allPivotColumns.map((col) => col.columnId), (_a = layout.PivotColumns) !== null && _a !== void 0 ? _a : [], { sortUnorderedItems: false }).map((colId) => adaptable.api.columnApi.getColumnWithColumnId(colId));
+    }, [layout, allPivotColumns]);
+    const handleColumnsChange = (columnIds) => {
+        props.onChange(Object.assign(Object.assign({}, layout), { PivotColumns: columnIds }));
+    };
+    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+        React.createElement(Tabs_1.Tabs.Tab, null, "Pivot Columns"),
+        React.createElement(Tabs_1.Tabs.Content, null,
+            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, showSelectedOnlyPosition: "top", filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => { var _a; return (_a = option.friendlyName) !== null && _a !== void 0 ? _a : option.columnId; }, options: sortedPivotColumns, value: (_a = layout.PivotColumns) !== null && _a !== void 0 ? _a : [], allowReorder: true, xSelectedLabel: () => {
+                    return `Selected Columns:`;
+                }, onChange: handleColumnsChange }))));
+};
+exports.PivotColumnsSection = PivotColumnsSection;

package/src/View/Layout/Wizard/sections/RowGroupingSection.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Layout } from '../../../../../types';
+export declare const RowGroupingSectionSummary: React.FunctionComponent;
+interface RowGroupingSectionProps {
+    onChange: (data: Layout) => void;
+}
+export declare const RowGroupingSection: React.FunctionComponent<RowGroupingSectionProps>;
+export {};

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowGroupingSection = exports.RowGroupingSectionSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const Utilities_1 = require("./Utilities");
+const Tabs_1 = require("../../../../components/Tabs");
+const Tag_1 = require("../../../../components/Tag");
+const sortWithOrder_1 = require("../../../../Utilities/sortWithOrder");
+const AdaptableContext_1 = require("../../../AdaptableContext");
+const ValueSelector_1 = require("../../../Components/ValueSelector");
+const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
+const RowGroupingSectionSummary = () => {
+    var _a;
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    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 RowGroupingSection = (props) => {
+    var _a, _b, _c;
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const allGroupableColumns = adaptable.api.columnApi.getGroupableColumns();
+    const sortedGroupableColumns = React.useMemo(() => {
+        var _a;
+        return (0, sortWithOrder_1.sortWithOrderArray)(allGroupableColumns.map((col) => col.columnId), (_a = layout.RowGroupedColumns) !== null && _a !== void 0 ? _a : [], { sortUnorderedItems: false }).map((colId) => adaptable.api.columnApi.getColumnWithColumnId(colId));
+    }, [layout, allGroupableColumns]);
+    const handleColumnsChange = (columnIds) => {
+        props.onChange(Object.assign(Object.assign({}, layout), { RowGroupedColumns: columnIds }));
+    };
+    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+        React.createElement(Tabs_1.Tabs.Tab, null, "Grouped Rows"),
+        ((_a = layout.ExpandedRowGroupValues) === null || _a === void 0 ? void 0 : _a.length) && React.createElement(Tabs_1.Tabs.Tab, null, "Expanded Rows"),
+        React.createElement(Tabs_1.Tabs.Content, null,
+            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, showSelectedOnlyPosition: "top", filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => { var _a; return (_a = option.friendlyName) !== null && _a !== void 0 ? _a : option.columnId; }, options: sortedGroupableColumns, value: (_b = layout.RowGroupedColumns) !== null && _b !== void 0 ? _b : [], allowReorder: true, xSelectedLabel: () => {
+                    return `Selected Columns:`;
+                }, onChange: handleColumnsChange })),
+        ((_c = layout.ExpandedRowGroupValues) === null || _c === void 0 ? void 0 : _c.length) && (React.createElement(Tabs_1.Tabs.Content, null,
+            React.createElement(rebass_1.Box, { backgroundColor: "var(--ab-color-defaultbackground)" },
+                React.createElement(FormLayout_1.default, { p: 2 },
+                    React.createElement(FormLayout_1.FormRow, { label: "Values" }, layout.ExpandedRowGroupValues.map((value, index) => (React.createElement(Tag_1.Tag, { mb: 2, mr: 2, key: index }, value))))))))));
+};
+exports.RowGroupingSection = RowGroupingSection;

package/src/View/Layout/Wizard/sections/SettingsSection.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Layout } from '../../../../../types';
+export declare const SettingsSectionSummary: React.FunctionComponent<React.PropsWithChildren<unknown>>;
+interface SettingsSectionProps {
+    onChange: (data: Layout) => void;
+}
+export declare const SettingsSection: React.FunctionComponent<React.PropsWithChildren<SettingsSectionProps>>;
+export {};

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsSection = exports.SettingsSectionSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const Input_1 = tslib_1.__importDefault(require("../../../../components/Input"));
+const Radio_1 = tslib_1.__importDefault(require("../../../../components/Radio"));
+const Tabs_1 = require("../../../../components/Tabs");
+const Tag_1 = require("../../../../components/Tag");
+const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
+const SettingsSectionSummary = () => {
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (React.createElement(rebass_1.Box, null,
+        React.createElement(Tag_1.Tag, { mr: 2 },
+            "Layout Name: ",
+            layout.Name),
+        React.createElement(Tag_1.Tag, { mr: 2 },
+            "Layout Grid Type: ",
+            layout.EnablePivot ? 'Pivot' : 'Table'),
+        React.createElement(Tag_1.Tag, { mr: 2 },
+            "Suppress Aggregation Function in Header: ",
+            layout.SuppressAggFuncInHeader ? 'Yes' : 'No')));
+};
+exports.SettingsSectionSummary = SettingsSectionSummary;
+const SettingsSection = (props) => {
+    var _a;
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const onNameChange = (event) => {
+        props.onChange(Object.assign(Object.assign({}, layout), { Name: event.target.value }));
+    };
+    const handlePivotChange = (checked) => {
+        props.onChange(Object.assign(Object.assign({}, layout), { EnablePivot: checked }));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Tabs_1.Tabs, { mb: 3 },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(rebass_1.Flex, { flexDirection: "row" },
+                    React.createElement(FormLayout_1.default, { width: "100%", style: { maxWidth: 300 } },
+                        React.createElement(FormLayout_1.FormRow, { label: "Name" },
+                            React.createElement(Input_1.default, { width: "100%", "data-name": "layout-name", onChange: onNameChange, value: (_a = layout === null || layout === void 0 ? void 0 : layout.Name) !== null && _a !== void 0 ? _a : '' })))))),
+        React.createElement(Tabs_1.Tabs, { mb: 2 },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Grid Type"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(rebass_1.Flex, { flexDirection: "column" },
+                    React.createElement(Radio_1.default, { "data-name": "layout-type-table", onClick: () => handlePivotChange(false), checked: !Boolean(layout.EnablePivot) }, "Table"),
+                    React.createElement(Radio_1.default, { "data-name": "layout-type-pivot", onClick: () => handlePivotChange(true), checked: Boolean(layout.EnablePivot) }, "Pivot"))))));
+};
+exports.SettingsSection = SettingsSection;

package/src/View/Layout/Wizard/sections/SortSection.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Layout } from '../../../../../types';
+export declare const SortSectionSummary: React.FunctionComponent;
+interface SortSectionProps {
+    onChange: (data: Layout) => void;
+}
+export declare const SortSection: React.FunctionComponent<SortSectionProps>;
+export {};

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SortSection = exports.SortSectionSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../../../components/SimpleButton"));
+const Tabs_1 = require("../../../../components/Tabs");
+const Tag_1 = require("../../../../components/Tag");
+const getLayoutSortViewItems_1 = require("../../../../Strategy/Utilities/Layout/getLayoutSortViewItems");
+const sortWithOrder_1 = require("../../../../Utilities/sortWithOrder");
+const AdaptableContext_1 = require("../../../AdaptableContext");
+const ValueSelector_1 = require("../../../Components/ValueSelector");
+const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
+const Utilities_1 = require("./Utilities");
+const SortSectionSummary = () => {
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const sortViewItems = (0, getLayoutSortViewItems_1.getLayoutSortViewItems)(layout, adaptable.api);
+    return (React.createElement(rebass_1.Box, null, sortViewItems.values.length ? (sortViewItems.values.map((value) => (React.createElement(Tag_1.Tag, { key: value, mb: 1, mr: 1 }, value)))) : (React.createElement(Tag_1.Tag, null, "No Sorts"))));
+};
+exports.SortSectionSummary = SortSectionSummary;
+const ColumnRow = (props) => {
+    var _a, _b, _c;
+    const SortOrder = (_c = ((_b = (_a = props.layout) === null || _a === void 0 ? void 0 : _a.ColumnSorts) !== null && _b !== void 0 ? _b : []).find((sort) => sort.ColumnId === props.column.columnId)) === null || _c === void 0 ? void 0 : _c.SortOrder;
+    const icon = SortOrder === 'Asc' ? 'sort-asc' : 'sort-desc';
+    return (React.createElement(rebass_1.Box, null,
+        props.column.friendlyName,
+        SortOrder && (React.createElement(SimpleButton_1.default, { ml: 2, onClick: () => props.onSortChange(props.column.columnId, SortOrder === 'Asc' ? 'Desc' : 'Asc'), variant: "raised", icon: icon }))));
+};
+const SortSection = (props) => {
+    var _a;
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    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.getColumnWithColumnId(colId));
+    }, [layout, allSortableColumns]);
+    const handleColumnsSelectionChange = React.useCallback((columnIds) => {
+        props.onChange(Object.assign(Object.assign({}, layout), { ColumnSorts: (columnIds || []).map((columnId) => {
+                var _a, _b, _c;
+                const SortOrder = (_c = (_b = (_a = layout.ColumnSorts) === null || _a === void 0 ? void 0 : _a.find((sort) => sort.ColumnId === columnId)) === null || _b === void 0 ? void 0 : _b.SortOrder) !== null && _c !== void 0 ? _c : 'Asc';
+                return {
+                    ColumnId: columnId,
+                    SortOrder: SortOrder,
+                };
+            }) }));
+    }, [layout]);
+    const handleSortChange = React.useCallback((columnId, SortOrder) => {
+        var _a;
+        props.onChange(Object.assign(Object.assign({}, layout), { ColumnSorts: (_a = layout.ColumnSorts) === null || _a === void 0 ? void 0 : _a.map((sort) => {
+                if (sort.ColumnId === columnId) {
+                    return Object.assign(Object.assign({}, sort), { SortOrder: SortOrder });
+                }
+                return sort;
+            }) }));
+    }, [layout]);
+    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+        React.createElement(Tabs_1.Tabs.Tab, null, "Column Sorts"),
+        React.createElement(Tabs_1.Tabs.Content, null,
+            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, showSelectedOnlyPosition: "top", filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => { var _a; return (_a = option.friendlyName) !== null && _a !== void 0 ? _a : option.columnId; }, toListLabel: (column) => (React.createElement(ColumnRow, { onSortChange: handleSortChange, layout: layout, column: column })), options: sortedSortColumns, value: ((_a = layout.ColumnSorts) !== null && _a !== void 0 ? _a : []).map((sort) => sort.ColumnId), allowReorder: () => true, xSelectedLabel: () => {
+                    return `Active aggregations:`;
+                }, onChange: handleColumnsSelectionChange }))));
+};
+exports.SortSection = SortSection;

package/src/View/Layout/Wizard/sections/Utilities.d.ts

@@ -0,0 +1,2 @@
+import { AdaptableColumn } from '../../../../types';
+export declare const columnFilter: (column: AdaptableColumn, searchText: string) => boolean;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.columnFilter = void 0;
+const columnFilter = (column, searchText) => [column.friendlyName, column.columnId].some((candidate) => candidate === null || candidate === void 0 ? void 0 : candidate.toLowerCase().includes(searchText.toLowerCase()));
+exports.columnFilter = columnFilter;

package/src/View/License/LicenseWatermark.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const LicenseWatermark: React.FunctionComponent<React.PropsWithChildren<unknown>>;

package/src/View/License/LicenseWatermark.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LicenseWatermark = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Logo_1 = require("../../components/Logo");
+const rebass_1 = require("rebass");
+const style = {
+    border: '1px solid var(--ab-color-error)',
+    padding: '5px',
+    fontWeight: 600,
+    margin: '5px',
+    fontSize: '14px',
+    alignItems: 'center',
+    color: 'var(--ab-color-text-on-defaultbackground)',
+    background: 'var(--ab-color-defaultbackground)',
+};
+const isStyleValid = (element) => {
+    const notAllowedProperties = [
+        ['display', 'none'],
+        ['opacity', '0'],
+        ['position', 'absolute'],
+        ['position', 'fixed'],
+        ['position', 'relative'],
+        ['visibility', 'hidden'],
+    ];
+    for (const [prop, value] of notAllowedProperties) {
+        if (element.style[prop] === value) {
+            return false;
+        }
+    }
+    return true;
+};
+const LicenseWatermark = (props) => {
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        const checkWatermark = () => {
+            var _a, _b;
+            if (!((_a = ref.current) === null || _a === void 0 ? void 0 : _a.isConnected)) {
+                alert('It is not allowed to remove the Adaptable watermark.');
+            }
+            if (!isStyleValid(ref.current)) {
+                alert('It is not allowed to modify the Adaptable watermark.');
+            }
+            if ((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.style) {
+                ref.current.style.border = style.border;
+                ref.current.style.padding = style.padding;
+                ref.current.style.fontWeight = `${style.fontWeight}`;
+                ref.current.style.margin = style.margin;
+                ref.current.style.fontSize = style.fontSize;
+                ref.current.style.color = style.color;
+                ref.current.style.background = style.background;
+                ref.current.style.display = 'flex';
+                ref.current.style.position = 'static';
+                ref.current.style.opacity = '1';
+                ref.current.style.visibility = 'visible';
+            }
+        };
+        const timerId = setInterval(checkWatermark, 5000);
+        return () => clearTimeout(timerId);
+    }, []);
+    return (React.createElement(rebass_1.Flex, { style: style, ref: ref },
+        React.createElement(Logo_1.Logo, { style: { marginRight: 10 } }),
+        React.createElement("div", null, props.children)));
+};
+exports.LicenseWatermark = LicenseWatermark;

package/src/View/License/index.d.ts

@@ -0,0 +1 @@
+export { LicenseWatermark } from './LicenseWatermark';

package/src/View/License/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LicenseWatermark = void 0;
+var LicenseWatermark_1 = require("./LicenseWatermark");
+Object.defineProperty(exports, "LicenseWatermark", { enumerable: true, get: function () { return LicenseWatermark_1.LicenseWatermark; } });

package/src/View/NamedQuery/EditCurrentQueryButton.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const EditGridFilterButton: () => JSX.Element;

package/src/View/NamedQuery/EditCurrentQueryButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditGridFilterButton = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const EditGridFilterButton = () => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const handleClick = React.useCallback((event) => {
+        event.stopPropagation();
+        adaptable.api.gridFilterApi.openExpressionEditorForGridFilter();
+    }, []);
+    return React.createElement(SimpleButton_1.default, { variant: "text", iconSize: 15, onClick: handleClick, icon: "edit" });
+};
+exports.EditGridFilterButton = EditGridFilterButton;

package/src/View/NamedQuery/Wizard/NamedQueryExpressionWizardSection.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AdaptableApi } from '../../../Api/AdaptableApi';
+import { NamedQuery } from '../../../types';
+export interface NamedQueryExpressionWizardSectionProps {
+    onChange: (data: NamedQuery) => void;
+}
+export declare const isValidNamedQueryExpression: (data: NamedQuery, api: AdaptableApi) => string | true;
+export declare const renderNamedQueryExpressionSummary: (data: NamedQuery) => JSX.Element;
+export declare const NamedQueryExpressionWizardSection: (props: NamedQueryExpressionWizardSectionProps) => JSX.Element;

package/src/View/NamedQuery/Wizard/NamedQueryExpressionWizardSection.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NamedQueryExpressionWizardSection = exports.renderNamedQueryExpressionSummary = exports.isValidNamedQueryExpression = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const rebass_1 = require("rebass");
+const ExpressionEditor_1 = require("../../../components/ExpressionEditor");
+const Tag_1 = require("../../../components/Tag");
+const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const isValidNamedQueryExpression = (data, api) => {
+    if (!data.BooleanExpression) {
+        return 'Expression is empty';
+    }
+    const valid = api.expressionApi.isValidBooleanExpression(data.BooleanExpression, ModuleConstants_1.NamedQueryModuleId);
+    if (!valid) {
+        return 'Query is not a valid Boolean Query';
+    }
+    return valid;
+};
+exports.isValidNamedQueryExpression = isValidNamedQueryExpression;
+const renderNamedQueryExpressionSummary = (data) => {
+    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (React.createElement(rebass_1.Text, { fontSize: 2 },
+        "Expression: ",
+        React.createElement(Tag_1.Tag, null, api.internalApi.getAdaptableQueryExpressionText(data))));
+};
+exports.renderNamedQueryExpressionSummary = renderNamedQueryExpressionSummary;
+const NamedQueryExpressionWizardSection = (props) => {
+    const { data, moduleInfo, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
+    return (React.createElement(ExpressionEditor_1.ExpressionEditor, { allowSaveNamedQuery: false, type: 'boolean', module: moduleInfo.ModuleName, value: data.BooleanExpression, onChange: (BooleanExpression) => {
+            props.onChange(Object.assign(Object.assign({}, data), { BooleanExpression }));
+        }, initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), api: api }));
+};
+exports.NamedQueryExpressionWizardSection = NamedQueryExpressionWizardSection;

package/src/View/NamedQuery/Wizard/NamedQuerySettingsWizardSection.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AdaptableApi } from '../../../Api/AdaptableApi';
+import { NamedQuery } from '../../../types';
+export interface NamedQuerySettingsWizardSectionProps {
+    onChange: (data: NamedQuery) => void;
+}
+export declare const isValidNamedQuerySettings: (data: NamedQuery, api: AdaptableApi) => true | string;
+export declare const renderNamedQuerySettingsSummary: (data: NamedQuery) => JSX.Element;
+export declare const NamedQuerySettingsWizardSection: (props: NamedQuerySettingsWizardSectionProps) => JSX.Element;

package/src/View/NamedQuery/Wizard/NamedQuerySettingsWizardSection.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NamedQuerySettingsWizardSection = exports.renderNamedQuerySettingsSummary = exports.isValidNamedQuerySettings = void 0;
+const tslib_1 = require("tslib");
+// TODO: move to named query
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
+const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
+const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const AdaptableInput_1 = tslib_1.__importDefault(require("../../Components/AdaptableInput"));
+const Tag_1 = require("../../../components/Tag");
+const isValidNamedQuerySettings = (data, api) => {
+    const validationResult = api.namedQueryApi.isValidNamedQuery(data);
+    const ErrorMessage = !validationResult.valid ? validationResult.message : null;
+    if (!ErrorMessage) {
+        return true;
+    }
+    return ErrorMessage;
+};
+exports.isValidNamedQuerySettings = isValidNamedQuerySettings;
+const renderNamedQuerySettingsSummary = (data) => {
+    return (React.createElement(rebass_1.Text, { fontSize: 2 },
+        "Name: ",
+        React.createElement(Tag_1.Tag, null, data.Name)));
+};
+exports.renderNamedQuerySettingsSummary = renderNamedQuerySettingsSummary;
+const NamedQuerySettingsWizardSection = (props) => {
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const valid = (0, exports.isValidNamedQuerySettings)(data, api);
+    const errorMessage = valid === true ? null : valid;
+    const handleColumnNameChange = (event) => {
+        let e = event.target;
+        props.onChange(Object.assign(Object.assign({}, data), { Name: e.value }));
+    };
+    return (React.createElement(WizardPanel_1.default, { "data-name": 'named-query-settings' },
+        React.createElement(FormLayout_1.default, null,
+            React.createElement(FormLayout_1.FormRow, { label: "Name" },
+                React.createElement(AdaptableInput_1.default, { "data-name": "query-name", value: data.Name, autoFocus: true, width: 300, type: "text", placeholder: "Enter Named Query Name", onChange: (e) => handleColumnNameChange(e) })),
+            ' ',
+            errorMessage ? (React.createElement(FormLayout_1.FormRow, { label: "" },
+                React.createElement(ErrorBox_1.default, null, errorMessage))) : null)));
+};
+exports.NamedQuerySettingsWizardSection = NamedQuerySettingsWizardSection;

package/src/View/NamedQuery/Wizard/NamedQueryWizard.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { NamedQuery } from '../../../types';
+import { AdaptableOnePageWizardProps } from '../../Wizard/Interface/IAdaptableWizard';
+export interface NamedQueryWizardProps extends AdaptableOnePageWizardProps<NamedQuery> {
+}
+export declare function NamedQueryWizard(props: NamedQueryWizardProps): JSX.Element;