@adaptabletools/adaptable-cjs 22.1.1 → 23.0.0-canary.0

package/src/View/UIHelper.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIHelper = exports.ORANGE = exports.LIGHT_RED = exports.RED = exports.DARK_RED = exports.PURPLE = exports.MAGENTA = exports.CYAN = exports.LIGHT_BLUE = exports.BLUE = exports.DARK_BLUE = exports.LIGHT_YELLOW = exports.YELLOW = exports.LIME_GREEN = exports.GREEN = exports.DARK_GREEN = exports.BROWN = exports.GRAY = exports.LIGHT_GRAY = exports.WHITE = exports.BLACK = void 0;
-exports.getHexForName = getHexForName;
-exports.getDefaultColors = getDefaultColors;
+exports.UIHelper = void 0;
+exports.getSwatchColorVar = getSwatchColorVar;
+exports.getGraySwatchColor = getGraySwatchColor;
+exports.getSwatchColorPaletteEntries = getSwatchColorPaletteEntries;
+exports.getThemeSemanticColorPaletteEntries = getThemeSemanticColorPaletteEntries;
+exports.getDefaultColorPalette = getDefaultColorPalette;
 exports.getEmptyConfigState = getEmptyConfigState;
 exports.getDescriptionForDataType = getDescriptionForDataType;
 exports.getPlaceholderForDataType = getPlaceholderForDataType;
@@ -34,99 +37,46 @@ const tslib_1 = require("tslib");
 const EditableConfigEntityState_1 = require("./Components/SharedProps/EditableConfigEntityState");
 const Enums_1 = require("../AdaptableState/Common/Enums");
 const StringExtensions_1 = require("../Utilities/Extensions/StringExtensions");
