@adaptabletools/adaptable 24.0.0-canary.7 → 24.0.0-canary.8

package/index.css

@@ -1026,6 +1026,9 @@
   .twa\:max-w-3xl {
     max-width: var(--twa-container-3xl);
   }
+  .twa\:max-w-28 {
+    max-width: calc(var(--ab-base-space) * 28);
+  }
   .twa\:max-w-50 {
     max-width: calc(var(--ab-base-space) * 50);
   }
@@ -9521,6 +9524,10 @@
     min-width: 0;
     max-width: none;
     width: 100%;
+    --ab-color-input-background: var(--ab-color-primarylight);
+  }
+  .ab--theme-dark .ab-AgGridColumnFilter-host--tool-panel, .ab--theme-dark .ab-ColumnFilter--tool-panel {
+    --ab-color-input-background: unset;
   }
   .ab-IconSelector__Popup {
     color: var(--ab-cmp-icon-selector__popup__color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "24.0.0-canary.7",
+  "version": "24.0.0-canary.8",
   "description": "Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/src/AdaptableOptions/DefaultAdaptableOptions.js

@@ -334,6 +334,12 @@ const DefaultAdaptableOptions = {
             showOutsideDays: true,
             datepickerButtons: ['close', 'today'],
         },
+        colourPickerOptions: {
+            tabs: ['Custom', 'Palette'],
+            orderPaletteColours: true,
+            removeDuplicates: true,
+            showGroupLabels: false,
+        },
         editableCellStyle: undefined,
         readOnlyCellStyle: undefined,
         editedCellStyle: undefined,

package/src/AdaptableOptions/UserInterfaceOptions.d.ts

@@ -1,4 +1,5 @@
 import { AdaptableIcon } from '../AdaptableState/Common/AdaptableIcon';
+import { AdaptableModule } from '../AdaptableState/Common/Types';
 import { DateInputOptions } from './DateInputOptions';
 import { AdaptableObjectTag } from '../AdaptableState/Common/AdaptableObject';
 import { AdaptableStyle } from '../AdaptableState/Common/AdaptableStyle';
@@ -29,6 +30,10 @@ export interface UserInterfaceOptions<TData = any> {
      *
      */
     dateInputOptions?: DateInputOptions;
+    /**
+     * Options for the Colour Picker, including which colours to display
+     */
+    colourPickerOptions?: ColourPickerOptions;
     /**
      * Style to set for editable Cells
      */
@@ -130,6 +135,82 @@ export interface LoadingScreenOptions<TData = any> {
      */
     loadingScreenText?: string;
 }
+/**
+ * Options for the Colour Picker.
+ */
+export interface ColourPickerOptions {
+    /**
+     * Colour Picker tabs to display in order provided; `Custom`, `Palette`, or both
+     *
+     * @defaultValue ['Custom', 'Palette']
+     */
+    tabs?: ColourPickerTab[];
+    /**
+     * Orders Palette swatches around the colour wheel; if `false`, each colour stays the order supplied
+     *
+     * @defaultValue true
+     */
+    orderPaletteColours?: boolean;
+    /**
+     * Leave out duplicates of swatches already displayed
+     *
+     * @defaultValue true
+     */
+    removeDuplicates?: boolean;
+    /**
+     * Chooses which of the supplied colours (theme & colour palette) the Palette tab shows
+     */
+    filterColours?: (context: ColourPickerFilterContext) => ColourPickerFilterResult | void;
+    /**
+     * Show **Theme** and **Palette** headings on the Palette tab (if both have colours)
+     *
+     * @defaultValue false
+     */
+    showGroupLabels?: boolean;
+}
+/**
+ * Colour Picker tabs: `Custom` is free colour picker, `Palette` is list of swatches
+ */
+export type ColourPickerTab = 'Custom' | 'Palette';
+/**
+ * A colour the Colour Picker can offer. `value` is what gets stored
+ */
+export interface ColourPickerColour {
+    /**
+     * The CSS value that gets stored, e.g. `var(--ab-color-success)`.
+     */
+    value: string;
+    /** The name shown for the colour, e.g. "Success" or "Palette 3". */
+    label: string;
+    /**
+     * The colour as the active theme paints it
+     */
+    hex?: string;
+}
+/**
+ * Colours available when Colour Picker opens, and module being edited.
+ */
+export interface ColourPickerFilterContext {
+    /**
+     * Available Theme colours
+     */
+    themeColours: ColourPickerColour[];
+    /**
+     * Available Palette colours
+     */
+    paletteColours: ColourPickerColour[];
+    /**
+     * Module being edited
+     */
+    module?: AdaptableModule;
+}
+/**
+ * Colours to show - must be in list provided (otherwise ignored)
+ */
+export interface ColourPickerFilterResult {
+    themeColours: ColourPickerColour[];
+    paletteColours: ColourPickerColour[];
+}
 /**
  * Context used when evaluating Object Tags
  */

package/src/View/Filter/ColumnFilter/ColumnFilterNew.js

@@ -32,8 +32,17 @@ export const ColumnFilterComponentNew = (props) => {
     }, [api, props.columnId]);
     const seededGroup = React.useMemo(() => foldInFilterFunctionsForEditing(props.columnId, props.qlGroup, operatorDefs), [props.columnId, resetNonce, operatorDefs]);
     const pendingGroupRef = React.useRef(null);
+    const clearAllFilters = React.useCallback(() => {
+        pendingGroupRef.current = null;
+        props.onClear();
+        setResetNonce((n) => n + 1);
+    }, [props.onClear]);
     const handlePredicateChange = (predicate) => {
         const group = unfoldInFilterFunctionsFromEditing(props.columnId, asColumnFilterGroup(predicate), operatorDefs);
+        if (group.children.length === 0) {
+            clearAllFilters();
+            return;
+        }
         if (manuallyApplyColumnFilter) {
             pendingGroupRef.current = group;
             api.eventApi.internalApi.fireColumnFilterChangedEvent({
@@ -57,14 +66,10 @@ export const ColumnFilterComponentNew = (props) => {
         pendingGroupRef.current = null;
         setResetNonce((n) => n + 1);
     };
-    const clearAllFilters = () => {
-        pendingGroupRef.current = null;
-        props.onClear();
-        setResetNonce((n) => n + 1);
-    };
-    const showClear = props.location !== 'filterForm';
-    const showActions = !props.hideActionButtons && (showClear || manuallyApplyColumnFilter);
-    return (_jsx(ColumnFilterOverlayHost, { location: props.location, children: _jsxs("div", { ref: rootRef, onKeyDown: handleFocusTrap, className: "twa:contents", children: [showActions && (_jsxs(Flex, { className: cn('ab-ColumnFilter-actions twa:m-2', {
+    const clearAllOnCombinatorRow = props.location === 'columnMenu' || props.location === 'filtersToolPanel';
+    const rootHeaderEnd = React.useMemo(() => clearAllOnCombinatorRow ? (_jsx(SimpleButton, { "aria-label": "Clear All Filters", "data-name": "column-filter-clear-all", onClick: clearAllFilters, children: "Clear All" })) : undefined, [clearAllOnCombinatorRow, clearAllFilters]);
+    const showActions = !props.hideActionButtons && manuallyApplyColumnFilter;
+    return (_jsx(ColumnFilterOverlayHost, { location: props.location, children: _jsxs("div", { ref: rootRef, onKeyDown: handleFocusTrap, className: "twa:contents", children: [showActions && (_jsx(Flex, { className: cn('ab-ColumnFilter-actions twa:m-2', {
                         'twa:mb-2': isEmbeddedColumnFilterLocation(props.location),
-                    }), justifyContent: "space-between", children: [showClear && (_jsx(Box, { className: "ab-ColumnFilter-action-clearall", children: _jsx(SimpleButton, { "aria-label": "Clear All Filters", onClick: clearAllFilters, children: "Clear All" }) })), manuallyApplyColumnFilter && (_jsxs(_Fragment, { children: [_jsx(Box, { className: "twa:flex-1", "data-name": "spacer" }), _jsx(Box, { className: "ab-ColumnFilter-action-reset twa:mr-2", children: _jsx(SimpleButton, { "aria-label": "Reset All", tone: "neutral", variant: "raised", onClick: resetFilter, children: "Reset" }) }), _jsx(Box, { className: "ab-ColumnFilter-action-apply", children: _jsx(SimpleButton, { "aria-label": "Apply Filter", tone: "accent", variant: "raised", onClick: applyFilter, children: "Apply" }) })] }))] })), _jsx(Box, { style: props.wrapperProps?.style, className: twMerge('ab-ColumnFilter twa:flex-1 twa:min-h-0 twa:overflow-auto twa:overflow-x-hidden twa:p-0.5 twa:gap-1 twa:flex twa:flex-col', props.location === 'filtersToolPanel' && 'ab-ColumnFilter--tool-panel', props.disabled ? 'twa:opacity-60 twa:pointer-events-none' : '', props.wrapperProps?.className), children: _jsx(QueryBuilder, { module: ModuleConstants.ColumnFilterModuleId, query: "", initialPredicate: seededGroup, onChange: noop, onPredicateChange: handlePredicateChange, getColumns: getColumns, getFields: getFields, subject: { mode: 'locked', columnId: props.columnId }, hideExpressionPreview: true, hideInlineAdd: true, hideAddGroup: true, hideLockedSubject: true, hideDragHandles: true, layout: getColumnFilterQueryBuilderLayout(props.location) }, `${props.columnId}:${resetNonce}`) })] }) }));
+                    }), justifyContent: "space-between", children: manuallyApplyColumnFilter && (_jsxs(_Fragment, { children: [_jsx(Box, { className: "twa:flex-1", "data-name": "spacer" }), _jsx(Box, { className: "ab-ColumnFilter-action-reset twa:mr-2", children: _jsx(SimpleButton, { "aria-label": "Reset All", tone: "neutral", variant: "raised", onClick: resetFilter, children: "Reset" }) }), _jsx(Box, { className: "ab-ColumnFilter-action-apply", children: _jsx(SimpleButton, { "aria-label": "Apply Filter", tone: "accent", variant: "raised", onClick: applyFilter, children: "Apply" }) })] })) })), _jsx(Box, { style: props.wrapperProps?.style, className: twMerge('ab-ColumnFilter twa:flex-1 twa:min-h-0 twa:overflow-auto twa:overflow-x-hidden twa:p-0.5 twa:gap-1 twa:flex twa:flex-col', props.location === 'filtersToolPanel' && 'ab-ColumnFilter--tool-panel', props.disabled ? 'twa:opacity-60 twa:pointer-events-none' : '', props.wrapperProps?.className), children: _jsx(QueryBuilder, { module: ModuleConstants.ColumnFilterModuleId, query: "", initialPredicate: seededGroup, onChange: noop, onPredicateChange: handlePredicateChange, getColumns: getColumns, getFields: getFields, subject: { mode: 'locked', columnId: props.columnId }, hideExpressionPreview: true, hideInlineAdd: true, hideAddGroup: true, hideLockedSubject: true, hideDragHandles: true, layout: getColumnFilterQueryBuilderLayout(props.location), rootHeaderEnd: rootHeaderEnd }, `${props.columnId}:${resetNonce}`) })] }) }));
 };

package/src/components/ColorField/index.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { type ColorFieldProps as SharedColorFieldProps } from "../../../vendor/components/ColorField";
-export type ColorFieldProps = Omit<SharedColorFieldProps, 'onChange' | 'clearable' | 'data-name'> & {
+export type ColorFieldProps = Omit<SharedColorFieldProps, 'onChange' | 'clearable' | 'data-name' | 'filterColours'> & {
     'data-name'?: string;
 } & ({
     clearable?: true;
@@ -11,4 +10,4 @@ export type ColorFieldProps = Omit<SharedColorFieldProps, 'onChange' | 'clearabl
     onChange: (color: string) => void;
 });
 /** The shared colour field with AdapTable's defaults. */
-export declare const ColorField: (props: ColorFieldProps) => React.JSX.Element;
+export declare const ColorField: (props: ColorFieldProps) => import("react").JSX.Element;

package/src/components/ColorField/index.js

@@ -1,6 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ColorField as SharedColorField, } from "../../../vendor/components/ColorField";
+import { useAdaptable } from '../../View/AdaptableContext';
+import { useOnePageAdaptableWizardContext } from '../../View/Wizard/OnePageAdaptableWizard';
+function useEditedModule() {
+    const wizard = useOnePageAdaptableWizardContext();
+    const adaptable = useAdaptable();
+    const fromWizard = wizard.moduleInfo?.ModuleName;
+    if (fromWizard) {
+        return fromWizard;
+    }
+    const screenPopup = adaptable?.adaptableStore?.TheStore.getState().Popup.ScreenPopup;
+    return screenPopup?.ShowScreenPopup ? screenPopup.ComponentModule : undefined;
+}
+const DEFAULT_TABS = ['Custom', 'Palette'];
+const showAllColours = () => undefined;
 export const ColorField = (props) => {
-    const { onChange, 'data-name': dataName = 'color-field', ...rest } = props;
-    return (_jsx(SharedColorField, { ...rest, "data-name": dataName, onChange: onChange }));
+    const adaptable = useAdaptable();
+    const module = useEditedModule();
+    const paletteOptions = adaptable?.api.optionsApi.getUserInterfaceOptions().colourPickerOptions;
+    const filterColours = paletteOptions?.filterColours;
+    const { onChange, tabs, orderPaletteColours, removeDuplicates, showGroupLabels, 'data-name': dataName = 'color-field', ...rest } = props;
+    return (_jsx(SharedColorField, { ...rest, "data-name": dataName, tabs: tabs ?? paletteOptions?.tabs ?? DEFAULT_TABS, orderPaletteColours: orderPaletteColours ?? paletteOptions?.orderPaletteColours, removeDuplicates: removeDuplicates ?? paletteOptions?.removeDuplicates, showGroupLabels: showGroupLabels ?? paletteOptions?.showGroupLabels, filterColours: filterColours
+            ? (colours) => filterColours({ ...colours, module })
+            : showAllColours, onChange: onChange }));
 };

package/src/components/aql/QueryBuilder/GroupEditor.js

@@ -31,7 +31,7 @@ export const GroupEditor = ({ node, path, isRoot, dispatch, hideDelete, }) => {
     };
     return (_jsxs(Box, { className: cn('ab-QueryBuilder__group twa:my-1', !isRoot &&
             'twa:pl-3 twa:border-l twa:rounded-md twa:py-1 twa:pr-1 ' +
-                'twa:bg-(--ab-cmp-query-builder-group__background)'), children: [showHeader && (_jsxs(Flex, { alignItems: "center", className: "twa:gap-2 twa:my-1", children: [showCombinator && (_jsx(CombinatorSelector, { value: node.combinator, onChange: (combinator) => dispatch({ type: 'setCombinator', groupPath: path, combinator }) })), _jsx(Box, { className: "twa:flex-1" }), showGroupDelete && (_jsx(RowActions, { rail: qb.hideInlineAdd ? 'compact' : 'full', hideAdd: true, onDelete: () => dispatch({ type: 'delete', path }) }))] })), isEmpty ? (_jsx(PrimitiveEditor, { node: emptyQlPrimitive(), path: [...path, 0], dispatch: seedDispatch, hideAdd: true, hideDelete: true })) : (_jsxs(_Fragment, { children: [hideDragHandles ? (_jsx("div", { className: "ab-QueryBuilder__group-children", children: node.children.map((child, index) => (_jsx(Flex, { className: "ab-QueryBuilder__row", alignItems: "center", children: _jsx(Box, { className: "ab-QueryBuilder__row-body twa:flex-1 twa:min-w-0", children: _jsx(NodeEditor, { node: child, path: [...path, index], dispatch: dispatch }) }) }, `${listId}/${index}`))) })) : (_jsx(DragList, { dragListId: listId, orientation: "vertical", onDrop: handleDrop, onDragProxyMove: defaultDragProxyMove, children: (listDomProps) => (_jsx("div", { ...listDomProps, className: cn('ab-QueryBuilder__group-children', listDomProps.className), children: node.children.map((child, index) => {
+                'twa:bg-(--ab-cmp-query-builder-group__background)'), children: [showHeader && (_jsxs(Flex, { alignItems: "center", className: "twa:gap-2 twa:my-1 twa:w-full", children: [showCombinator && (_jsx(CombinatorSelector, { value: node.combinator, onChange: (combinator) => dispatch({ type: 'setCombinator', groupPath: path, combinator }) })), _jsx(Box, { className: "twa:flex-1" }), showGroupDelete && (_jsx(RowActions, { rail: qb.hideInlineAdd ? 'compact' : 'full', hideAdd: true, onDelete: () => dispatch({ type: 'delete', path }) })), isRoot && showCombinator && qb.rootHeaderEnd] })), isEmpty ? (_jsx(PrimitiveEditor, { node: emptyQlPrimitive(), path: [...path, 0], dispatch: seedDispatch, hideAdd: true, hideDelete: true })) : (_jsxs(_Fragment, { children: [hideDragHandles ? (_jsx("div", { className: "ab-QueryBuilder__group-children", children: node.children.map((child, index) => (_jsx(Flex, { className: "ab-QueryBuilder__row", alignItems: "center", children: _jsx(Box, { className: "ab-QueryBuilder__row-body twa:flex-1 twa:min-w-0", children: _jsx(NodeEditor, { node: child, path: [...path, index], dispatch: dispatch }) }) }, `${listId}/${index}`))) })) : (_jsx(DragList, { dragListId: listId, orientation: "vertical", onDrop: handleDrop, onDragProxyMove: defaultDragProxyMove, children: (listDomProps) => (_jsx("div", { ...listDomProps, className: cn('ab-QueryBuilder__group-children', listDomProps.className), children: node.children.map((child, index) => {
                                 const childId = `${listId}/${index}`;
                                 return (_jsx(DragList.DraggableItem, { id: childId, children: (itemDomProps) => {
                                         const { onPointerDown, ...rest } = itemDomProps;

package/src/components/aql/QueryBuilder/QueryBuilder.d.ts

@@ -88,5 +88,10 @@ export interface QueryBuilderProps {
      * @defaultValue 'auto'
      */
     layout?: QueryBuilderLayoutMode;
+    /**
+     * Extra control on the right of the root AND/OR row, once there are
+     * two or more conditions. Hidden while the editor has a single condition.
+     */
+    rootHeaderEnd?: React.ReactNode;
 }
 export declare const QueryBuilder: React.FunctionComponent<QueryBuilderProps>;

package/src/components/aql/QueryBuilder/QueryBuilder.js

@@ -104,7 +104,7 @@ export const QueryBuilder = (props) => {
                             : 'query-builder2-invalid-expression', className: "twa:my-2 twa:w-full twa:max-w-full twa:text-2 twa:leading-snug twa:bg-background twa:text-foreground", children: _jsxs(Flex, { flexDirection: "column", className: "twa:gap-3", alignItems: "flex-start", children: [_jsxs(Flex, { flexDirection: "column", className: "twa:gap-2", children: [_jsx(Box, { children: primaryLine }), typeMismatchMessages.map((message) => (_jsx(Box, { children: message }, message))), _jsx(Box, { children: "Please edit the Expression in the Expression Editor." })] }), clearExpressionButton] }) }));
     }
     else if (!isQlPredicateError(root) && isQlGroup(root)) {
-        body = (_jsx(QueryBuilderProvider, { module: props.module, columnScope: props.columnScope, getColumns: props.getColumns, getFields: props.getFields, subject: props.subject, hideInlineAdd: props.hideInlineAdd ?? true, hideAddGroup: props.hideAddGroup, hideLockedSubject: props.hideLockedSubject, hideDragHandles: props.hideDragHandles, layout: props.layout ?? 'auto', children: props.hideDragHandles ? (_jsx(Box, { "data-name": "query-builder2-editor", className: "twa:my-2", children: _jsx(NodeEditor, { node: root, path: [], isRoot: true, dispatch: dispatch }) })) : (_jsx(DragDropProvider, { children: _jsx(Box, { "data-name": "query-builder2-editor", className: "twa:my-2", children: _jsx(NodeEditor, { node: root, path: [], isRoot: true, dispatch: dispatch }) }) })) }));
+        body = (_jsx(QueryBuilderProvider, { module: props.module, columnScope: props.columnScope, getColumns: props.getColumns, getFields: props.getFields, subject: props.subject, hideInlineAdd: props.hideInlineAdd ?? true, hideAddGroup: props.hideAddGroup, hideLockedSubject: props.hideLockedSubject, hideDragHandles: props.hideDragHandles, layout: props.layout ?? 'auto', rootHeaderEnd: props.rootHeaderEnd, children: props.hideDragHandles ? (_jsx(Box, { "data-name": "query-builder2-editor", className: "twa:my-2", children: _jsx(NodeEditor, { node: root, path: [], isRoot: true, dispatch: dispatch }) })) : (_jsx(DragDropProvider, { children: _jsx(Box, { "data-name": "query-builder2-editor", className: "twa:my-2", children: _jsx(NodeEditor, { node: root, path: [], isRoot: true, dispatch: dispatch }) }) })) }));
     }
     return (_jsxs(Box, { className: twMerge(QUERY_BUILDER_CLASSNAME, QUERY_BUILDER_LAYOUT_CLASS[props.layout ?? 'auto']), children: [body, !props.hideExpressionPreview && (_jsxs(Card, { shadow: false, className: "twa:mt-12", children: [_jsxs(Card.Title, { className: "twa:justify-between twa:gap-2", children: [_jsxs(Flex, { flexDirection: "column", className: "twa:min-w-0 twa:gap-0.5", children: [_jsx(Box, { className: "twa:font-medium", children: "Output Expression" }), _jsx(Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal", children: cannotDisplayInQueryBuilder
                                             ? 'Readonly view of the current Expression'

package/src/components/aql/QueryBuilder/context.d.ts

@@ -109,6 +109,12 @@ export interface QueryBuilderContextValue {
      * narrow (container query).
      */
     layout?: QueryBuilderLayoutMode;
+    /**
+     * Extra control rendered on the right of the root group's AND/OR row.
+     * Shown only once that row exists (≥2 conditions). Used by the column
+     * filter popups for Clear All.
+     */
+    rootHeaderEnd?: React.ReactNode;
 }
 export declare const useQueryBuilder: () => QueryBuilderContextValue;
 export interface QueryBuilderProviderProps {
@@ -123,6 +129,7 @@ export interface QueryBuilderProviderProps {
     hideLockedSubject?: boolean;
     hideDragHandles?: boolean;
     layout?: QueryBuilderLayoutMode;
+    rootHeaderEnd?: React.ReactNode;
     children: React.ReactNode;
 }
 /**

package/src/components/aql/QueryBuilder/context.js

@@ -11,7 +11,7 @@ export const useQueryBuilder = () => {
     }
     return context;
 };
-export const QueryBuilderProvider = ({ module, columnScope, getColumns, getFields, subject, hideInlineAdd, hideAddGroup, hideLockedSubject, hideDragHandles, layout = 'auto', children, }) => {
+export const QueryBuilderProvider = ({ module, columnScope, getColumns, getFields, subject, hideInlineAdd, hideAddGroup, hideLockedSubject, hideDragHandles, layout = 'auto', rootHeaderEnd, children, }) => {
     const adaptable = useAdaptable();
     const api = adaptable.api;
     const lockedSubject = React.useMemo(() => {
@@ -72,6 +72,7 @@ export const QueryBuilderProvider = ({ module, columnScope, getColumns, getField
             hideLockedSubject,
             hideDragHandles,
             layout,
+            rootHeaderEnd,
         };
     }, [
         module,
@@ -88,6 +89,7 @@ export const QueryBuilderProvider = ({ module, columnScope, getColumns, getField
         hideLockedSubject,
         hideDragHandles,
         layout,
+        rootHeaderEnd,
     ]);
     return _jsx(QueryBuilderContext.Provider, { value: value, children: children });
 };

package/src/env.js

@@ -1,5 +1,5 @@
 export default {
     NEXT_PUBLIC_INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1792496906928 || Date.now(),
-    VERSION: "24.0.0-canary.7" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1792792969512 || Date.now(),
+    VERSION: "24.0.0-canary.8" || '--current-version--',
 };

package/src/types.d.ts

@@ -49,7 +49,7 @@ export type { BaseState } from './AdaptableState/BaseState';
 export type { AdaptableNote, NoteState, AdaptableNotes } from './AdaptableState/NoteState';
 export type { TeamSharingOptions, SharedEntitiesContext, } from './AdaptableOptions/TeamSharingOptions';
 export type { ToolPanelOptions, CustomToolPanel, ToolPanelButtonContext, CustomToolPanelButtonContext, } from './AdaptableOptions/ToolPanelOptions';
-export type { UserInterfaceOptions, LoadingScreenOptions, ObjectTagsContext, CustomIcon, } from './AdaptableOptions/UserInterfaceOptions';
+export type { UserInterfaceOptions, LoadingScreenOptions, ColourPickerOptions, ColourPickerTab, ColourPickerColour, ColourPickerFilterContext, ColourPickerFilterResult, ObjectTagsContext, CustomIcon, } from './AdaptableOptions/UserInterfaceOptions';
 export type { ContextMenuOptions, AdaptableSystemContextMenuItem, CustomContextMenuContext, CustomContextMenuItem, UserContextMenuItem, AgGridContextMenuItemType, DefaultAdaptableMenuStructure, DefaultAgGridMenuStructure, CustomGroupContextMenuItem, } from './AdaptableOptions/ContextMenuOptions';
 export type { ColumnMenuOptions, CustomColumnMenuContext, CustomColumnMenuItem, UserColumnMenuItem, AdaptableSystemColumnMenuItem, AgGridColumnMenuItemType, CustomGroupColumnMenuItem, } from './AdaptableOptions/ColumnMenuOptions';
 export type { CustomSettingsPanel, SettingsPanelOptions, SettingsPanelDisplayOptions, SettingsPanelNavigation, SettingsPanelNavigationGroup, SettingsPanelNavigationContext, SettingsPanelNavigationConfigurer, LegacyFlatSettingsPanelNavigation, PopupType, } from './AdaptableOptions/SettingsPanelOptions';