@adaptabletools/adaptable 12.1.5 → 12.1.8-canary.0

package/src/parser/src/types.d.ts

@@ -16,7 +16,7 @@ export declare type Token = {
  */
 export interface ExpressionContext extends BaseContext {
     /**
-     * Current row node in grid being evaluated
+     * Current AG Grid Row Node being evaluated
      */
     node: any;
     /**

package/src/types.d.ts

@@ -21,18 +21,18 @@ export type { IPushPullPluginOptions } from './AdaptableOptions/IPushPullPluginO
 export type { LayoutOptions, LayoutViewOptions, LayoutTagOptions, LayoutAvailableContext, AutoGenerateTagsForLayoutsContext, LayoutAssociatedObject, } from './AdaptableOptions/LayoutOptions';
 export type { OpenFinPluginOptions } from './AdaptableOptions/OpenFinPluginOptions';
 export type { MasterDetailPluginOptions } from './AdaptableOptions/MasterDetailPluginOptions';
-export type { FinancePluginOptions, WeightedAverageColumn, FDC3Column, InstrumentColumn, PositionColumn, CountryColumn, InstrumentIntent, InstrumentIntents, PositionIntent, PositionIntents, ContactIntent, ContactIntents, CountryIntent, CountryIntents, ContactColumn, OrganizationColumn, OrganizationIntent, OrganizationIntents, FDC3Intent, RaiseFDC3IntentContext, CustomFDC3Column, CustomFDC3Intent, } from './AdaptableOptions/FinancePluginOptions';
+export type { FinancePluginOptions, WeightedAverageColumn, FDC3Column, InstrumentColumn, PositionColumn, CountryColumn, InstrumentIntent, InstrumentIntents, PositionIntent, PositionIntents, ContactIntent, ContactIntents, CountryIntent, CountryIntents, ContactColumn, OrganizationColumn, OrganizationIntent, OrganizationIntents, FDC3Intent, RaiseFDC3IntentContext, FDC3DesktopAgent, CustomFDC3Column, CustomFDC3Intent, } from './AdaptableOptions/FinancePluginOptions';
 export type { DateInputOptions } from './AdaptableOptions/DateInputOptions';
 export type { FilterOptions } from './AdaptableOptions/FilterOptions';
 export type { SearchOptions } from './AdaptableOptions/SearchOptions';
 export type { ColumnOptions, ColumnFriendlyNameContext } from './AdaptableOptions/ColumnOptions';
-export type { AdaptablePersistStateFunction, AdaptableStateFunctionConfig, AdaptableLoadStateFunction, StateOptions, } from './AdaptableOptions/StateOptions';
+export type { AdaptablePersistStateFunction, AdaptableStateFunctionConfig, AdaptableLoadStateFunction, AdaptableSaveStateFunction, AdaptableClearStateFunction, StateOptions, } from './AdaptableOptions/StateOptions';
 export type { AccessLevel, Entitlement } from './PredefinedConfig/Common/Entitlement';
 export type { FilterActionOnDataChange } from './PredefinedConfig/Common/FilterActionOnDataChange';
 export type { ConfigState } from './PredefinedConfig/ConfigState';
 export type { TeamSharingOptions } from './AdaptableOptions/TeamSharingOptions';
 export type { ToolPanelOptions, CustomToolPanel, ToolPanelButtonContext, CustomToolPanelButtonContext, } from './AdaptableOptions/ToolPanelOptions';
-export type { UserInterfaceOptions, CellValuesList, BasePermittedValues, PermittedValues, EditLookUpPermittedValues, FilterPermittedValues, CustomSortPermittedValues, BulkUpdatePermittedValues, EditLookUpContext, PermittedValuesContext, FilterPermittedValuesContext, BulkUpdatePermittedValuesContext, GridInfoSections, GridInfoSection, ObjectTagsContext, CustomDisplayFormatter, CustomDisplayFormatterContext, } from './AdaptableOptions/UserInterfaceOptions';
+export type { UserInterfaceOptions, BasePermittedValues, PermittedValues, EditLookUpPermittedValues, FilterPermittedValues, CustomSortPermittedValues, BulkUpdatePermittedValues, EditLookUpContext, PermittedValuesContext, FilterPermittedValuesContext, BulkUpdatePermittedValuesContext, GridInfoSections, GridInfoSection, ObjectTagsContext, CustomDisplayFormatter, CustomDisplayFormatterContext, } from './AdaptableOptions/UserInterfaceOptions';
 export type { MenuOptions } from './AdaptableOptions/MenuOptions';
 export type { CustomSettingsPanel, SettingsPanelOptions, } from './AdaptableOptions/SettingsPanelOptions';
 export type { EntitlementOptions, EntitlementContext } from './AdaptableOptions/EntitlementOptions';
@@ -147,7 +147,7 @@ export type { ConditionalStyle, ConditionalStyleRule, ConditionalStyleState, } f
 export type { ChartDefinition, ChartingState } from './PredefinedConfig/ChartingState';
 export type { CustomSort, CustomSortState } from './PredefinedConfig/CustomSortState';
 export type { DashboardState, DashboardTab, AdaptableCoordinate, } from './PredefinedConfig/DashboardState';
-export type { ExportState, Report, ReportData, ReportSchedule, SystemReportName, SystemReportNames, } from './PredefinedConfig/ExportState';
+export type { ExportState, Report, ReportData, ReportSchedule, SystemReportName, SystemReportNames, ReportRowScope, ReportColumnScope, } from './PredefinedConfig/ExportState';
 export type { ColumnFilter, ColumnFilterPredicate, SystemFilterPredicateIds, SystemFilterPredicateId, } from './PredefinedConfig/Common/ColumnFilter';
 export type { FormatColumn, ColumnStyle, PercentBarStyle, GradientStyle, CellColorRange, ColumnComparison, CellTextOptions, CellTextOption, FormatColumnState, } from './PredefinedConfig/FormatColumnState';
 export type { FreeTextColumn, FreeTextColumnState, FreeTextStoredValue, FreeTextColumnSettings, } from './PredefinedConfig/FreeTextColumnState';

package/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "12.1.5";
+declare const _default: "12.1.8-canary.0";
 export default _default;

package/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '12.1.5'; // PLEASE DONT UPDATE THIS!!! - will be updated at build time with the correct version
+exports.default = '12.1.8-canary.0'; // PLEASE DONT UPDATE THIS!!! - will be updated at build time with the correct version

package/src/View/CalculatedColumn/Utilities/getCalculatedColumnSettingTags.d.ts

@@ -1,2 +0,0 @@
-import { CalculatedColumnSettings } from '../../../types';
-export declare const getCalculatedColumnSettingTags: (settings: CalculatedColumnSettings) => string[];

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

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

package/src/View/Layout/LayoutEditorStandalonePopup.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutEditorStandalonePopup = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const uuid_1 = require("../../components/utils/uuid");
-const Helper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/Helper"));
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../Utilities/ObjectFactory"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const PanelFooter_1 = require("../Components/Panels/PanelFooter");
-const LayoutEditorWizard_1 = require("./Wizard/LayoutEditorWizard");
-const LayoutRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/LayoutRedux"));
-const rebass_1 = require("rebass");
-const LayoutEditorStandalonePopup = (props) => {
-    /**
-     * This is here because the old code mutates the object.
-     * And we need a way to trigger an update/render.
-     *
-     * I've left the mutation because we might want to use the old PopupWizard.
-     * And it currently, the refactoring of the editor out of the scope of this feature.
-     */
-    const [stateLayout, setStateLayout] = React.useState(null);
-    const adaptable = AdaptableContext_1.useAdaptable();
-    const dispatch = react_redux_1.useDispatch();
-    const layoutModule = adaptable.ModuleService.getModuleById('Layout');
-    const layouts = react_redux_1.useSelector((state) => state.Layout.Layouts);
-    const layoutData = React.useMemo(() => {
-        var _a;
-        let layoutData = null;
-        const layoutToCloneOrEdit = (_a = props === null || props === void 0 ? void 0 : props.popupProps) === null || _a === void 0 ? void 0 : _a.layout;
-        switch (props.popupProps.action) {
-            case 'Clone':
-                layoutData = Helper_1.default.cloneObject(layoutToCloneOrEdit);
-                layoutData.Name = '';
-                layoutData.IsReadOnly = false;
-                layoutData.Uuid = uuid_1.createUuid();
-                break;
-            case 'New':
-                layoutData = ObjectFactory_1.default.CreateEmptyLayout({ Name: '' });
-                break;
-            case 'Edit':
-                layoutData = Helper_1.default.cloneObject(layoutToCloneOrEdit);
-                break;
-        }
-        return layoutData;
-    }, []);
-    const handleCancel = React.useCallback(() => {
-        props.onDismiss();
-    }, []);
-    const handleAccept = React.useCallback(() => {
-        var _a;
-        switch ((_a = props === null || props === void 0 ? void 0 : props.popupProps) === null || _a === void 0 ? void 0 : _a.action) {
-            case 'Edit':
-                const currentLayout = adaptable.api.layoutApi.getCurrentLayout();
-                dispatch(LayoutRedux.LayoutSave(layoutData));
-                if (currentLayout.Uuid === layoutData.Uuid) {
-                    dispatch(LayoutRedux.LayoutSelect(layoutData.Name));
-                }
-                break;
-            case 'Clone':
-                dispatch(LayoutRedux.LayoutAdd(layoutData));
-                dispatch(LayoutRedux.LayoutSelect(layoutData.Name));
-                break;
-            case 'New':
-                dispatch(LayoutRedux.LayoutAdd(layoutData));
-                dispatch(LayoutRedux.LayoutSelect(layoutData.Name));
-        }
-        props.onDismiss();
-    }, []);
-    const finishDisabled = !layoutData.Name;
-    return (React.createElement(rebass_1.Flex, { height: "100%", flexDirection: "column" },
-        React.createElement(LayoutEditorWizard_1.LayoutEditorWizard, { data: layoutData, api: adaptable.api, Layouts: layouts, moduleInfo: layoutModule.moduleInfo, onLayoutChange: setStateLayout, 
-            // @ts-ignore
-            updateGoBackState: () => null }),
-        React.createElement(PanelFooter_1.PanelFooter, { acceptDisabled: finishDisabled, onAccept: handleAccept, onCancel: handleCancel })));
-};
-exports.LayoutEditorStandalonePopup = LayoutEditorStandalonePopup;

package/src/View/Layout/Wizard/LayoutEditor/ColumnList.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { AdaptableColumn } from '../../../../PredefinedConfig/Common/AdaptableColumn';
-import { CSSProperties } from 'react';
-export declare type OnDragEnd = (result: {
-    destination?: {
-        index: number;
-        droppableId: string;
-    };
-    source: {
-        index: number;
-        columnId?: string;
-        column?: AdaptableColumn;
-        droppableId: string;
-    };
-}) => void;
-export interface ColumnListProps {
-    columns: AdaptableColumn[];
-    isDropDisabled?: boolean;
-    getItemStyle: (c: AdaptableColumn, { isDragging, draggingOver }: {
-        isDragging: boolean;
-        draggingOver?: string;
-    }, draggableStyle: CSSProperties) => CSSProperties;
-    onReady?: (onDragEnd: OnDragEnd) => void;
-    onColumnOrderChange: (columns: AdaptableColumn[]) => void;
-    renderItem?: (c: AdaptableColumn) => React.ReactNode;
-}
-export declare const ColumnList: (props: ColumnListProps) => JSX.Element;

package/src/View/Layout/Wizard/LayoutEditor/ColumnList.js

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnList = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_beautiful_dnd_1 = require("react-beautiful-dnd");
-const AdaptableColumn_1 = require("../../../../PredefinedConfig/Common/AdaptableColumn");
-const react_1 = require("react");
-const react_2 = require("react");
-const droppableIds_1 = require("./droppableIds");
-const utils_1 = require("./utils");
-const rebass_1 = require("rebass");
-const AdaptableFormControlTextClear_1 = require("../../../Components/Forms/AdaptableFormControlTextClear");
-const reorder_1 = require("../../../../Utilities/reorder");
-const ColumnList = (props) => {
-    const [columns, setColumns] = react_2.useState(props.columns);
-    const [search, setSearch] = react_2.useState('');
-    const onDragEnd = React.useCallback((result) => {
-        const { source, destination } = result;
-        if (!destination) {
-            return;
-        }
-        if (source.droppableId !== droppableIds_1.LayoutEditorDroppableIds.ColumnList ||
-            source.droppableId !== destination.droppableId) {
-            return;
-        }
-        if (!source.column || !source.column.moveable) {
-            return;
-        }
-        if (destination.index === source.index) {
-            return;
-        }
-        const newColumns = reorder_1.reorder(columns, source.index, destination.index);
-        const newDropIndex = newColumns.indexOf(source.column);
-        if (search && source.droppableId === droppableIds_1.LayoutEditorDroppableIds.ColumnList) {
-            // cannot drop on this list while searching
-            return;
-        }
-        if (!source.column.isFixed &&
-            newColumns.slice(newDropIndex).filter((c) => c.isFixed).length) {
-            // there are fixed cols after this one, so it's an invalid drop
-            return;
-        }
-        if (!AdaptableColumn_1.isValidOrderForColumnGroups({
-            oldColumns: columns,
-            newColumns,
-        })) {
-            return;
-        }
-        setColumns(newColumns);
-        if (props.onColumnOrderChange) {
-            props.onColumnOrderChange(newColumns);
-        }
-    }, [columns, setColumns, props.onColumnOrderChange, search]);
-    react_1.useEffect(() => {
-        if (props.onReady) {
-            props.onReady(onDragEnd);
-        }
-    }, [onDragEnd]);
-    const renderColumn = react_2.useCallback((c) => {
-        const defaultRenderColumn = (c) => {
-            return React.createElement(React.Fragment, null, c.friendlyName);
-        };
-        return (props.renderItem || defaultRenderColumn)(c);
-    }, [props.renderItem]);
-    return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: droppableIds_1.LayoutEditorDroppableIds.ColumnList, isDropDisabled: search ? true : props.isDropDisabled }, (provided, snapshot) => {
-        return (React.createElement("div", Object.assign({ className: "ab-LayoutEditor__ColumnList" }, provided.droppableProps, { ref: provided.innerRef, style: utils_1.getListStyle(snapshot) }),
-            React.createElement(rebass_1.Box, { px: 2, mb: 2 },
-                React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { placeholder: "Search a column", width: "100%", value: search, OnTextChange: setSearch })),
-            columns.map((c, index) => {
-                return (React.createElement(react_beautiful_dnd_1.Draggable, { key: `${c.columnId}-column`, draggableId: c.columnId, index: index }, (provided, snapshot) => {
-                    const style = props.getItemStyle(c, snapshot, provided.draggableProps.style);
-                    style.padding = 0;
-                    // required in case of non-string values returned by `headerValueGetter`
-                    const columnFriendlyName = typeof c.friendlyName === 'string' ? c.friendlyName : `${c.friendlyName}`;
-                    if (search &&
-                        columnFriendlyName.toLowerCase().indexOf(search.toLowerCase()) == -1) {
-                        style.display = 'none';
-                    }
-                    return (React.createElement("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "ab-LayoutEditor__ColumnList__column", style: style }), renderColumn(c)));
-                }));
-            }),
-            provided.placeholder));
-    }));
-};
-exports.ColumnList = ColumnList;