+const ScheduleHelper_1 = require("../Utilities/Helpers/ScheduleHelper");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 const resolveContainerElement_1 = require("../Utilities/resolveContainerElement");
-exports.BLACK = 'Black';
-exports.WHITE = 'White';
-exports.LIGHT_GRAY = 'LightGray';
-exports.GRAY = 'Gray';
-exports.BROWN = 'Brown';
-exports.DARK_GREEN = 'DarkGreen';
-exports.GREEN = 'Green';
-exports.LIME_GREEN = 'LimeGreen';
-exports.YELLOW = 'Yellow';
-exports.LIGHT_YELLOW = 'LightYellow';
-exports.DARK_BLUE = 'DarkBlue';
-exports.BLUE = 'Blue';
-exports.LIGHT_BLUE = 'LightBlue';
-//xport const LIGHT_GREEN: string = 'LightGreen';
-exports.CYAN = 'Cyan';
-exports.MAGENTA = 'Magenta';
-exports.PURPLE = 'Purple';
-exports.DARK_RED = 'DarkRed';
-exports.RED = 'Red';
-exports.LIGHT_RED = 'LightRed';
-exports.ORANGE = 'Orange';
-function getHexForName(name) {
-    switch (name) {
-        case exports.BLACK:
-            return '#000000';
-        case exports.WHITE:
-            return '#FFFFFF';
-        case exports.LIGHT_GRAY:
-            return '#D3D3D3';
-        case exports.GRAY:
-            return '#808080';
-        case exports.BROWN:
-            return '#A52A2A';
-        case exports.DARK_GREEN:
-            return '#006400';
-        case exports.GREEN:
-            return '#008000';
-        case exports.LIME_GREEN:
-            return '#32CD32';
-        case exports.YELLOW:
-            return '#FFFF00';
-        case exports.LIGHT_YELLOW:
-            return '#FFFFE0';
-        case exports.DARK_BLUE:
-            return '#00008B';
-        case exports.BLUE:
-            return '#0000FF';
-        case exports.LIGHT_BLUE:
-            return '#87CEFA';
-        case exports.CYAN:
-            return '#00FFFF';
-        case exports.MAGENTA:
-            return '#FF00FF';
-        case exports.PURPLE:
-            return '#800080';
-        case exports.DARK_RED:
-            return '#8B0000';
-        case exports.RED:
-            return '#FF0000';
-        case exports.LIGHT_RED:
-            return '#DC143C';
-        case exports.ORANGE:
-            return '#FFA500';
-        default:
-            return 'not found';
-    }
+/** Generic swatch entries for the Colour Picker (resolved at runtime per active theme). */
+function getSwatchColorVar(index) {
+    return `var(--ab-color-swatch-${index})`;
+}
+/** Default mid-gray from the theme swatch palette (`--ab-color-swatch-4`). */
+function getGraySwatchColor() {
+    return getSwatchColorVar(4);
 }
-function getDefaultColors() {
+function getSwatchColorPaletteEntries() {
+    return Array.from({ length: 20 }, (_, i) => getSwatchColorVar(i + 1));
+}
+/** Theme semantic colours for the Colour Picker (resolved at runtime per active theme). */
+function getThemeSemanticColorPaletteEntries() {
     return [
-        getHexForName(exports.BLACK),
-        getHexForName(exports.WHITE),
-        getHexForName(exports.LIGHT_GRAY),
-        getHexForName(exports.GRAY),
-        getHexForName(exports.BROWN),
-        getHexForName(exports.DARK_GREEN),
-        getHexForName(exports.GREEN),
-        getHexForName(exports.LIME_GREEN),
-        getHexForName(exports.YELLOW),
-        getHexForName(exports.LIGHT_YELLOW), //  (quick search default)
-        getHexForName(exports.DARK_BLUE),
-        getHexForName(exports.BLUE),
-        getHexForName(exports.LIGHT_BLUE),
-        getHexForName(exports.CYAN),
-        getHexForName(exports.MAGENTA),
-        getHexForName(exports.PURPLE),
-        getHexForName(exports.DARK_RED),
-        getHexForName(exports.RED),
-        getHexForName(exports.LIGHT_RED),
-        getHexForName(exports.ORANGE),
+        'var(--ab-color-error)',
+        'var(--ab-color-warn)',
+        'var(--ab-color-success)',
+        'var(--ab-color-info)',
+        'var(--ab-color-accent)',
+        'var(--ab-color-palette-1)',
+        'var(--ab-color-palette-2)',
+        'var(--ab-color-palette-3)',
+        'var(--ab-color-palette-4)',
+        'var(--ab-color-palette-5)',
+        'var(--ab-color-palette-6)',
+        'var(--ab-color-palette-7)',
+        'var(--ab-color-palette-8)',
+        'var(--ab-color-palette-9)',
+        'var(--ab-color-palette-10)',
+        'var(--ab-color-palette-11)',
+        'var(--ab-color-palette-12)',
     ];
 }
+/** Swatch and theme semantic entries (default Colour Picker set). */
+function getDefaultColorPalette() {
+    return [...getSwatchColorPaletteEntries(), ...getThemeSemanticColorPaletteEntries()];
+}
 function getEmptyConfigState() {
     return {
         editedAdaptableObject: null,
@@ -338,33 +288,7 @@ function getButtonToneForMessageType(messageType) {
     }
 }
 function getScheduleDescription(schedule) {
-    if (schedule == null) {
-        return '[No Schedule]';
-    }
-    let dateString;
-    if (schedule.OneOffDate == null) {
-        if (ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Monday') &&
-            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Tuesday') &&
-            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Wednesday') &&
-            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Thursday') &&
-            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Friday')) {
-            if (ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Sunday') &&
-                ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Saturday')) {
-                dateString = 'Everyday';
-            }
-            else {
-                dateString = 'Weekdays';
-            }
-        }
-        else {
-            const names = schedule.DaysOfWeek.sort().map((d) => getShortenedDayString(d));
-            dateString = ArrayExtensions_1.default.createCommaSeparatedString(names);
-        }
-    }
-    else {
-        dateString = new Date(schedule.OneOffDate).toDateString();
-    }
-    return `${dateString} @ ${addLeadingZero(schedule.Hour)}:${addLeadingZero(schedule.Minute)}`;
+    return (0, ScheduleHelper_1.getScheduleDescription)(schedule);
 }
 function getShortenedDayString(dayOfWeek) {
     switch (dayOfWeek) {
@@ -470,8 +394,11 @@ function isBrowserDocumentAvailable() {
     return typeof window !== 'undefined' && typeof window.document !== 'undefined';
 }
 exports.UIHelper = {
-    getHexForName,
-    getDefaultColors,
+    getSwatchColorVar,
+    getGraySwatchColor,
+    getSwatchColorPaletteEntries,
+    getThemeSemanticColorPaletteEntries,
+    getDefaultColorPalette,
     getEmptyConfigState,
     getDescriptionForDataType,
     getPlaceholderForDataType,

package/src/View/Wizard/ObjectTagsWizardSection.js

@@ -1,21 +1,17 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 const Tabs_1 = require("../../components/Tabs");
 const TagValueSelector_1 = require("../Components/TagValueSelector");
 const OnePageAdaptableWizard_1 = require("./OnePageAdaptableWizard");
 const ObjectTagsWizardSection = (props) => {
     const { onChange } = props;
     const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(Tabs_1.Tabs, { className: "twa:h-full" },
-        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({ ...data, Tags: selectedTags }) }))));
+    return ((0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { className: "twa:h-full", children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Tab, { children: "Tags" }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { children: (0, jsx_runtime_1.jsx)(TagValueSelector_1.TagValueSelector, { selectedTags: data.Tags, onChange: (selectedTags) => onChange({ ...data, Tags: selectedTags }) }) })] }));
 };
 exports.ObjectTagsWizardSection = ObjectTagsWizardSection;
 const renderObjectTagsSummary = (data) => {
-    return data.Tags?.length ? React.createElement(TagValueSelector_1.TagValueOptionsTags, { tags: data.Tags }) : null;
+    return data.Tags?.length ? (0, jsx_runtime_1.jsx)(TagValueSelector_1.TagValueOptionsTags, { tags: data.Tags }) : null;
 };
 exports.renderObjectTagsSummary = renderObjectTagsSummary;

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

