@adaptabletools/adaptable 20.0.0 → 20.0.1

package/src/Redux/ActionsReducers/PluginsRedux.d.ts

@@ -3,129 +3,36 @@ import * as Redux from 'redux';
  * @ReduxAction Plugins have been instantiated
  */
 export declare const PLUGINS_SET_PLUGIN_STATE = "PLUGINS_SET_PLUGIN_STATE";
-/**
- * @ReduxAction Throttle time for live reports has been set
- */
 export declare const IPUSHPULL_SET_THROTTLE_TIME = "IPUSHPULL_SET_THROTTLE_TIME";
-/**
- * @ReduxAction A snapshot report has been sent
- */
 export declare const IPUSHPULL_SEND_SNAPSHOT = "IPUSHPULL_SEND_SNAPSHOT";
-/**
- * @ReduxAction An ipushpull report has been selected
- */
 export declare const IPUSHPULL_REPORT_SELECT = "IPUSHPULL_REPORT_SELECT";
-/**
- * @ReduxAction Live data has been sent to ipushpull
- */
 export declare const IPUSHPULL_START_LIVE_DATA = "IPUSHPULL_START_LIVE_DATA";
-/**
- * @ReduxAction Live data to ipushpull has been stopped
- */
 export declare const IPUSHPULL_STOP_LIVE_DATA = "IPUSHPULL_STOP_LIVE_DATA";
-/**
- * @ReduxAction A new ipushpull page has been added
- */
 export declare const IPUSHPULL_ADD_PAGE = "IPUSHPULL_ADD_PAGE";
-/**
- * @ReduxAction Logged in to ipushpull
- */
 export declare const IPUSHPULL_LOGIN = "IPUSHPULL_LOGIN";
-/**
- * @ReduxAction Logged out from ipushpull
- */
 export declare const IPUSHPULL_LOGOUT = "IPUSHPULL_LOGOUT";
-/**
- * @ReduxAction Error message set from failed login
- */
 export declare const IPUSHPULL_SET_LOGIN_ERROR_MESSAGE = "IPUSHPULL_SET_LOGIN_ERROR_MESSAGE";
-/**
- * @ReduxAction Login details to ipushpull have been set
- */
 export declare const IPUSHPULL_SET_LOGIN_DETAILS = "IPUSHPULL_SET_LOGIN_DETAILS";
-/**
- * @ReduxAction ipushpull has been made available
- */
 export declare const IPUSHPULL_SET_AVAILABLE_ON = "IPUSHPULL_SET_AVAILABLE_ON";
-/**
- * @ReduxAction ipushpull has been made unavailable
- */
 export declare const IPUSHPULL_SET_AVAILABLE_OFF = "SET_IPUSHPULL_AVAILABLE_OFF";
-/**
- * @ReduxAction ipushpull is now running
- */
 export declare const IPUSHPULL_SET_RUNNING_ON = "IPUSHPULL_SET_RUNNING_ON";
-/**
- * @ReduxAction ipushpull is no longer running
- */
 export declare const IPUSHPULL_SET_RUNNING_OFF = "IPUSHPULL_SET_RUNNING_OFF";
-/**
- * @ReduxAction A live report to ipuspull has been set
- */
 export declare const IPUSHPULL_LIVE_REPORT_SET = "IPUSHPULL_LIVE_REPORT_SET";
-/**
- * @ReduxAction The live report to ipuspull has been cleared
- */
 export declare const IPUSHPULL_LIVE_REPORT_CLEAR = "IPUSHPULL_LIVE_REPORT_CLEAR";
-/**
- * @ReduxAction ipushpull domain pages have been set
- */
 export declare const IPUSHPULL_DOMAIN_PAGES_SET = "IPUSHPULL_DOMAIN_PAGES_SET";
-/**
- * @ReduxAction ipushpull domain pages have been cleared
- */
 export declare const IPUSHPULL_DOMAIN_PAGES_CLEAR = "IPUSHPULL_DOMAIN_PAGES_CLEAR";
-/**
- * @ReduxAction ipushpull set current(selected) report name
- */
 export declare const IPUSHPULL_SET_CURRENT_REPORTNAME = "IPUSHPULL_SET_CURRENT_REPORTNAME";
-/**
- * @ReduxAction ipushpull set current(selected) folder
- */
 export declare const IPUSHPULL_SET_CURRENT_FOLDER = "IPUSHPULL_SET_CURRENT_FOLDER";