package/src/View/Layout/Wizard/LayoutEditor/ColumnSortList.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { CSSProperties } from 'react';
-import { ColumnSort } from '../../../../PredefinedConfig/Common/ColumnSort';
-import { OnDragEnd } from './ColumnList';
-export interface ColumnSortListProps {
-    columnSorts?: ColumnSort[];
-    isDropDisabled?: boolean;
-    onReady?: (onDragEnd: OnDragEnd) => void;
-    onColumnSortsChange: (sorts: ColumnSort[]) => void;
-    getItemStyle?: (columnId: string, { isDragging, draggingOver }: {
-        isDragging: boolean;
-        draggingOver?: string;
-    }, draggableStyle: CSSProperties) => CSSProperties;
-    renderItem: (c: ColumnSort, clear: () => void, toggleSort: () => void) => React.ReactNode;
-}
-export declare const ColumnSortList: (props: ColumnSortListProps) => JSX.Element;

package/src/View/Layout/Wizard/LayoutEditor/ColumnSortList.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnSortList = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const react_beautiful_dnd_1 = require("react-beautiful-dnd");
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../../components/HelpBlock"));
-const droppableIds_1 = require("./droppableIds");
-const utils_1 = require("./utils");
-const reorder_1 = require("../../../../Utilities/reorder");
-const ColumnSortList = (props) => {
-    const columnSorts = props.columnSorts || [];
-    const setColumnSorts = (columnSorts) => {
-        props.onColumnSortsChange(columnSorts);
-    };
-    const onDragEnd = React.useCallback((result) => {
-        const { destination, source } = result;
-        if (!destination) {
-            return;
-        }
-        const columnDrag = source.droppableId === droppableIds_1.LayoutEditorDroppableIds.ColumnList &&
-            destination.droppableId === droppableIds_1.LayoutEditorDroppableIds.ColumnSortList;
-        const sortDrag = source.droppableId === droppableIds_1.LayoutEditorDroppableIds.ColumnSortList &&
-            destination.droppableId === droppableIds_1.LayoutEditorDroppableIds.ColumnSortList;
-        const valid = columnDrag || sortDrag;
-        if (!valid) {
-            return;
-        }
-        if (sortDrag) {
-            if (destination.index === source.index) {
-                return;
-            }
-            const newColumnSorts = reorder_1.reorder(columnSorts, source.index, destination.index);
-            setColumnSorts(newColumnSorts);
-            if (props.onColumnSortsChange) {
-                props.onColumnSortsChange(newColumnSorts);
-            }
-            return;
-        }
-        if (columnDrag) {
-            if (!source.column.sortable) {
-                return;
-            }
-            if (columnSorts.filter((c) => c.ColumnId === source.columnId)[0]) {
-                return false;
-            }
-            const newColumnSorts = [...columnSorts];
-            newColumnSorts.splice(destination.index, 0, {
-                SortOrder: 'Asc',
-                ColumnId: source.columnId,
-            });
-            setColumnSorts(newColumnSorts);
-            if (props.onColumnSortsChange) {
-                props.onColumnSortsChange(newColumnSorts);
-            }
-            return;
-        }
-    }, [columnSorts, setColumnSorts, props.onColumnSortsChange]);
-    const toggleSort = (c) => {
-        setColumnSorts(columnSorts.map((sort) => {
-            if (sort.ColumnId === c.ColumnId) {
-                sort = Object.assign(Object.assign({}, sort), { SortOrder: c.SortOrder === 'Asc' ? 'Desc' : 'Asc' });
-            }
-            return sort;
-        }));
-    };
-    react_1.useEffect(() => {
-        if (props.onReady) {
-            props.onReady(onDragEnd);
-        }
-    }, [onDragEnd]);
-    const renderItem = (c) => {
-        return props.renderItem(c, () => {
-            setColumnSorts(props.columnSorts.filter((sort) => sort.ColumnId !== c.ColumnId));
-        }, () => {
-            toggleSort(c);
-        });
-    };
-    return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: droppableIds_1.LayoutEditorDroppableIds.ColumnSortList, isDropDisabled: props.isDropDisabled }, (provided, snapshot) => (React.createElement("div", Object.assign({ className: `ab-LayoutEditor__ColumnSortList ${!columnSorts.length ? 'ab-LayoutEditor__ColumnSortList--empty' : ''}` }, provided.droppableProps, { ref: provided.innerRef, style: utils_1.getListStyle(snapshot) }),
-        !columnSorts.length ? React.createElement(HelpBlock_1.default, null, "Drag columns to create sort order") : null,
-        columnSorts.map((c, index) => {
-            return (React.createElement(react_beautiful_dnd_1.Draggable, { key: `${c.ColumnId}-sort`, draggableId: `${c.ColumnId}-sort`, index: index }, (provided, snapshot) => {
-                return (React.createElement("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "ab-LayoutEditor__ColumnSortList__column", style: props.getItemStyle(c.ColumnId, snapshot, provided.draggableProps.style) }), renderItem(c)));
-            }));
-        }),
-        provided.placeholder))));
-};
-exports.ColumnSortList = ColumnSortList;