@@ -44,6 +44,19 @@ export interface OnePageAdaptableWizardProps<ENTITY> {
     closeText?: React.ReactNode;
     closeTooltip?: string;
     finishText?: React.ReactNode;
+    /**
+     * Optional override for the title rendered in the wizard header. When
+     * absent we fall back to `moduleInfo.FriendlyName` (the standard
+     * "Format Column" / "Styled Column" / etc. behaviour). Use this when
+     * the wizard title should reflect the *current data* — e.g. the
+     * Styled Column wizard wants to switch from "Styled Column" to
+     * "Gradient" / "Percent Bar" once a type has been picked.
+     *
+     * Only the displayed header is affected; the kebab-case `data-name`,
+     * `moduleInfo` context value and validators keep using the canonical
+     * `FriendlyName`.
+     */
+    moduleName?: string;
 }
 export declare const OnePageAdaptableWizard: <ENTITY extends unknown>(props: OnePageAdaptableWizardProps<ENTITY>) => React.JSX.Element;
 export declare const OnePageWizardSummary: <ENTITY extends unknown>() => React.JSX.Element;

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OnePageWizardSummary = exports.OnePageAdaptableWizard = exports.OnePageAdaptableWizardContext = exports.FormDescriptionText = exports.SummaryText = exports.SummaryTag = void 0;
 exports.useOnePageAdaptableWizardContext = useOnePageAdaptableWizardContext;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const react_redux_1 = require("react-redux");
@@ -15,11 +16,11 @@ const OnePageWizards_1 = require("./OnePageWizards");
 const kebabCase_1 = tslib_1.__importDefault(require("../../Utilities/utils/kebabCase"));
 const Flex_1 = require("../../components/Flex");
 const twMerge_1 = require("../../twMerge");
-const SummaryTag = (props) => (React.createElement(Flex_1.Box, { ...props }));
+const SummaryTag = (props) => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { ...props }));
 exports.SummaryTag = SummaryTag;
-const SummaryText = (props) => (React.createElement(Flex_1.Box, { ...props, className: (0, twMerge_1.twMerge)('twa:text-2 twa:mb-3', props.className) }));
+const SummaryText = (props) => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { ...props, className: (0, twMerge_1.twMerge)('twa:text-2 twa:mb-3', props.className) }));
 exports.SummaryText = SummaryText;
-const FormDescriptionText = (props) => React.createElement(Flex_1.Box, { ...props, className: (0, twMerge_1.twMerge)('twa:text-2 twa:mt-1', props.className) });
+const FormDescriptionText = (props) => (0, jsx_runtime_1.jsx)(Flex_1.Box, { ...props, className: (0, twMerge_1.twMerge)('twa:text-2 twa:mt-1', props.className) });
 exports.FormDescriptionText = FormDescriptionText;
 exports.OnePageAdaptableWizardContext = React.createContext({
     data: null,
@@ -78,18 +79,16 @@ const OnePageAdaptableWizard = (props) => {
         }
         props.onFinish?.(props.data);
     };
-    return (React.createElement(exports.OnePageAdaptableWizardContext.Provider, { value: extraContext },
-        React.createElement(NamedQueryContext_1.NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery } },
-            React.createElement(OnePageWizards_1.OnePageWizard, { ...props, name: name, sections: sections, onFinish: handleClickFinish, moduleName: props.moduleInfo.FriendlyName }))));
+    return ((0, jsx_runtime_1.jsx)(exports.OnePageAdaptableWizardContext.Provider, { value: extraContext, children: (0, jsx_runtime_1.jsx)(NamedQueryContext_1.NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery }, children: (0, jsx_runtime_1.jsx)(OnePageWizards_1.OnePageWizard, { ...props, name: name, sections: sections, onFinish: handleClickFinish, moduleName: props.moduleName ?? props.moduleInfo.FriendlyName }) }) }));
 };
 exports.OnePageAdaptableWizard = OnePageAdaptableWizard;
 const OnePageWizardSummary = () => {
     const { sections, data, api, moduleInfo } = useOnePageAdaptableWizardContext();
     const { setCurrentSection } = (0, OnePageWizards_1.useOnePageWizardContext)();
     const [namedQuery] = (0, react_1.useState)(false);
-    const renderEdit = (index) => (React.createElement(SimpleButton_1.default, { className: "twa:px-1 twa:inline-block twa:text-2 twa:underline", variant: "text", onClick: () => {
+    const renderEdit = (index) => ((0, jsx_runtime_1.jsx)(SimpleButton_1.default, { className: "twa:px-1 twa:inline-block twa:text-2 twa:underline", variant: "text", onClick: () => {
             setCurrentSection(index);
-        } }, "edit"));
+        }, children: "edit" }));
     const extraContext = {
         data,
         api,
@@ -97,25 +96,19 @@ const OnePageWizardSummary = () => {
         moduleInfo: moduleInfo,
         sections,
     };
-    return (React.createElement(Flex_1.Box, { className: "ab-OnePageWizardSummary twa:flex twa:flex-col twa:gap-2" }, sections
-        .map((section, index) => {
-        if (section === '-') {
-            return null;
-        }
-        if (!section.renderSummary) {
-            return null;
-        }
-        if (section.isVisible && !section.isVisible(data, api, extraContext)) {
-            return null;
-        }
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Tabs_1.Tabs, { keyboardNavigation: false, key: index },
-                React.createElement(Tabs_1.Tabs.Tab, null,
-                    section.title,
-                    " ",
-                    renderEdit(index)),
-                React.createElement(Tabs_1.Tabs.Content, null, section.renderSummary(data, api)))));
-    })
-        .filter(Boolean)));
+    return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "ab-OnePageWizardSummary twa:flex twa:flex-col twa:gap-2", children: sections
+            .map((section, index) => {
+            if (section === '-') {
+                return null;
+            }
+            if (!section.renderSummary) {
+                return null;
+            }
+            if (section.isVisible && !section.isVisible(data, api, extraContext)) {
+                return null;
+            }
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { keyboardNavigation: false, children: [(0, jsx_runtime_1.jsxs)(Tabs_1.Tabs.Tab, { children: [section.title, " ", renderEdit(index)] }), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs.Content, { children: section.renderSummary(data, api) })] }, index) }));
+        })
+            .filter(Boolean) }));
 };
 exports.OnePageWizardSummary = OnePageWizardSummary;