-/**
- * @ReduxAction ipushpull set current(selected) page
- */
 export declare const IPUSHPULL_SET_CURRENT_PAGE = "IPUSHPULL_SET_CURRENT_PAGE";
-/**
- * @ReduxAction ipushpull set available pages (depending on current folder)
- */
 export declare const IPUSHPULL_SET_AVAILABLE_PAGES = "IPUSHPULL_SET_AVAILABLE_PAGES";
-/**
- * @ReduxAction Live data has been sent to OpenFin
- */
 export declare const OPENFIN_START_LIVE_DATA = "OPENFIN_START_LIVE_DATA";
-/**
- * @ReduxAction Live data is not longer sent to OpenFin
- */
 export declare const OPENFIN_STOP_LIVE_DATA = "OPENFIN_STOP_LIVE_DATA";
-/**
- * @ReduxAction An OpenFin live report has started
- */
 export declare const OPENFIN_LIVE_REPORT_SET = "OPENFIN_LIVE_REPORT_SET";
-/**
- * @ReduxAction An OpenFin live report has stopped
- */
 export declare const OPENFIN_LIVE_REPORT_CLEAR = "OPENFIN_LIVE_REPORT_CLEAR";
-/**
- * @ReduxAction OpenFin is now available
- */
 export declare const OPENFIN_SET_AVAILABLE_ON = "OPENFIN_SET_AVAILABLE_ON";
-/**
- * @ReduxAction OpenFin is no longer available
- */
 export declare const OPENFIN_SET_AVAILABLE_OFF = "OPENFIN_SET_AVAILABLE_OFF";
-/**
- * @ReduxAction OpenFin is now running
- */
 export declare const OPENFIN_SET_RUNNING_ON = "OPENFIN_SET_RUNNING_ON";
-/**
- * @ReduxAction OpenFin is no longer running
- */
 export declare const OPENFIN_SET_RUNNING_OFF = "OPENFIN_SET_RUNNING_OFF";