package/src/View/Layout/Wizard/LayoutEditor/PivotList.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { CSSProperties } from 'react';
-import { OnDragEnd } from './ColumnList';
-export interface PivotListProps {
-    pivotColumns?: string[];
-    isDropDisabled?: boolean;
-    onReady?: (onDragEnd: OnDragEnd) => void;
-    onPivotColumnsChange: (rowGroups: string[]) => void;
-    getItemStyle?: (columnId: string, { isDragging, draggingOver }: {
-        isDragging: boolean;
-        draggingOver?: string;
-    }, draggableStyle: CSSProperties) => CSSProperties;
-    renderItem?: (columnId: string, clear: () => void) => React.ReactNode;
-}
-export declare const PivotList: (props: PivotListProps) => JSX.Element;

package/src/View/Layout/Wizard/LayoutEditor/PivotList.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PivotList = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_beautiful_dnd_1 = require("react-beautiful-dnd");
-const react_1 = require("react");
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../../components/HelpBlock"));
-const droppableIds_1 = require("./droppableIds");
-const utils_1 = require("./utils");
-const reorder_1 = require("../../../../Utilities/reorder");
-const PivotList = (props) => {
-    const pivotColumns = props.pivotColumns || [];
-    const setPivotColumns = (pivotColumns) => {
-        props.onPivotColumnsChange(pivotColumns);
-    };
-    const onDragEnd = React.useCallback((result) => {
-        const { destination, source } = result;
-        if (!destination) {
-            return;
-        }
-        const columnDrag = source.droppableId === droppableIds_1.LayoutEditorDroppableIds.ColumnList &&
-            destination.droppableId === droppableIds_1.LayoutEditorDroppableIds.PivotList;
-        const pivotDrag = source.droppableId === droppableIds_1.LayoutEditorDroppableIds.PivotList &&
-            destination.droppableId === droppableIds_1.LayoutEditorDroppableIds.PivotList;
-        const valid = columnDrag || pivotDrag;
-        if (!valid) {
-            return;
-        }
-        if (pivotDrag) {
-            if (destination.index === source.index) {
-                return;
-            }
-            const newPivotColumns = reorder_1.reorder(pivotColumns, source.index, destination.index);
-            setPivotColumns(newPivotColumns);
-            return;
-        }
-        if (columnDrag) {
-            if (!source.column.pivotable) {
-                return;
-            }
-            if (pivotColumns.filter((colId) => colId === source.columnId)[0]) {
-                return false;
-            }
-            const newPivotColumns = [...pivotColumns];
-            newPivotColumns.splice(destination.index, 0, source.columnId);
-            setPivotColumns(newPivotColumns);
-            return;
-        }
-    }, [pivotColumns, setPivotColumns, props.onPivotColumnsChange]);
-    react_1.useEffect(() => {
-        if (props.onReady) {
-            props.onReady(onDragEnd);
-        }
-    }, [onDragEnd]);
-    const renderItem = React.useCallback((colId) => {
-        return props.renderItem(colId, () => {
-            setPivotColumns(pivotColumns.filter((pivotColId) => pivotColId !== colId));
-        });
-    }, [props.renderItem]);
-    return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: droppableIds_1.LayoutEditorDroppableIds.PivotList, isDropDisabled: props.isDropDisabled }, (provided, snapshot) => (React.createElement("div", Object.assign({ className: `ab-LayoutEditor__PivotList ${!pivotColumns.length ? 'ab-LayoutEditor__PivotList--empty' : ''}` }, provided.droppableProps, { ref: provided.innerRef, style: utils_1.getListStyle(snapshot) }),
-        !pivotColumns.length ? React.createElement(HelpBlock_1.default, null, "Drag columns to pivot") : null,
-        pivotColumns.map((colId, index) => {
-            return (React.createElement(react_beautiful_dnd_1.Draggable, { key: colId, draggableId: `${colId}-pivot`, index: index }, (provided, snapshot) => {
-                return (React.createElement("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "ab-LayoutEditor__PivotList__column", style: props.getItemStyle(colId, snapshot, provided.draggableProps.style) }), renderItem(colId)));
-            }));
-        }),
-        provided.placeholder))));
-};
-exports.PivotList = PivotList;