package/src/View/Wizard/OnePageWizards.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OnePageWizard = exports.OnePageWizardContext = exports.FormDescriptionText = exports.SummaryText = exports.SummaryTag = void 0;
 exports.useOnePageWizardContext = useOnePageWizardContext;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const clsx_1 = tslib_1.__importDefault(require("clsx"));
@@ -21,11 +22,11 @@ const twMerge_1 = require("../../twMerge");
 const twUtils_1 = require("../../components/twUtils");
 /** Same template for header row and main row so module/details align with nav / content columns. */
 const ONE_PAGE_WIZARD_SECTION_GRID = 'twa:grid twa:grid-cols-[minmax(160px,14rem)_minmax(0,1fr)]';
-const SummaryTag = (props) => (React.createElement(Flex_1.Box, { ...props }));
+const SummaryTag = (props) => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { ...props }));
 exports.SummaryTag = SummaryTag;
-const SummaryText = (props) => (React.createElement(Flex_1.Box, { ...props, className: (0, twMerge_1.twMerge)('twa:text-2 twa:mb-3', props.className) }));
+const SummaryText = (props) => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { ...props, className: (0, twMerge_1.twMerge)('twa:text-2 twa:mb-3', props.className) }));
 exports.SummaryText = SummaryText;
-const FormDescriptionText = (props) => React.createElement(Flex_1.Box, { ...props, className: (0, twMerge_1.twMerge)('twa:text-2 twa:mt-1', props.className) });
+const FormDescriptionText = (props) => (0, jsx_runtime_1.jsx)(Flex_1.Box, { ...props, className: (0, twMerge_1.twMerge)('twa:text-2 twa:mt-1', props.className) });
 exports.FormDescriptionText = FormDescriptionText;
 exports.OnePageWizardContext = React.createContext({
     data: null,
@@ -55,12 +56,24 @@ const OnePageWizard = (props) => {
             section.isVisible(props.data, contextValue));
     }, [props.sections]);
     contextValue.sections = visibleSections;