-/**
- * @ReduxAction set current(selected) report name
- */
 export declare const OPENFIN_SET_CURRENT_REPORTNAME = "OPENFIN_SET_CURRENT_REPORTNAME";
 export interface PluginsAction extends Redux.Action {
     pluginState: any;

package/src/Redux/ActionsReducers/PluginsRedux.js

@@ -2,129 +2,36 @@
  * @ReduxAction Plugins have been instantiated
  */
 export const PLUGINS_SET_PLUGIN_STATE = 'PLUGINS_SET_PLUGIN_STATE';
-/**
- * @ReduxAction Throttle time for live reports has been set
- */
 export const IPUSHPULL_SET_THROTTLE_TIME = 'IPUSHPULL_SET_THROTTLE_TIME';
-/**
- * @ReduxAction A snapshot report has been sent
- */
 export const IPUSHPULL_SEND_SNAPSHOT = 'IPUSHPULL_SEND_SNAPSHOT';
-/**
- * @ReduxAction An ipushpull report has been selected
- */
 export const IPUSHPULL_REPORT_SELECT = 'IPUSHPULL_REPORT_SELECT';
-/**
- * @ReduxAction Live data has been sent to ipushpull
- */
 export const IPUSHPULL_START_LIVE_DATA = 'IPUSHPULL_START_LIVE_DATA';
-/**
- * @ReduxAction Live data to ipushpull has been stopped
- */
 export const IPUSHPULL_STOP_LIVE_DATA = 'IPUSHPULL_STOP_LIVE_DATA';
-/**
- * @ReduxAction A new ipushpull page has been added
- */
 export const IPUSHPULL_ADD_PAGE = 'IPUSHPULL_ADD_PAGE';
-/**
- * @ReduxAction Logged in to ipushpull
- */
 export const IPUSHPULL_LOGIN = 'IPUSHPULL_LOGIN';
-/**
- * @ReduxAction Logged out from ipushpull
- */
 export const IPUSHPULL_LOGOUT = 'IPUSHPULL_LOGOUT';
-/**
- * @ReduxAction Error message set from failed login
- */
 export const IPUSHPULL_SET_LOGIN_ERROR_MESSAGE = 'IPUSHPULL_SET_LOGIN_ERROR_MESSAGE';
-/**
- * @ReduxAction Login details to ipushpull have been set
- */
 export const IPUSHPULL_SET_LOGIN_DETAILS = 'IPUSHPULL_SET_LOGIN_DETAILS';
-/**
- * @ReduxAction ipushpull has been made available
- */
 export const IPUSHPULL_SET_AVAILABLE_ON = 'IPUSHPULL_SET_AVAILABLE_ON';
-/**
- * @ReduxAction ipushpull has been made unavailable
- */
 export const IPUSHPULL_SET_AVAILABLE_OFF = 'SET_IPUSHPULL_AVAILABLE_OFF';
-/**
- * @ReduxAction ipushpull is now running
- */
 export const IPUSHPULL_SET_RUNNING_ON = 'IPUSHPULL_SET_RUNNING_ON';
-/**
- * @ReduxAction ipushpull is no longer running
- */
 export const IPUSHPULL_SET_RUNNING_OFF = 'IPUSHPULL_SET_RUNNING_OFF';
-/**
- * @ReduxAction A live report to ipuspull has been set
- */
 export const IPUSHPULL_LIVE_REPORT_SET = 'IPUSHPULL_LIVE_REPORT_SET';
-/**
- * @ReduxAction The live report to ipuspull has been cleared
- */
 export const IPUSHPULL_LIVE_REPORT_CLEAR = 'IPUSHPULL_LIVE_REPORT_CLEAR';
-/**
- * @ReduxAction ipushpull domain pages have been set
- */
 export const IPUSHPULL_DOMAIN_PAGES_SET = 'IPUSHPULL_DOMAIN_PAGES_SET';
-/**
- * @ReduxAction ipushpull domain pages have been cleared
- */
 export const IPUSHPULL_DOMAIN_PAGES_CLEAR = 'IPUSHPULL_DOMAIN_PAGES_CLEAR';
-/**
- * @ReduxAction ipushpull set current(selected) report name
- */
 export const IPUSHPULL_SET_CURRENT_REPORTNAME = 'IPUSHPULL_SET_CURRENT_REPORTNAME';
-/**
- * @ReduxAction ipushpull set current(selected) folder
- */
 export const IPUSHPULL_SET_CURRENT_FOLDER = 'IPUSHPULL_SET_CURRENT_FOLDER';
-/**
- * @ReduxAction ipushpull set current(selected) page
- */
 export const IPUSHPULL_SET_CURRENT_PAGE = 'IPUSHPULL_SET_CURRENT_PAGE';
-/**
- * @ReduxAction ipushpull set available pages (depending on current folder)
- */
 export const IPUSHPULL_SET_AVAILABLE_PAGES = 'IPUSHPULL_SET_AVAILABLE_PAGES';
-/**
- * @ReduxAction Live data has been sent to OpenFin
- */
 export const OPENFIN_START_LIVE_DATA = 'OPENFIN_START_LIVE_DATA';
-/**
- * @ReduxAction Live data is not longer sent to OpenFin
- */
 export const OPENFIN_STOP_LIVE_DATA = 'OPENFIN_STOP_LIVE_DATA';
-/**
- * @ReduxAction An OpenFin live report has started
- */
 export const OPENFIN_LIVE_REPORT_SET = 'OPENFIN_LIVE_REPORT_SET';
-/**
- * @ReduxAction An OpenFin live report has stopped
- */
 export const OPENFIN_LIVE_REPORT_CLEAR = 'OPENFIN_LIVE_REPORT_CLEAR';
-/**
- * @ReduxAction OpenFin is now available
- */
 export const OPENFIN_SET_AVAILABLE_ON = 'OPENFIN_SET_AVAILABLE_ON';
-/**
- * @ReduxAction OpenFin is no longer available
- */
 export const OPENFIN_SET_AVAILABLE_OFF = 'OPENFIN_SET_AVAILABLE_OFF';
-/**
- * @ReduxAction OpenFin is now running
- */
 export const OPENFIN_SET_RUNNING_ON = 'OPENFIN_SET_RUNNING_ON';
-/**
- * @ReduxAction OpenFin is no longer running
- */
 export const OPENFIN_SET_RUNNING_OFF = 'OPENFIN_SET_RUNNING_OFF';
-/**
- * @ReduxAction set current(selected) report name
- */
 export const OPENFIN_SET_CURRENT_REPORTNAME = 'OPENFIN_SET_CURRENT_REPORTNAME';
 export const PluginsSetPluginState = (pluginId, pluginState) => ({
     type: PLUGINS_SET_PLUGIN_STATE,

package/src/Redux/ActionsReducers/ScheduleRedux.d.ts

@@ -65,61 +65,19 @@ export declare const REMINDER_SCHEDULE_SUSPEND_ALL = "REMINDER_SCHEDULE_SUSPEND_
  * @ReduxAction All Reminder Schedules have been unsuspended or activated
  */
 export declare const REMINDER_SCHEDULE_UNSUSPEND_ALL = "REMINDER_SCHEDULE_UNSUSPEND_ALL";
-/**
- * @ReduxAction An ipushpull Schedule has been added
- */
 export declare const IPUSHPULL_SCHEDULE_ADD = "IPUSHPULL_SCHEDULE_ADD";
-/**
- * @ReduxAction An ipushpull Schedule has been edited
- */
 export declare const IPUSHPULL_SCHEDULE_EDIT = "IPUSHPULL_SCHEDULE_EDIT";
-/**
- * @ReduxAction An ipushpull Schedule has been deleted
- */
 export declare const IPUSHPULL_SCHEDULE_DELETE = "IPUSHPULL_SCHEDULE_DELETE";
-/**
- * @ReduxAction An ipushpull Schedule has been suspended
- */
 export declare const IPUSHPULL_SCHEDULE_SUSPEND = "IPUSHPULL_SCHEDULE_SUSPEND";
-/**
- * @ReduxAction An ipushpull Schedule has been unsuspended or activated
- */
 export declare const IPUSHPULL_SCHEDULE_UNSUSPEND = "IPUSHPULL_SCHEDULE_UNSUSPEND";
-/**
- * @ReduxAction All ipushpull Schedules have been suspended
- */
 export declare const IPUSHPULL_SCHEDULE_SUSPEND_ALL = "IPUSHPULL_SCHEDULE_SUSPEND_ALL";
-/**
- * @ReduxAction All ipushpull Schedules have been unsuspended or activated
- */
 export declare const IPUSHPULL_SCHEDULE_UNSUSPEND_ALL = "IPUSHPULL_SCHEDULE_UNSUSPEND_ALL";
-/**
- * @ReduxAction An OpenFin Schedule has been added
- */
 export declare const OPENFIN_SCHEDULE_ADD = "OPENFIN_SCHEDULE_ADD";
-/**
- * @ReduxAction An OpenFin Schedule has been edited
- */
 export declare const OPENFIN_SCHEDULE_EDIT = "OPENFIN_SCHEDULE_EDIT";
-/**
- * @ReduxAction An OpenFin Schedule has been deleted
- */
 export declare const OPENFIN_SCHEDULE_DELETE = "OPENFIN_SCHEDULE_DELETE";
-/**
- * @ReduxAction An OpenFin Schedule has been suspended
- */
 export declare const OPENFIN_SCHEDULE_SUSPEND = "OPENFIN_SCHEDULE_SUSPEND";
-/**
- * @ReduxAction An OpenFin Schedule has been unsuspended or activated
- */
 export declare const OPENFIN_SCHEDULE_UNSUSPEND = "OPENFIN_SCHEDULE_UNSUSPEND";
-/**
- * @ReduxAction All OpenFin Schedules have been suspended
- */
 export declare const OPENFIN_SCHEDULE_SUSPEND_ALL = "OPENFIN_SCHEDULE_SUSPEND_ALL";
-/**
- * @ReduxAction All OpenFin Schedules have been unsuspended or activated
- */
 export declare const OPENFIN_SCHEDULE_UNSUSPEND_ALL = "OPENFIN_SCHEDULE_UNSUSPEND_ALL";
 /**
  * @ReduxAction Schedule Module is ready

package/src/Redux/ActionsReducers/ScheduleRedux.js

@@ -61,61 +61,19 @@ export const REMINDER_SCHEDULE_SUSPEND_ALL = 'REMINDER_SCHEDULE_SUSPEND_ALL';
  * @ReduxAction All Reminder Schedules have been unsuspended or activated
  */
 export const REMINDER_SCHEDULE_UNSUSPEND_ALL = 'REMINDER_SCHEDULE_UNSUSPEND_ALL';
-/**
- * @ReduxAction An ipushpull Schedule has been added
- */
 export const IPUSHPULL_SCHEDULE_ADD = 'IPUSHPULL_SCHEDULE_ADD';
-/**
- * @ReduxAction An ipushpull Schedule has been edited
- */
 export const IPUSHPULL_SCHEDULE_EDIT = 'IPUSHPULL_SCHEDULE_EDIT';
-/**
- * @ReduxAction An ipushpull Schedule has been deleted
- */
 export const IPUSHPULL_SCHEDULE_DELETE = 'IPUSHPULL_SCHEDULE_DELETE';
-/**
- * @ReduxAction An ipushpull Schedule has been suspended
- */
 export const IPUSHPULL_SCHEDULE_SUSPEND = 'IPUSHPULL_SCHEDULE_SUSPEND';
-/**
- * @ReduxAction An ipushpull Schedule has been unsuspended or activated
- */
 export const IPUSHPULL_SCHEDULE_UNSUSPEND = 'IPUSHPULL_SCHEDULE_UNSUSPEND';
-/**
- * @ReduxAction All ipushpull Schedules have been suspended
- */
 export const IPUSHPULL_SCHEDULE_SUSPEND_ALL = 'IPUSHPULL_SCHEDULE_SUSPEND_ALL';
-/**
- * @ReduxAction All ipushpull Schedules have been unsuspended or activated
- */
 export const IPUSHPULL_SCHEDULE_UNSUSPEND_ALL = 'IPUSHPULL_SCHEDULE_UNSUSPEND_ALL';
-/**
- * @ReduxAction An OpenFin Schedule has been added
- */
 export const OPENFIN_SCHEDULE_ADD = 'OPENFIN_SCHEDULE_ADD';
-/**
- * @ReduxAction An OpenFin Schedule has been edited
- */
 export const OPENFIN_SCHEDULE_EDIT = 'OPENFIN_SCHEDULE_EDIT';
-/**
- * @ReduxAction An OpenFin Schedule has been deleted
- */
 export const OPENFIN_SCHEDULE_DELETE = 'OPENFIN_SCHEDULE_DELETE';
-/**
- * @ReduxAction An OpenFin Schedule has been suspended
- */
 export const OPENFIN_SCHEDULE_SUSPEND = 'OPENFIN_SCHEDULE_SUSPEND';
-/**
- * @ReduxAction An OpenFin Schedule has been unsuspended or activated
- */
 export const OPENFIN_SCHEDULE_UNSUSPEND = 'OPENFIN_SCHEDULE_UNSUSPEND';
-/**
- * @ReduxAction All OpenFin Schedules have been suspended
- */
 export const OPENFIN_SCHEDULE_SUSPEND_ALL = 'OPENFIN_SCHEDULE_SUSPEND_ALL';
-/**
- * @ReduxAction All OpenFin Schedules have been unsuspended or activated
- */
 export const OPENFIN_SCHEDULE_UNSUSPEND_ALL = 'OPENFIN_SCHEDULE_UNSUSPEND_ALL';
 /**
  * @ReduxAction Schedule Module is ready

package/src/Utilities/Defaults/DefaultSettingsPanel.js

@@ -7,6 +7,7 @@ export const DEFAULT_SETTINGS_PANEL_NAVIGATION_ITEMS = [
     'Dashboard',
     'ToolPanel',
     'StatusBar',
+    'Theme',
     '-',
     'Layout',
     'CalculatedColumn',
@@ -20,7 +21,6 @@ export const DEFAULT_SETTINGS_PANEL_NAVIGATION_ITEMS = [
     'FormatColumn',
     'StyledColumn',
     'FlashingCell',
-    'Theme',
     '-',
     'QuickSearch',
     'GridFilter',

package/src/Utilities/Services/ThemeService.js

@@ -70,11 +70,11 @@ export class ThemeService {
         if (abLoaded !== '777') {
             logger.consoleError('Please import Adaptable styles from "@adaptabletools/adaptable/index.css"');
         }
-        // every theme should define a custom css variable: --ab-theme-loaded: <themeName> defined on the document element.
-        if (abThemeLoaded !== themeName) {
+        const isCustomUserTheme = !this.api.themeApi.internalApi.isSystemTheme(themeName);
+        if (!isCustomUserTheme && abThemeLoaded !== themeName) {
             logger.consoleWarn(`Theme "${themeName}" doesn't seem to be loaded! Make sure you import the css file for the "${themeName}" theme!
 
-If it's a default theme, try
+If it's an AdapTable system theme, try
 
 import "@adaptabletools/adaptable/themes/${themeName}.css"`);
         }

package/src/View/ColumnInfo/ColumnInfo.js

@@ -214,11 +214,12 @@ export const ColumnInfo = (props) => {
                 React.createElement(FormRow, { label: "Select Column" },
                     React.createElement(ColumnSelector, { filterColumn: (column) => !column.alwaysHidden, value: selectedColumnId, onChange: (columnId) => setSelectedColumnId(columnId) })))),
         selectedColumnId && (React.createElement(Tabs, { mb: 3 },
-            React.createElement(Tabs.Tab, null, "State"),
             React.createElement(Tabs.Tab, null, "Column Summary"),
+            React.createElement(Tabs.Tab, null, "Column State"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(Flex, { flex: 1 }, selectedColumnId && React.createElement(ColumnDefPreview, { column: column }))),
+            ' ',
             React.createElement(Tabs.Content, null, selectedColumnId && (React.createElement(Box, { className: BASE_CLASS_NAME }, MODULES_WITH_COLUMN.map((moduleName) => {
                 return (React.createElement(ModuleView, { key: moduleName, moduleName: moduleName, selectedColumnId: selectedColumnId }));
-            })))),
-            React.createElement(Tabs.Content, null,
-                React.createElement(Flex, { flex: 1 }, selectedColumnId && React.createElement(ColumnDefPreview, { column: column })))))));
+            }))))))));
 };

package/src/View/Components/ColumnFilter/components/FloatingFilterValues.js

@@ -100,6 +100,13 @@ export const FloatingFilterValues = (props) => {
                             border: 'none',
                         },
                     },
+                    ...(props.value?.length
+                        ? {
+                            valueContainer: {
+                                fontWeight: 'var(--ab-cmp-quickfilter-selected-options-text__font-weight)',
+                            },
+                        }
+                        : {}),
                 },
                 onMenuOpen,
                 onInputChange,

package/src/View/Theme/ThemeEditor.js

@@ -8,6 +8,7 @@ import { Box, Flex, Text } from 'rebass';
 import Panel from '../../components/Panel';
 import { Field } from './ThemeField';
 import { VariantSelector } from './VariantSelector';
+import { getAccessLevelForObject } from '../../Utilities/Helpers/AdaptableHelper';
 const fields = [
     {
         name: 'Primary Color',
@@ -73,10 +74,11 @@ const fields = [
 export const ThemeEditor = (props) => {
     const adaptable = useAdaptable();
     const allThemes = adaptable.api.themeApi.getUserThemes();
-    const disabled = props.accessLevel === 'ReadOnly';
     const [currentThemeObject, setCurrentThemeObject] = React.useState(() => {
         return adaptable.api.themeApi.getCurrentThemeObject();
     });
+    const currentThemeAccessLevel = getAccessLevelForObject(currentThemeObject, props.accessLevel);
+    const currentThemeIsReadOnly = currentThemeAccessLevel !== 'Full';
     // THEME variables
     const themeVariables = currentThemeObject?.CSSVariables;
     const valuesFromTheme = fields.reduce((acc, field) => {
@@ -138,22 +140,22 @@ export const ThemeEditor = (props) => {
     const saveNameDisabled = !nameHasChanged || nameIsNotUnique || currentThemeObject.Name === '';
     return (React.createElement(Panel, { header: React.createElement(Flex, { alignItems: "center", width: "100%" },
             React.createElement(Box, { flex: 1 }, " Edit Custom Theme"),
-            React.createElement(SimpleButton, { "data-name": "delete", disabled: props.accessLevel !== 'Full', icon: "delete", onClick: handleDeleteTheme, variant: "text" })) },
+            React.createElement(SimpleButton, { "data-name": "delete", accessLevel: currentThemeAccessLevel, icon: "delete", onClick: handleDeleteTheme, variant: "text" })) },
         React.createElement(FormLayout, null,
             React.createElement(FormRow, { label: "Theme Name" },
-                React.createElement(AdaptableInput, { mr: 2, onChange: (event) => setCurrentThemeObject({
+                React.createElement(AdaptableInput, { disabled: currentThemeIsReadOnly, mr: 2, onChange: (event) => setCurrentThemeObject({
                         ...currentThemeObject,
                         Name: event.target.value.replace(/ /g, '-'),
                     }), value: currentThemeObject.Name ?? '' }),
-                React.createElement(SimpleButton, { onClick: handleSaveName, disabled: saveNameDisabled, icon: "save" }),
+                React.createElement(SimpleButton, { onClick: handleSaveName, disabled: saveNameDisabled || currentThemeIsReadOnly, icon: "save", hidden: currentThemeIsReadOnly }),
                 React.createElement(Text, { fontSize: 2, marginTop: 1 }, "The name cannot contain spaces."),
                 nameIsNotUnique && (React.createElement(Text, { fontSize: 2, color: "var(--ab-color-error)" }, "Name must be unique."))),
             React.createElement(FormRow, { label: "Description" },
-                React.createElement(AdaptableInput, { onChange: (event) => handleDescriptionChange('Description', event.target.value), value: currentThemeObject?.Description ?? '' })),
+                React.createElement(AdaptableInput, { disabled: currentThemeIsReadOnly, onChange: (event) => handleDescriptionChange('Description', event.target.value), value: currentThemeObject?.Description ?? '' })),
             React.createElement(FormRow, { label: "Variant" },
-                React.createElement(VariantSelector, { onChange: handleVariantChange, theme: currentThemeObject })),
+                React.createElement(VariantSelector, { onChange: handleVariantChange, theme: currentThemeObject, disabled: currentThemeIsReadOnly })),
             fields.map((field) => {
-                return (React.createElement(Field, { disabled: disabled, key: field.name, type: field.type, name: field.name, value: valuesFromTheme[field.variable], variable: field.variable, onChange: (val) => {
+                return (React.createElement(Field, { disabled: currentThemeIsReadOnly, key: field.name, type: field.type, name: field.name, value: valuesFromTheme[field.variable], variable: field.variable, onChange: (val) => {
                         // needs a fresh copy
                         const currentThemeObject = adaptable.api.themeApi.getCurrentThemeObject();
                         let newTheme = null;

package/src/View/Theme/VariantSelector.d.ts

@@ -3,5 +3,6 @@ import { AdaptableTheme } from '../../types';
 export interface VariantSelectorProps {
     theme: AdaptableTheme;
     onChange: (variant: AdaptableTheme['Variant'] | null) => void;
+    disabled?: boolean;
 }
 export declare const VariantSelector: React.FunctionComponent<VariantSelectorProps>;

package/src/View/Theme/VariantSelector.js

@@ -2,9 +2,12 @@ import * as React from 'react';
 import DropdownButton from '../../components/DropdownButton';
 import SimpleButton from '../../components/SimpleButton';
 import { useAdaptable } from '../AdaptableContext';
+import { OS_THEME } from '../../Utilities/Constants/GeneralConstants';
 export const VariantSelector = (props) => {
     const adaptable = useAdaptable();
-    const systemTemes = adaptable.api.themeApi.getSystemThemes();
+    const systemTemes = adaptable.api.themeApi
+        .getSystemThemes()
+        .filter((theme) => theme.Name !== OS_THEME);
     const options = systemTemes.map((theme) => ({
         label: theme.Description,
         value: theme.Name,
@@ -14,6 +17,6 @@ export const VariantSelector = (props) => {
         ? options.find((theme) => theme.value === props.theme.Variant)?.label
         : 'Select a theme';
     return (React.createElement(React.Fragment, null,
-        React.createElement(DropdownButton, { mr: 2, columns: ['label'], items: options }, label),
-        React.createElement(SimpleButton, { onClick: () => props.onChange(null), disabled: !props.theme.Variant, icon: "delete" })));
+        React.createElement(DropdownButton, { mr: 2, columns: ['label'], items: options, disabled: props.disabled }, label),
+        React.createElement(SimpleButton, { onClick: () => props.onChange(null), disabled: !props.theme.Variant || props.disabled, hidden: props.disabled, icon: "delete" })));
 };

package/src/agGrid/AdaptableAgGrid.js

@@ -319,11 +319,13 @@ export class AdaptableAgGrid {
              */
             postLoadHook: (state) => {
                 if (this.adaptableOptions.stateOptions.autoMigrateState) {
-                    state = AdaptableUpgradeHelper.migrateAdaptableState(state, {
+                    this.api.logError;
+                    const config = {
                         // version 16 actually includes all versions up until 16
                         fromVersion: 16,
                         logger: this.logger,
-                    });
+                    };
+                    state = AdaptableUpgradeHelper.migrateAdaptableState(state, config);
                 }
                 state = this.normalizeAdaptableState(state, config.gridOptions);
                 return state;

package/src/agGrid/AgGridAdapter.js

@@ -448,6 +448,11 @@ export class AgGridAdapter {
             this.logger.warn(`Column is undefined, returning 'text' for Type`);
             return 'text';
         }
+        const colDefType = [].concat(agColumn.getColDef()?.type || []).filter(Boolean);
+        const skippedSpecialCols = ['actionColumn', 'fdc3Column'];
+        if (skippedSpecialCols.some((specialColType) => colDefType.includes(specialColType))) {
+            return 'unknown';
+        }
         let dataType = 'unknown';
         // get the column type if already in store (and not unknown)
         const existingColumn = this.adaptableApi.columnApi.getColumnWithColumnId(agColumn.getId(), logWarning);

package/src/agGrid/AgGridColumnAdapter.js

@@ -238,13 +238,6 @@ export class AgGridColumnAdapter {
                 return cellDataTypeEditor;
             }
         });
-        this.setColDefProperty(col, 'cellEditorPopup', () => {
-            // as specified in https://www.ag-grid.com/react-data-grid/provided-cell-editors/#rich-select-cell-editor
-            // agRichSelectCellEditor should always set cellEditorPopup=true. Otherwise the editor will be clipped to the cell contents
-            if (shouldShowSelectCellEditor && hasRichSelectCellEditor) {
-                return true;
-            }
-        });
         this.setColDefProperty(col, 'cellEditorParams', (params) => {
             if (shouldShowSelectCellEditor) {
                 return (params) => {

package/src/agGrid/AgGridThemeAdapter.js

@@ -24,10 +24,10 @@ export class AgGridThemeAdapter {
         const isSystemTheme = this.api.themeApi.internalApi.isSystemTheme(themeName);
         if (adaptableTheme && (isSystemTheme || variantTheme)) {
             if ((variantTheme || themeName) === LIGHT_THEME) {
-                document.body.dataset.agThemeMode = 'light';
+                document.body.dataset.agThemeMode = adaptableTheme.AgThemeMode ?? 'light';
             }
             if ((variantTheme || themeName) === DARK_THEME) {
-                document.body.dataset.agThemeMode = 'dark';
+                document.body.dataset.agThemeMode = adaptableTheme.AgThemeMode ?? 'dark';
             }
         }
     }

package/src/agGrid/FloatingFilterWrapper.js

@@ -10,6 +10,7 @@ const filterContainerStyle = {
     display: 'flex',
     alignItems: 'stretch',
     position: 'relative',
+    flex: '1 1 auto',
 };
 export const FloatingFilterWrapperFactory = (adaptable) => {
     const adaptableApi = adaptable.api;

package/src/components/ExpressionEditor/BaseEditorInput.js

@@ -118,7 +118,7 @@ const FunctionsDropdown = ({ expressionFunctions, baseClassName }) => {
                     }, onClick: handleFunctionCategoryChange(option.value), checked: currentFunctionCategory === option.value }, option.label));
             })),
             React.createElement(Flex, null,
-                React.createElement(Flex, { className: `${baseClassName}__dropdown-functions-list`, "data-name": "expression-dropdown-fuctions-list", flexDirection: "column", p: 2, maxHeight: '50vh' }, orderedGroupNames
+                React.createElement(Flex, { className: `${baseClassName}__dropdown-functions-list`, "data-name": "expression-dropdown-functions-list", flexDirection: "column", p: 2, maxHeight: '50vh' }, orderedGroupNames
                     .filter((groupName) => !!groupedFunctions[groupName])
                     .map((groupName) => {
                     const functionsInGroup = Object.keys(groupedFunctions[groupName]);

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: 1742808186097 || Date.now(),
-    VERSION: "20.0.0" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1743270603331 || Date.now(),
+    VERSION: "20.0.1" || '--current-version--',
 };

package/src/layout-manager/src/LayoutManagerModel.d.ts

@@ -36,7 +36,7 @@ export interface BaseLayoutModel {
         Values: any[][];
     };
     /**
-     * Whether to include the aggFunc name in the column header: e.g. 'sum(Bank Balance)' will just be 'Bank Balance'
+     * Hides aggFunc name in the column header: e.g. 'sum(Bank Balance)' will just be 'Bank Balance'
      */
     SuppressAggFuncInHeader?: boolean;
     /**