package/src/View/Layout/Wizard/LayoutEditor/RowGroupsList.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { CSSProperties } from 'react';
-import { OnDragEnd } from './ColumnList';
-export interface RowGroupsListProps {
-    rowGroups?: string[];
-    isDropDisabled?: boolean;
-    onReady?: (onDragEnd: OnDragEnd) => void;
-    onRowGroupsChange: (rowGroups: string[]) => void;
-    getItemStyle?: (columnId: string, { isDragging, draggingOver }: {
-        isDragging: boolean;
-        draggingOver?: string;
-    }, draggableStyle: CSSProperties) => CSSProperties;
-    renderItem?: (columnId: string, clear: () => void) => React.ReactNode;
-}
-export declare const RowGroupsList: (props: RowGroupsListProps) => JSX.Element;

package/src/View/Layout/Wizard/LayoutEditor/RowGroupsList.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RowGroupsList = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_beautiful_dnd_1 = require("react-beautiful-dnd");
-const react_1 = require("react");
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../../components/HelpBlock"));
-const droppableIds_1 = require("./droppableIds");
-const utils_1 = require("./utils");
-const reorder_1 = require("../../../../Utilities/reorder");
-const RowGroupsList = (props) => {
-    const rowGroups = props.rowGroups || [];
-    const setRowGroups = (rowGroups) => {
-        props.onRowGroupsChange(rowGroups);
-    };
-    const onDragEnd = React.useCallback((result) => {
-        const { destination, source } = result;
-        if (!destination) {
-            return;
-        }
-        const columnDrag = source.droppableId === droppableIds_1.LayoutEditorDroppableIds.ColumnList &&
-            destination.droppableId === droppableIds_1.LayoutEditorDroppableIds.RowGroupsList;
-        const rowGroupsDrag = source.droppableId === droppableIds_1.LayoutEditorDroppableIds.RowGroupsList &&
-            destination.droppableId === droppableIds_1.LayoutEditorDroppableIds.RowGroupsList;
-        const valid = columnDrag || rowGroupsDrag;
-        if (!valid) {
-            return;
-        }
-        if (rowGroupsDrag) {
-            if (destination.index === source.index) {
-                return;
-            }
-            const newRowGroups = reorder_1.reorder(rowGroups, source.index, destination.index);
-            setRowGroups(newRowGroups);
-            return;
-        }
-        if (columnDrag) {
-            if (!source.column.groupable) {
-                return;
-            }
-            if (rowGroups.filter((colId) => colId === source.columnId)[0]) {
-                return false;
-            }
-            const newRowGroups = [...rowGroups];
-            newRowGroups.splice(destination.index, 0, source.columnId);
-            setRowGroups(newRowGroups);
-            return;
-        }
-    }, [rowGroups, setRowGroups, props.onRowGroupsChange]);
-    react_1.useEffect(() => {
-        if (props.onReady) {
-            props.onReady(onDragEnd);
-        }
-    }, [onDragEnd]);
-    const renderItem = React.useCallback((colId) => {
-        return props.renderItem(colId, () => {
-            setRowGroups(rowGroups.filter((rowGroup) => rowGroup !== colId));
-        });
-    }, [props.renderItem]);
-    return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: droppableIds_1.LayoutEditorDroppableIds.RowGroupsList, isDropDisabled: props.isDropDisabled }, (provided, snapshot) => (React.createElement("div", Object.assign({ className: `ab-LayoutEditor__RowGroupsList ${!rowGroups.length ? 'ab-LayoutEditor__RowGroupsList--empty' : ''}` }, provided.droppableProps, { ref: provided.innerRef, style: utils_1.getListStyle(snapshot) }),
-        !rowGroups.length ? React.createElement(HelpBlock_1.default, null, "Drag columns to create row groups") : null,
-        rowGroups.map((colId, index) => {
-            return (React.createElement(react_beautiful_dnd_1.Draggable, { key: colId, draggableId: `${colId}-rowGroup`, index: index }, (provided, snapshot) => {
-                return (React.createElement("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "ab-LayoutEditor__RowGroupsList__column", style: props.getItemStyle(colId, snapshot, provided.draggableProps.style) }), renderItem(colId)));
-            }));
-        }),
-        provided.placeholder))));
-};
-exports.RowGroupsList = RowGroupsList;