+    // Apply `defaultCurrentSectionName` only once per distinct value. Without
+    // this guard the effect re-fires every render (because `visibleSections` is
+    // recomputed each render whenever the parent rebuilds `sections`), which
+    // makes the wizard snap back to the default section on every interior
+    // state change — e.g. clicking a checkbox in an *earlier* step would yank
+    // the user forward to the default step again.
+    const lastAppliedDefaultSectionName = React.useRef(undefined);
     React.useEffect(() => {
-        if (props.defaultCurrentSectionName) {
-            const candidate = visibleSections.findIndex((section) => section !== '-' && section?.title === props.defaultCurrentSectionName);
-            if (candidate >= 0) {
-                setCurrentSection(candidate);
-            }
+        if (!props.defaultCurrentSectionName) {
+            return;
+        }
+        if (lastAppliedDefaultSectionName.current === props.defaultCurrentSectionName) {
+            return;
+        }
+        const candidate = visibleSections.findIndex((section) => section !== '-' && section?.title === props.defaultCurrentSectionName);
+        if (candidate >= 0) {
+            setCurrentSection(candidate);
+            lastAppliedDefaultSectionName.current = props.defaultCurrentSectionName;
         }
     }, [props.defaultCurrentSectionName, visibleSections]);
     const [namedQuery, setNamedQuery] = (0, react_1.useState)(false);
@@ -71,14 +84,13 @@ const OnePageWizard = (props) => {
     const renderSection = (index) => {
         const section = visibleSections[index];
         if (section === '-') {
-            return React.createElement(React.Fragment, { key: index });
+            return (0, jsx_runtime_1.jsx)(React.Fragment, {}, index);
         }
-        return (React.createElement(Flex_1.Flex, { flexDirection: "column", key: index, "data-name": `section-${index}`, className: "twa:min-h-full twa:mr-2" },
-            React.createElement(Flex_1.Box, { className: "ab-OnePageWizard__section twa:flex-1 twa:rounded-standard twa:overflow-auto twa:bg-defaultbackground" }, section.render(props.data, index))));
+        return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "column", "data-name": `section-${index}`, className: "twa:min-h-full twa:mr-2", children: (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "ab-OnePageWizard__section twa:flex-1 twa:rounded-standard twa:overflow-auto twa:bg-defaultbackground", children: section.render(props.data, index) }) }, index));
     };
     const handleNavigation = (0, useKeyboardNavigation_1.useKeyboardNavigation)(setCurrentSection, visibleSections);
     const selectedNodeRef = (0, react_1.useRef)(null);
