@adaptabletools/adaptable 11.1.14 → 11.2.0-canary.0

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;