@adaptabletools/adaptable 11.1.15 → 11.2.0

package/src/View/GridInfo/GridOptionsComponent.d.ts

@@ -4,7 +4,6 @@ interface GridOptionsProps extends React.ClassAttributes<GridOptionsComponent> {
     api: AdaptableApi;
 }
 export interface GridOptionsState {
-    testString: string;
     showTotalFooter: boolean;
     showGroupFooter: boolean;
 }

package/src/View/GridInfo/GridOptionsComponent.js

@@ -11,7 +11,6 @@ class GridOptionsComponent extends React.Component {
         super(props);
         const gridOptions = props.api.internalApi.getAgGridInstance();
         this.state = {
-            testString: 'Hello world',
             showTotalFooter: gridOptions.groupIncludeTotalFooter,
             showGroupFooter: gridOptions.groupIncludeFooter,
         };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { AccessLevel, Layout } from '../../../types';
+export declare const LayoutCloneButton: React.FunctionComponent<{
+    data: Layout;
+    accessLevel: AccessLevel;
+}>;

package/src/View/Layout/LayoutCloneButton.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutCloneButton = 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");
+exports.LayoutCloneButton = ({ data, accessLevel }) => {
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const isDisabled = accessLevel === 'ReadOnly';
+    const handleClick = React.useCallback(() => {
+        adaptable.api.layoutApi.showLayoutEditor(data.Name, 'Clone');
+    }, []);
+    return React.createElement(SimpleButton_1.default, { onClick: handleClick, disabled: isDisabled, variant: "text", icon: "clone" });
+};

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { Layout } from '../../../types';
+import { AccessLevel, Layout } from '../../../types';
 export declare const LayoutRadioSelector: React.FunctionComponent<{
     data: Layout;
     id?: string;
+    accessLevel: AccessLevel;
 }>;

package/src/View/Layout/LayoutRadioSelector.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const Radio_1 = tslib_1.__importDefault(require("../../components/Radio"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.LayoutRadioSelector = ({ data, }) => {
+exports.LayoutRadioSelector = ({ data }) => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const currentLayout = adaptable.api.layoutApi.getCurrentLayout();
     const layouts = adaptable.api.layoutApi.getAllLayout();

package/src/View/Layout/LayoutStatusBarSubPanelPopover.js

@@ -4,6 +4,7 @@ exports.LayoutStatusBarSubPanelPopover = 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 AdaptableContext_1 = require("../AdaptableContext");
 const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
 const PanelWithRow_1 = require("../Components/Panels/PanelWithRow");
@@ -14,12 +15,16 @@ const colItems = [
 ];
 exports.LayoutStatusBarSubPanelPopover = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
+    const accessLevel = adaptable.EntitlementService.getEntitlementAccessLevelForModule(ModuleConstants.LayoutModuleId);
     const layouts = adaptable.api.layoutApi.getAllLayout();
     return (React.createElement(rebass_1.Flex, { flexDirection: "column" },
         React.createElement(PanelWithRow_1.PanelWithRow, { colItems: colItems }),
         layouts.map((layout) => {
             return (React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { key: layout.Name, colItems: [
-                    { Content: React.createElement(LayoutRadioSelector_1.LayoutRadioSelector, { id: layout.Name, data: layout }), Size: 1 },
+                    {
+                        Content: (React.createElement(LayoutRadioSelector_1.LayoutRadioSelector, { accessLevel: accessLevel, id: layout.Name, data: layout })),
+                        Size: 1,
+                    },
                     {
                         Content: (React.createElement("label", { style: { cursor: 'pointer' }, htmlFor: layout.Name }, layout.Name)),
                         Size: 4,

package/src/View/Layout/Wizard/LayoutEditorWizard.d.ts

@@ -43,6 +43,7 @@ export declare class LayoutEditorWizard extends React.Component<LayoutEditorWiza
         Uuid?: string;
         Source?: "Config" | "User";
         IsReadOnly?: boolean;
+        Tags?: import("../../../PredefinedConfig/Common/AdaptableObject").AdaptableObjectTag[];
     };
     canNext(): boolean;
     canBack(): boolean;

package/src/View/PlusMinus/Wizard/PlusMinusWizard.js

@@ -11,6 +11,7 @@ const PlusMinusSettingsWizardSection_1 = require("./PlusMinusSettingsWizardSecti
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const PlusMinusRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/PlusMinusRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.PlusMinusWizard = (props) => {
     const [plusMinus, setPlusMinus] = React.useState(() => {
         var _a, _b, _c, _d, _e;
@@ -67,6 +68,14 @@ exports.PlusMinusWizard = (props) => {
                 renderSummary: () => React.createElement(PlusMinusSettingsWizardSection_1.PlusMinusSettingsSummary, { hasCondition: hasCondition }),
                 render: () => (React.createElement(PlusMinusSettingsWizardSection_1.PlusMinusSettingsWizardSection, { hasCondition: hasCondition, onConditionChange: setHasCondition, onChange: setPlusMinus })),
             },
+            {
+                details: 'Select Plus/Minus tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setPlusMinus }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 render: () => {

package/src/View/Query/Wizard/NamedQueryWizard.js

@@ -12,6 +12,7 @@ const NamedQueryExpressionWizardSection_1 = require("./NamedQueryExpressionWizar
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const QueryRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/QueryRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 function NamedQueryWizard(props) {
     const [namedQuery, setNamedQuery] = react_1.useState(() => {
         var _a, _b;
@@ -47,6 +48,14 @@ function NamedQueryWizard(props) {
                     return React.createElement(NamedQuerySettingsWizardSection_1.NamedQuerySettingsWizardSection, { onChange: setNamedQuery });
                 },
             },
+            {
+                details: 'Select Query tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setNamedQuery }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 title: 'Summary',

package/src/View/Schedule/Wizard/ScheduleWizard.js

@@ -12,6 +12,7 @@ const Enums_1 = require("../../../PredefinedConfig/Common/Enums");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const ScheduleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ScheduleRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.ScheduleWizard = (props) => {
     var _a, _b, _c;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : props.popupParams.value;
@@ -101,6 +102,15 @@ exports.ScheduleWizard = (props) => {
                 render: () => (React.createElement(rebass_1.Box, { p: 3 },
                     React.createElement(ScheduleScheduleWizard_1.ScheduleScheduleWizard, { isOneOff: isOneOff, onSetIsOneOff: setIsOneOff, onChange: setSchedule }))),
             },
+            {
+                details: 'Select Schedule tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setSchedule }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
+            '-',
             {
                 render: () => {
                     return (React.createElement(rebass_1.Box, { padding: 2 },

package/src/View/Shortcut/Wizard/ShortcutWizard.js

@@ -14,6 +14,7 @@ const react_redux_1 = require("react-redux");
 const ShortcutRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ShortcutRedux"));
 const shortcutKeys_1 = require("../shortcutKeys");
 const AdaptableContext_1 = require("../../AdaptableContext");
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.ShortcutWizard = (props) => {
     const [shortcut, setShortcut] = React.useState(() => {
         var _a;
@@ -71,6 +72,15 @@ exports.ShortcutWizard = (props) => {
                         React.createElement(ShortcutSettingsWizard_1.ShortcutSettingsWizard, { availableKeys: (_a = props.availableKeys) !== null && _a !== void 0 ? _a : availableKeys, onChange: setShortcut })));
                 },
             },
+            {
+                details: 'Select Shortcut tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setShortcut }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
+            '-',
             {
                 render: () => {
                     return (React.createElement(rebass_1.Box, { padding: 2 },

package/src/View/SpecialColumnSettingsWizardStep.js

@@ -31,7 +31,7 @@ exports.SpecialColumnSettingsWizardStep = (props) => {
         React.createElement(Tabs_1.Tabs, { marginTop: 2, autoFocus: false },
             React.createElement(Tabs_1.Tabs.Tab, null, "Column Properties"),
             React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "row" },
+                React.createElement(rebass_1.Flex, { flexDirection: "column" },
                     React.createElement(FormLayout_1.default, { style: { width: '100%' }, columns: [
                             { name: 'first', size: '30%' },
                             { size: '30%', name: 'second' },

package/src/View/StatusBar/StatusBarPopup.js

@@ -22,7 +22,7 @@ exports.StatusBarPopup = (props) => {
     const handleTabChange = React.useCallback((tabs) => {
         const newStatusPanels = tabs.map((tab) => {
             const statusPanel = statusPanels.find((sp) => sp.Key === tab.Name);
-            return Object.assign(Object.assign({}, statusPanel), { SubPanels: tab.Items });
+            return Object.assign(Object.assign({}, statusPanel), { StatusBarPanels: tab.Items });
         });
         adaptable.api.statusBarApi.setStatusPanels(newStatusPanels);
     }, [statusPanels]);

package/src/View/Wizard/ObjectTagsWizardSection.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
+declare type ObjectTagsWizardSectionProps<T extends AdaptableObject> = {
+    onChange: (data: T) => void;
+};
+export declare const ObjectTagsWizardSection: <T extends AdaptableObject>(props: ObjectTagsWizardSectionProps<T>) => JSX.Element;
+export declare const renderObjectTagsSummary: <T extends AdaptableObject>(data: T) => JSX.Element;
+export {};

package/src/View/Wizard/ObjectTagsWizardSection.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderObjectTagsSummary = exports.ObjectTagsWizardSection = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Tabs_1 = require("../../components/Tabs");
+const TagValueSelector_1 = require("../Components/TagValueSelector");
+const OnePageAdaptableWizard_1 = require("./OnePageAdaptableWizard");
+const rebass_1 = require("rebass");
+exports.ObjectTagsWizardSection = (props) => {
+    const { onChange } = props;
+    const { data } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+        React.createElement(Tabs_1.Tabs.Tab, null, "Tags"),
+        React.createElement(Tabs_1.Tabs.Content, null,
+            React.createElement(TagValueSelector_1.TagValueSelector, { selectedTags: data.Tags, onChange: (selectedTags) => onChange(Object.assign(Object.assign({}, data), { Tags: selectedTags })) }))));
+};
+exports.renderObjectTagsSummary = (data) => {
+    var _a;
+    return ((_a = data.Tags) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(rebass_1.Text, { fontSize: 2 },
+        React.createElement(TagValueSelector_1.TagValueOptionsTags, { tags: data.Tags }))) : null;
+};

package/src/View/Wizard/OnePageAdaptableWizard.d.ts

@@ -21,6 +21,7 @@ export declare type OnePageWizardSection<ENTITY> = {
     title: string;
     details?: React.ReactNode;
     isValid?: (data: ENTITY, api: AdaptableApi, context: OnePageAdaptableWizardContextType<ENTITY>) => true | string;
+    isVisible?: (data: ENTITY, api: AdaptableApi, context: OnePageAdaptableWizardContextType<ENTITY>) => boolean;
     render: (data: ENTITY, index: number) => React.ReactNode;
     renderSummary?: (data: ENTITY, api: AdaptableApi) => React.ReactNode;
 };

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -36,9 +36,9 @@ function useOnePageWizardContext() {
 exports.useOnePageWizardContext = useOnePageWizardContext;
 exports.OnePageAdaptableWizard = (props) => {
     var _a, _b;
+    const { api } = AdaptableContext_1.useAdaptable();
     const dispatch = react_redux_1.useDispatch();
     const saveNamedQuery = React.useCallback((namedQuery) => dispatch(QueryRedux.NamedQueryAdd(namedQuery)), []);
-    const { api } = AdaptableContext_1.useAdaptable();
     let defaultCurrentIndex = 0;
     if (props.defaultCurrentSectionName) {
         const candidate = props.sections.findIndex((section) => section !== '-' && section.title === props.defaultCurrentSectionName);
@@ -62,7 +62,7 @@ exports.OnePageAdaptableWizard = (props) => {
         (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props, props.data);
     };
     const renderSection = (index) => {
-        const section = props.sections[index];
+        const section = visibleSections[index];
         if (section === '-') {
             return React.createElement(React.Fragment, { key: index });
         }
@@ -92,7 +92,6 @@ exports.OnePageAdaptableWizard = (props) => {
         node.style.height = `${activeElement.offsetHeight}px`;
         node.style.width = `${activeElement.offsetWidth}px`;
     }, [currentSection, width]);
-    useKeyboardNavigation_1.useKeyboardNavigation(setCurrentSection, props.sections);
     let navIndex = 0;
     const dialogRef = react_1.useRef(null);
     let invalidCount = 0;
@@ -100,12 +99,19 @@ exports.OnePageAdaptableWizard = (props) => {
     const contextValue = {
         data: props.data,
         api,
+        //visible sections is updated below, as this is a chicken-egg problem
         sections: props.sections,
         setCurrentSection,
         namedQuery,
         moduleInfo: props.moduleInfo,
     };
-    const validSectionsMap = props.sections.reduce((acc, section, index) => {
+    const visibleSections = React.useMemo(() => {
+        return props.sections.filter((section) => section === '-' ||
+            section.isVisible == undefined ||
+            section.isVisible(props.data, api, contextValue));
+    }, [props.sections]);
+    contextValue.sections = visibleSections;
+    const validSectionsMap = visibleSections.reduce((acc, section, index) => {
         if (section === '-') {
             acc.set(index, true);
             return acc;
@@ -120,6 +126,7 @@ exports.OnePageAdaptableWizard = (props) => {
         acc.set(index, valid);
         return acc;
     }, new Map());
+    useKeyboardNavigation_1.useKeyboardNavigation(setCurrentSection, visibleSections);
     const canFinish = !invalidCount;
     return (React.createElement(NamedQueryContext_1.NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery } },
         React.createElement(exports.OnePageAdaptableWizardContext.Provider, { value: contextValue },
@@ -150,7 +157,7 @@ exports.OnePageAdaptableWizard = (props) => {
                         : '', style: Object.assign({ height: '100%', width: '90vw', maxWidth: 1000 }, props.style) },
                     React.createElement(rebass_1.Flex, { flexDirection: "row", alignItems: "stretch", flex: 1, style: { overflow: 'auto' } },
                         React.createElement(rebass_1.Flex, { flexDirection: "column", padding: 3, className: "ab-OnePageWizard__section-title-container", ref: sizeOwnerRef, style: { overflow: 'auto', position: 'relative', flex: 'none' } },
-                            props.sections.map((section, index) => {
+                            visibleSections.map((section, index) => {
                                 if (section === '-') {
                                     return (React.createElement(rebass_1.Box, { as: "hr", mt: 2, className: "ab-OnePageWizard__section-separator", key: `${index}-`, style: {
                                             width: '100%',

package/src/agGrid/Adaptable.d.ts

@@ -82,6 +82,18 @@ export declare class Adaptable implements IAdaptable {
     private _adaptableReady;
     isDestroyed: boolean;
     private agGridModules;
+    private listenerKeydown;
+    private listenerFirstDataRendered;
+    private listenerPivotModeChanged;
+    private listenerPivotChanged;
+    private listenerColumnRowGroupChanged;
+    private listenerColumnResized;
+    private listenerRangeSelectionChanged;
+    private listenerSortChanged;
+    private listenerModelUpdated;
+    private listenerGlobalSetRowSelection;
+    private listenerGlobalColumnEventsThatTriggerStateChange;
+    private listenerGlobalColumnEventsThatTriggerAutoLayoutSave;
     static init(adaptableOptions: AdaptableOptions): Promise<AdaptableApi>;
     /**
      * Lazy static constructor for Adaptable
@@ -219,6 +231,7 @@ export declare class Adaptable implements IAdaptable {
         enablePivot: boolean;
         suppressMenu: boolean;
         suppressMovable: boolean;
+        headerTooltip: string;
         cellEditor: string | typeof AdaptableNumberEditor | typeof AdaptableDateEditor;
         type: string[];
         valueSetter: (params: ValueSetterParams) => any;
@@ -270,7 +283,7 @@ export declare class Adaptable implements IAdaptable {
     setupColumnValueSetter({ col, colId, abColumn }: ColumnSetupInfo): void;
     setupColumnComparator({ col, colId, abColumn }: ColumnSetupInfo): void;
     private applyCurrentTheme;
-    private getDefaultGroupOrderComparator;
+    private getInitialGroupOrderComparator;
     private applyFinalRendering;
     private isModulePresent;
     private getPreviousColDefInfo;