-    const selectedFeedback = (React.createElement("div", { ref: selectedNodeRef, onKeyDown: (event) => handleNavigation(event), tabIndex: 0, className: (0, clsx_1.default)('ab-OnePageWizard__selected-title-overlay', 'twa:absolute twa:rounded-standard twa:select-none twa:bg-accent twa:transition-top twa:duration-200', twUtils_1.targetOwn.focusOutline) }));
+    const selectedFeedback = ((0, jsx_runtime_1.jsx)("div", { ref: selectedNodeRef, onKeyDown: (event) => handleNavigation(event), tabIndex: 0, className: (0, clsx_1.default)('ab-OnePageWizard__selected-title-overlay', 'twa:absolute twa:rounded-standard twa:select-none twa:bg-accent twa:transition-top twa:duration-200', twUtils_1.targetOwn.focusOutline) }));
     const sizeOwnerRef = (0, react_1.useRef)(null);
     const [width, setWidth] = (0, react_1.useState)(0);
     (0, ResizeObserver_1.useResizeObserver)(sizeOwnerRef, ({ width }) => {
@@ -116,9 +128,7 @@ const OnePageWizard = (props) => {
     const canFinish = !invalidCount;
     const activeSection = visibleSections[currentSection];
     const activeSectionDetails = activeSection !== '-' ? activeSection?.details : undefined;
-    return (React.createElement(NamedQueryContext_1.NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery } },
-        React.createElement(exports.OnePageWizardContext.Provider, { value: contextValue },
-            React.createElement(Dialog_1.default, { modal: props.modal ?? true, isOpen: true, showCloseButton: false, focusOnBrowserVisible: true, className: "twa:rounded-standard twa:overflow-hidden twa:h-[90vh]", ref: dialogRef, onDismiss: () => props.onHide?.(), onKeyDown: (event) => {
+    return ((0, jsx_runtime_1.jsx)(NamedQueryContext_1.NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery }, children: (0, jsx_runtime_1.jsx)(exports.OnePageWizardContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(Dialog_1.default, { modal: props.modal ?? true, isOpen: true, showCloseButton: false, focusOnBrowserVisible: true, className: "twa:rounded-standard twa:overflow-hidden twa:h-[90vh]", ref: dialogRef, onDismiss: () => props.onHide?.(), onKeyDown: (event) => {
                     if (event.metaKey || event.ctrlKey) {
                         const { key } = event;
                         if (!isNaN(Number(key))) {
@@ -134,60 +144,34 @@ const OnePageWizard = (props) => {
                             }
                         }
                     }
-                } },
-                React.createElement(Flex_1.Box, { className: (0, clsx_1.default)('ab-OnePageWizard twa:flex twa:flex-col twa:h-full twa:w-[90vw] twa:max-w-[1200px]', 'twa:bg-primarylight twa:text-primary-foreground'), "data-name": props.name, style: props.style },
-                    (props.moduleName || activeSectionDetails) && (React.createElement(Flex_1.Box, { className: (0, clsx_1.default)('ab-OnePageWizard__header', ONE_PAGE_WIZARD_SECTION_GRID, 'twa:items-start twa:mt-4 twa:mb-2 twa:px-2') },
-                        React.createElement(Flex_1.Box, { className: "ab-OnePageWizard__module-name twa:min-w-0 twa:pl-3 twa:font-bold" }, props.moduleName),
-                        React.createElement(Flex_1.Box, { className: "ab-OnePageWizard__details twa:min-w-0 twa:pr-2 twa:text-4" }, activeSectionDetails))),
-                    React.createElement(Flex_1.Box, { as: "hr", className: "ab-OnePageWizard__module-separator twa:w-full twa:border-0 twa:border-t twa:border-t-inputborder" }),
-                    React.createElement(Flex_1.Box, { className: (0, clsx_1.default)(ONE_PAGE_WIZARD_SECTION_GRID, 'twa:flex-1 twa:min-h-0 twa:overflow-auto twa:items-stretch') },
-                        React.createElement(Flex_1.Flex, { flexDirection: "column", className: "ab-OnePageWizard__section-title-container twa:min-h-0 twa:min-w-0 twa:overflow-auto twa:p-3 twa:relative", ref: sizeOwnerRef, style: props.titleContainerStyle },
-                            visibleSections.map((section, index) => {
-                                if (section === '-') {
-                                    return (React.createElement(Flex_1.Box, { as: "hr", className: "ab-OnePageWizard__section-separator twa:mt-2 twa:w-full twa:border-t twa:border-t-inputborder", key: `${index}-` }));
-                                }
-                                navIndex++;
-                                navIndexMap.set(navIndex, index);
-                                const active = index === currentSection;
-                                const disabled = false; //!active && !currentSectionValid;
-                                return (React.createElement(Flex_1.Flex, { className: (0, clsx_1.default)('ab-OnePageWizard__section-title twa:p-2', {
-                                        'twa:cursor-auto': disabled,
-                                        'twa:cursor-pointer': !disabled,
-                                        'twa:z-10': true,
-                                        'twa:opacity-50': disabled,
-                                        'twa:opacity-100': !disabled,
-                                        'twa:mt-2': index > 0,
-                                        'twa:mt-0': index === 0,
-                                        'twa:text-accent-foreground twa:pointer-events-none': active,
-                                    }), "data-name": section.title, flexDirection: "row", style: {
-                                        transition: 'color 0.2s',
-                                    }, key: section.title, onClick: () => {
-                                        if (disabled) {
-                                            return;
-                                        }
-                                        if (active) {
-                                            return;
-                                        }
-                                        setCurrentSection(index);
-                                    } },
-                                    React.createElement(KeyHint_1.KeyHint, { className: "twa:mr-2 twa:inline-block twa:text-color-accent-foreground" }, navIndex),
-                                    React.createElement("div", { className: "twa:flex-1" }, section.title),
-                                    React.createElement(icons_1.Icon, { name: "error", className: (0, clsx_1.default)('twa:ml-2', validSectionsMap.get(index) !== true ? 'twa:visible' : 'twa:invisible') })));
-                            }),
-                            selectedFeedback,
-                            React.createElement(Flex_1.Box, { className: "twa:flex-1" }),
-                            React.createElement(KeyHint_1.KeyHint, { className: "ab-OnePageWizard__key-hint twa:leading-normal" },
-                                (0, isMacLike_1.isMacLike)() ? 'Cmd' : 'Ctrl',
-                                " + #",
-                                React.createElement("br", null),
-                                "or arrow keys",
-                                React.createElement("br", null),
-                                "to navigate")),
-                        React.createElement(Flex_1.Flex, { flexDirection: "column", className: "ab-OnePageWizard__section-container twa:min-h-0 twa:min-w-0 twa:flex-1" }, renderSection(currentSection))),
-                    React.createElement(Flex_1.Flex, { flexDirection: "row", alignItems: "center", className: "ab-WizardDialog__footer ab-OnePageWizard__footer twa:p-2" },
-                        React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => props.onHide?.(), tooltip: props.closeTooltip ?? 'Close wizard', accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }, props.closeText ?? 'CLOSE'),
-                        React.createElement(KeyHint_1.KeyHint, { className: "twa:ml-2" }, "Esc"),
-                        React.createElement(Flex_1.Box, { className: "ab-OnePageWizard__error twa:text-2 twa:mr-3 twa:flex-1 twa:text-error twa:text-end" }, firstErrorMessage),
-                        React.createElement(SimpleButton_1.default, { tone: "accent", "data-name": "finish", variant: "raised", disabled: canFinish !== true, onClick: () => handleClickFinish(), icon: 'check', accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }, props.finishText ?? 'Finish')))))));
+                }, children: (0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: (0, clsx_1.default)('ab-OnePageWizard twa:flex twa:flex-col twa:h-full twa:w-[90vw] twa:max-w-[1200px]', 'twa:bg-primarylight twa:text-primary-foreground'), "data-name": props.name, style: props.style, children: [(props.moduleName || activeSectionDetails) && ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: (0, clsx_1.default)('ab-OnePageWizard__header', ONE_PAGE_WIZARD_SECTION_GRID, 'twa:items-start twa:my-3 twa:px-2'), children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "ab-OnePageWizard__module-name twa:min-w-0 twa:pl-3 twa:font-bold", children: props.moduleName }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "ab-OnePageWizard__details twa:min-w-0 twa:pr-2 twa:text-4", children: activeSectionDetails })] })), (0, jsx_runtime_1.jsx)(Flex_1.Box, { as: "hr", className: "ab-OnePageWizard__module-separator twa:w-full twa:border-0 twa:border-t twa:border-t-input-border twa:mb-2" }), (0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: (0, clsx_1.default)(ONE_PAGE_WIZARD_SECTION_GRID, 'twa:flex-1 twa:min-h-0 twa:overflow-auto twa:items-stretch'), children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", className: "ab-OnePageWizard__section-title-container twa:min-h-0 twa:min-w-0 twa:overflow-auto twa:p-3 twa:relative", ref: sizeOwnerRef, style: props.titleContainerStyle, children: [visibleSections.map((section, index) => {
+                                            if (section === '-') {
+                                                return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { as: "hr", className: "ab-OnePageWizard__section-separator twa:mt-2 twa:w-full twa:border-t twa:border-t-input-border" }, `${index}-`));
+                                            }
+                                            navIndex++;
+                                            navIndexMap.set(navIndex, index);
+                                            const active = index === currentSection;
+                                            const disabled = false; //!active && !currentSectionValid;
+                                            return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: (0, clsx_1.default)('ab-OnePageWizard__section-title twa:p-2', {
+                                                    'twa:cursor-auto': disabled,
+                                                    'twa:cursor-pointer': !disabled,
+                                                    'twa:z-10': true,
+                                                    'twa:opacity-50': disabled,
+                                                    'twa:opacity-100': !disabled,
+                                                    'twa:mt-2': index > 0,
+                                                    'twa:mt-0': index === 0,
+                                                    'twa:text-accent-foreground twa:pointer-events-none': active,
+                                                }), "data-name": section.title, flexDirection: "row", style: {
+                                                    transition: 'color 0.2s',
+                                                }, onClick: () => {
+                                                    if (disabled) {
+                                                        return;
+                                                    }
+                                                    if (active) {
+                                                        return;
+                                                    }
+                                                    setCurrentSection(index);
+                                                }, children: [(0, jsx_runtime_1.jsx)(KeyHint_1.KeyHint, { className: "twa:mr-2 twa:inline-block twa:text-color-accent-foreground", children: navIndex }), (0, jsx_runtime_1.jsx)("div", { className: "twa:flex-1", children: section.title }), (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: "error", className: (0, clsx_1.default)('twa:ml-2', validSectionsMap.get(index) !== true ? 'twa:visible' : 'twa:invisible') })] }, section.title));
+                                        }), selectedFeedback, (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:flex-1" }), (0, jsx_runtime_1.jsxs)(KeyHint_1.KeyHint, { className: "ab-OnePageWizard__key-hint twa:leading-normal", children: [(0, isMacLike_1.isMacLike)() ? 'Cmd' : 'Ctrl', " + #", (0, jsx_runtime_1.jsx)("br", {}), "or arrow keys", (0, jsx_runtime_1.jsx)("br", {}), "to navigate"] })] }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "column", className: "ab-OnePageWizard__section-container twa:min-h-0 twa:min-w-0 twa:flex-1", children: renderSection(currentSection) })] }), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", alignItems: "center", className: "ab-WizardDialog__footer ab-OnePageWizard__footer twa:p-2", children: [(0, jsx_runtime_1.jsx)(SimpleButton_1.default, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => props.onHide?.(), tooltip: props.closeTooltip ?? 'Close wizard', accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL, children: props.closeText ?? 'CLOSE' }), (0, jsx_runtime_1.jsx)(KeyHint_1.KeyHint, { className: "twa:ml-2", children: "Esc" }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "ab-OnePageWizard__error twa:text-2 twa:mr-3 twa:flex-1 twa:text-error twa:text-end", children: firstErrorMessage }), (0, jsx_runtime_1.jsx)(SimpleButton_1.default, { tone: "accent", "data-name": "finish", variant: "raised", disabled: canFinish !== true, onClick: () => handleClickFinish(), icon: 'check', accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL, children: props.finishText ?? 'Finish' })] })] }) }) }) }));
 };
 exports.OnePageWizard = OnePageWizard;

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