package/src/View/Layout/Wizard/LayoutEditor/droppableIds.d.ts

@@ -1,7 +0,0 @@
-export declare enum LayoutEditorDroppableIds {
-    None = "",
-    ColumnList = "ColumnList",
-    ColumnSortList = "ColumnSortList",
-    RowGroupsList = "RowGroupsList",
-    PivotList = "PivotList"
-}

package/src/View/Layout/Wizard/LayoutEditor/droppableIds.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutEditorDroppableIds = void 0;
-var LayoutEditorDroppableIds;
-(function (LayoutEditorDroppableIds) {
-    LayoutEditorDroppableIds["None"] = "";
-    LayoutEditorDroppableIds["ColumnList"] = "ColumnList";
-    LayoutEditorDroppableIds["ColumnSortList"] = "ColumnSortList";
-    LayoutEditorDroppableIds["RowGroupsList"] = "RowGroupsList";
-    LayoutEditorDroppableIds["PivotList"] = "PivotList";
-})(LayoutEditorDroppableIds = exports.LayoutEditorDroppableIds || (exports.LayoutEditorDroppableIds = {}));

package/src/View/Layout/Wizard/LayoutEditor/getItemStyle.d.ts

@@ -1,6 +0,0 @@
-import { CSSProperties } from 'react';
-import { AdaptableColumn, Layout } from '../../../../types';
-import { LayoutEditorDroppableIds } from './droppableIds';
-import { DraggableSnapshot } from './utils';
-export declare type LayoutGetItemStyle = (column: AdaptableColumn, layout: Layout, dragSource: LayoutEditorDroppableIds, { isDragging, draggingOver }: DraggableSnapshot, draggableStyle: CSSProperties) => CSSProperties;
-export declare const getItemStyle: LayoutGetItemStyle;