@@ -5,4 +5,6 @@ export declare const TypeRadio: (props: {
     description: string;
     onClick?: () => void;
     value?: string;
+    disabled?: boolean;
+    disabledTooltip?: string;
 }) => React.JSX.Element;

package/src/View/Wizard/TypeRadio.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TypeRadio = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Radio_1 = tslib_1.__importDefault(require("../../components/Radio"));
 const Flex_1 = require("../../components/Flex");
-const TypeRadio = (props) => (React.createElement(Radio_1.default, { onClick: () => props.onClick?.(), checked: props.checked, value: props.value },
-    React.createElement(Flex_1.Flex, { flexDirection: "column" },
-        React.createElement(Flex_1.Box, null, props.text),
-        React.createElement(Flex_1.Box, { className: "twa:text-2 twa:mt-1" }, props.description))));
+const TypeRadio = (props) => ((0, jsx_runtime_1.jsx)(Radio_1.default, { onClick: () => {
+        if (!props.disabled) {
+            props.onClick?.();
+        }
+    }, checked: props.checked, value: props.value, disabled: props.disabled, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", className: props.disabled ? 'twa:opacity-60' : undefined, children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { children: props.text }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:text-2 twa:mt-1", children: props.description }), props.disabled && props.disabledTooltip && ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:text-1 twa:mt-1 twa:italic twa:opacity-80", children: props.disabledTooltip }))] }) }));
 exports.TypeRadio = TypeRadio;

package/src/View/renderWithAdaptableContext.js

@@ -2,13 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderWithAdaptableContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_redux_1 = require("react-redux");
 const AdaptableContext_1 = tslib_1.__importDefault(require("./AdaptableContext"));
 const AdaptableComputedCSSVarsContext_1 = require("./AdaptableComputedCSSVarsContext");
+const tooltip_1 = require("~/components/ui/tooltip");
 const renderWithAdaptableContext = (children, adaptable) => {
-    return (React.createElement(react_redux_1.Provider, { store: adaptable.adaptableStore.TheStore },
-        React.createElement(AdaptableComputedCSSVarsContext_1.WithAdaptableComputedCSSVars, null,
-            React.createElement(AdaptableContext_1.default.Provider, { value: adaptable }, children))));
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { delay: 300, children: (0, jsx_runtime_1.jsx)(react_redux_1.Provider, { store: adaptable.adaptableStore.TheStore, children: (0, jsx_runtime_1.jsx)(AdaptableComputedCSSVarsContext_1.WithAdaptableComputedCSSVars, { children: (0, jsx_runtime_1.jsx)(AdaptableContext_1.default.Provider, { value: adaptable, children: children }) }) }) }));
 };
 exports.renderWithAdaptableContext = renderWithAdaptableContext;

package/src/agGrid/AdaptableAgGrid.d.ts

@@ -151,6 +151,7 @@ export declare class AdaptableAgGrid implements IAdaptable {
     private normaliseToolPanelState;
     private getCurrentLayoutModel;
     silentUpdateCurrentLayoutModel(layoutModel?: TableLayoutModel | PivotLayoutModel): void;
+    getDefaultColumnWidthForCol(columnId: string): number;
     /**
      * Returns TRUE if filtering was applied, FALSE otherwise
      * This is important in the INIT phase because applying filtering will automatically refresh AG Grids columnState,
@@ -341,6 +342,9 @@ export declare class AdaptableAgGrid implements IAdaptable {
     setAgGridQuickSearch(searchText: string): void;
     clearAgGridQuickSearch(): void;
     setAgGridFindSearchValue(searchText: string): void;
+    applyQuickSearchFindCssVars(): void;
+    refreshAgGridFind(): void;
+    private refreshAgGridFindIfNeeded;
     applyAdaptableTheme(theme: AdaptableTheme | string): void;
     setRowGroupColumns(columnIds: string[]): void;
     getAllGridColumns(): Column<any>[];
@@ -349,7 +353,7 @@ export declare class AdaptableAgGrid implements IAdaptable {
     collapseAllRowGroups(): void;
     expandRowGroupsForValues(columnValues: any[]): void;
     getAgGridColumnForColumnId(columnId: string): Column;
-    getMinMaxCachedValueForColumn(column: AdaptableColumn, minMax: 'min' | 'max'): number;
+    getMinMaxCachedValueForColumn(column: AdaptableColumn, aggregation: 'min' | 'max' | 'avg' | 'median'): number;
     destroy(config?: DestroyConfig): void;
     canExportToExcel(): boolean;
     canExportToCsv(): boolean;
@@ -357,7 +361,6 @@ export declare class AdaptableAgGrid implements IAdaptable {
     private hasFloatingFilterOnAtLeastOneColumn;
     getChartRef(chartId: string): ChartRef;
     updateLayoutInManagerAfterStoreHasChanged(layout?: Layout): void;
-    private getActiveAdaptableAggFuncForCol;
     private onRowDataChanged;
     private onCellDataChanged;
     private isUndoChange;