package/src/View/Layout/Wizard/LayoutEditor/getItemStyle.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getItemStyle = void 0;
-const droppableIds_1 = require("./droppableIds");
-const getItemStyle = (column, layout, dragSource, snapshot, draggableStyle) => {
-    const { isDragging, draggingOver } = snapshot;
-    const result = Object.assign({ userSelect: 'none', background: isDragging ? 'var(--ab-color-secondarylight)' : '', color: isDragging ? 'var(--ab-color-text-on-secondarylight)' : '', opacity: 1 }, draggableStyle);
-    if (isDragging) {
-        // dragging from column list to column sort list
-        if (dragSource == droppableIds_1.LayoutEditorDroppableIds.ColumnList &&
-            draggingOver === droppableIds_1.LayoutEditorDroppableIds.ColumnSortList &&
-            //if col not sortable or is already in the sort order
-            (!column.sortable ||
-                (layout.ColumnSorts &&
-                    layout.ColumnSorts.filter((sort) => sort.ColumnId === column.columnId)[0]))) {
-        }
-        //dragging things on the first column, from any other column
-        if (dragSource != droppableIds_1.LayoutEditorDroppableIds.ColumnList &&
-            draggingOver === droppableIds_1.LayoutEditorDroppableIds.ColumnList) {
-            // result.background = '';
-            // result.color = '';
-        }
-    }
-    return result;
-};
-exports.getItemStyle = getItemStyle;

package/src/View/Layout/Wizard/LayoutEditor/index.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Layout } from '../../../../PredefinedConfig/LayoutState';
-import { AdaptableApi } from '../../../../Api/AdaptableApi';
-export interface LayoutEditorProps {
-    api: AdaptableApi;
-    layout: Layout;
-    onLayoutChange?: (layout: Layout) => void;
-}
-export declare const LayoutEditor: React.MemoExoticComponent<(props: LayoutEditorProps) => JSX.Element>;