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

package/src/Strategy/Utilities/Export/getExportRowsViewItems.js

@@ -1,16 +1,16 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ExpressionPreview } from '../../../components/ExpressionEditor/ExpressionPreview';
 import { Tag } from '../../../components/Tag';
 export const getExportRowsViewItems = (report, api) => {
     let element = null;
     if (report.ReportRowScope === 'ExpressionRows') {
-        element = React.createElement(ExpressionPreview, { query: report.Query });
+        element = _jsx(ExpressionPreview, { query: report.Query });
     }
     else {
         element = api.exportApi.internalApi.getReportExpressionDescription(report, api.columnApi.getColumns());
     }
     return {
         name: 'Rows',
-        view: React.createElement(Tag, null, element),
+        view: _jsx(Tag, { children: element }),
     };
 };

package/src/Strategy/Utilities/Export/getReportSchedulesViewItems.d.ts

@@ -0,0 +1,2 @@
+import { AdaptableApi, Report } from '../../../../types';
+export declare function reportHasSchedules(report: Report, api: AdaptableApi): boolean;

package/src/Strategy/Utilities/Export/getReportSchedulesViewItems.js

@@ -0,0 +1,5 @@
+export function reportHasSchedules(report, api) {
+    return api.exportApi
+        .getScheduledReports()
+        .some((schedule) => schedule.ReportName === report.Name);
+}

package/src/Utilities/Constants/DocumentationLinkConstants.d.ts

@@ -14,5 +14,5 @@ export declare const LicenseDocsLink = "https://www.adaptabletools.com/buy/buyin
 export declare const AdaptableOptionsDocsLink = "https://www.adaptabletools.com/docs/technical-reference-adaptable-options";
 export declare const AgGridModulesDocsLink = "https://www.adaptabletools.com/docs/getting-started-aggrid-modules";
 export declare const AlertMessageDocsLink = "https://www.adaptabletools.com/docs/handbook-alerting-message";
-export declare const FormatColumnPlaceholderDocsLink = "https://www.adaptabletools.com/docs/handbook-column-formatting-display-format-placeholder";
+export declare const FormatColumnPlaceholderDocsLink = "https://www.adaptabletools.com/docs/handbook-column-formatting-display-format-template";
 export declare const AgGridRequiredModulesDocsLink = "https://www.adaptabletools.com/docs/getting-started-aggrid-modules#mandatory-modules";

package/src/Utilities/Constants/DocumentationLinkConstants.js

@@ -15,5 +15,5 @@ export const LicenseDocsLink = `${HOST_URL_ROOT}/buy/buying-adaptable-licensing`
 export const AdaptableOptionsDocsLink = `${HOST_URL_DOCS}/technical-reference-adaptable-options`;
 export const AgGridModulesDocsLink = `${HOST_URL_DOCS}/getting-started-aggrid-modules`;
 export const AlertMessageDocsLink = `${HOST_URL_DOCS}/handbook-alerting-message`;
-export const FormatColumnPlaceholderDocsLink = `${HOST_URL_DOCS}/handbook-column-formatting-display-format-placeholder`;
+export const FormatColumnPlaceholderDocsLink = `${HOST_URL_DOCS}/handbook-column-formatting-display-format-template`;
 export const AgGridRequiredModulesDocsLink = `${HOST_URL_DOCS}/getting-started-aggrid-modules#mandatory-modules`;

package/src/Utilities/Constants/ModuleConstants.d.ts

@@ -53,8 +53,6 @@ export declare const PlusMinusModuleId: ModuleConstants;
 export declare const PlusMinusFriendlyName = "Plus Minus";
 export declare const QuickSearchModuleId: ModuleConstants;
 export declare const QuickSearchFriendlyName = "Quick Search";
-export declare const ScheduleModuleId: ModuleConstants;
-export declare const ScheduleFriendlyName = "Schedule";
 export declare const SettingsPanelModuleId: ModuleConstants;
 export declare const SettingsPanelFriendlyName = "Settings Panel";
 export declare const ShortcutModuleId: ModuleConstants;
@@ -103,7 +101,6 @@ export declare const ADAPTABLE_MODULE_MAP: {
     OpenFin: string;
     PlusMinus: string;
     QuickSearch: string;
-    Schedule: string;
     Shortcut: string;
     SmartEdit: string;
     StyledColumn: string;

package/src/Utilities/Constants/ModuleConstants.js

@@ -52,8 +52,6 @@ export const PlusMinusModuleId = 'PlusMinus';
 export const PlusMinusFriendlyName = 'Plus Minus';
 export const QuickSearchModuleId = 'QuickSearch';
 export const QuickSearchFriendlyName = 'Quick Search';
-export const ScheduleModuleId = 'Schedule';
-export const ScheduleFriendlyName = 'Schedule';
 export const SettingsPanelModuleId = 'SettingsPanel';
 export const SettingsPanelFriendlyName = 'Settings Panel';
 export const ShortcutModuleId = 'Shortcut';
@@ -102,7 +100,6 @@ export const ADAPTABLE_MODULE_MAP = {
     [OpenFinModuleId]: OpenFinFriendlyName,
     [PlusMinusModuleId]: PlusMinusFriendlyName,
     [QuickSearchModuleId]: QuickSearchFriendlyName,
-    [ScheduleModuleId]: ScheduleFriendlyName,
     [ShortcutModuleId]: ShortcutFriendlyName,
     [SmartEditModuleId]: SmartEditFriendlyName,
     [StyledColumnModuleId]: StyledColumnFriendlyName,

package/src/Utilities/Constants/ReduxConstants.d.ts

@@ -1,7 +1,9 @@
 import { SummaryOperation } from '../../AdaptableState/Common/Enums';
 import { AdaptableTheme } from '../../AdaptableState/ThemeState';
 export declare const CELL_SUMMARY_DEFAULT_OPERATION: SummaryOperation | string;
-export declare const QUICK_SEARCH_DEFAULT_BACK_COLOR: string;
+export declare const QUICK_SEARCH_DEFAULT_TEXT_BACK_COLOR: string;
+export declare const QUICK_SEARCH_DEFAULT_CELL_BACK_COLOR: string;
 export declare const QUICK_SEARCH_DEFAULT_FORE_COLOR: string;
+export declare const QUICK_SEARCH_DEFAULT_CURRENT_BACK_COLOR: string;
 export declare const SYSTEM_THEMES: AdaptableTheme[];
 export declare const THEME_DEFAULT_CURRENT_THEME: string;

package/src/Utilities/Constants/ReduxConstants.js

@@ -1,11 +1,13 @@
 import { SummaryOperation } from '../../AdaptableState/Common/Enums';
-import { LIGHT_YELLOW, BLACK, getHexForName } from '../../View/UIHelper';
+import { getSwatchColorVar } from '../../View/UIHelper';
 import { LIGHT_THEME, DARK_THEME, OS_THEME } from './GeneralConstants';
 // Cells Summary
 export const CELL_SUMMARY_DEFAULT_OPERATION = SummaryOperation.Sum;
-// Quick Search
-export const QUICK_SEARCH_DEFAULT_BACK_COLOR = getHexForName(LIGHT_YELLOW);
-export const QUICK_SEARCH_DEFAULT_FORE_COLOR = getHexForName(BLACK);
+// Quick Search — text match uses a stronger yellow; cell background uses a lighter shade
+export const QUICK_SEARCH_DEFAULT_TEXT_BACK_COLOR = getSwatchColorVar(9); // #ffff00
+export const QUICK_SEARCH_DEFAULT_CELL_BACK_COLOR = getSwatchColorVar(10); // #ffffe0
+export const QUICK_SEARCH_DEFAULT_FORE_COLOR = getSwatchColorVar(1); // black
+export const QUICK_SEARCH_DEFAULT_CURRENT_BACK_COLOR = getSwatchColorVar(20); // orange
 // theme
 // consts for Themes
 export const SYSTEM_THEMES = [

package/src/Utilities/Defaults/DefaultSettingsPanel.js

@@ -37,7 +37,6 @@ export const DEFAULT_SETTINGS_PANEL_NAVIGATION_ITEMS = [
     'DataChangeHistory',
     '-',
     'Charting',
-    'Schedule',
     'TeamSharing',
     'StateManagement',
 ];

package/src/Utilities/Extensions/NumberExtensions.js

@@ -82,6 +82,6 @@ export const NumberExtensions = {
     wrapInParentheses,
     timesBy100,
     divideBy100,
-    avoidJavascriptPrecisionIssues
+    avoidJavascriptPrecisionIssues,
 };
 export default NumberExtensions;

package/src/Utilities/Helpers/ActionColumnWidthHelper.d.ts

@@ -0,0 +1,6 @@
+import { ActionColumn, ActionColumnButton } from '../../AdaptableOptions/ActionColumnOptions';
+/**
+ * Estimates Action Column width from design-time button definitions.
+ * Dynamic labels/icons (functions) are not measured — use an explicit `width` instead.
+ */
+export declare function calculateActionColumnWidth(actionColumn: ActionColumn, buttons: ActionColumnButton<any>[]): number | undefined;

package/src/Utilities/Helpers/ActionColumnWidthHelper.js

@@ -0,0 +1,56 @@
+const BUTTON_HORIZONTAL_PADDING = 28;
+const ICON_WIDTH = 20;
+const ICON_LABEL_GAP = 4;
+const BUTTON_GAP = 8;
+const CHAR_WIDTH = 7.5;
+const DROPDOWN_CHEVRON_WIDTH = 24;
+const HEADER_EXTRA_PADDING = 32;
+function estimateButtonWidth(label, hasIcon) {
+    let width = BUTTON_HORIZONTAL_PADDING;
+    if (label) {
+        width += label.length * CHAR_WIDTH;
+    }
+    if (hasIcon) {
+        width += ICON_WIDTH + (label ? ICON_LABEL_GAP : 0);
+    }
+    return Math.ceil(width);
+}
+function getStaticButtonLabel(button) {
+    if (!button.label || typeof button.label === 'function') {
+        return '';
+    }
+    return button.label;
+}
+function hasStaticIcon(button) {
+    return Boolean(button.icon && typeof button.icon !== 'function');
+}
+/**
+ * Estimates Action Column width from design-time button definitions.
+ * Dynamic labels/icons (functions) are not measured — use an explicit `width` instead.
+ */
+export function calculateActionColumnWidth(actionColumn, buttons) {
+    const settings = actionColumn.actionColumnSettings ?? {};
+    if (settings.width != null) {
+        return settings.width;
+    }
+    const minWidth = settings.minWidth ?? 80;
+    const headerName = actionColumn.friendlyName ?? actionColumn.columnId;
+    const headerWidth = HEADER_EXTRA_PADDING + headerName.length * CHAR_WIDTH;
+    if (!settings.autoWidth) {
+        return settings.minWidth;
+    }
+    const visibleButtons = buttons.filter((button) => !button.hidden);
+    if (settings.displayMode === 'dropdown') {
+        const dropdownLabel = settings.dropdownLabel ?? 'Actions';
+        const triggerWidth = estimateButtonWidth(dropdownLabel, false) + DROPDOWN_CHEVRON_WIDTH;
+        return Math.max(minWidth, triggerWidth, headerWidth);
+    }
+    let buttonsWidth = 0;
+    visibleButtons.forEach((button, index) => {
+        buttonsWidth += estimateButtonWidth(getStaticButtonLabel(button), hasStaticIcon(button));
+        if (index > 0) {
+            buttonsWidth += BUTTON_GAP;
+        }
+    });
+    return Math.max(minWidth, buttonsWidth, headerWidth);
+}

package/src/Utilities/Helpers/IconStylePresets.d.ts

@@ -0,0 +1,6 @@
+import { IconStyleBuiltInPreset, IconStyleMapping } from '../../AdaptableState/StyledColumnState';
+export declare const ICON_STYLE_PRESETS: Record<IconStyleBuiltInPreset, IconStyleMapping[]>;
+/** Returns a fresh copy of the mappings for a given preset. */
+export declare const getIconStylePresetMappings: (preset: IconStyleBuiltInPreset) => IconStyleMapping[];
+export declare const ICON_STYLE_PRESET_LABELS: Record<IconStyleBuiltInPreset, string>;
+export declare const ICON_STYLE_PRESET_DESCRIPTIONS: Record<IconStyleBuiltInPreset, string>;

package/src/Utilities/Helpers/IconStylePresets.js

@@ -0,0 +1,132 @@
+/**
+ * Built-in {@link IconStyle} mapping presets.
+ *
+ * The wizard's "Apply preset" action seeds `IconStyle.Mappings` from one
+ * of these. Once seeded the data is just normal mappings — users can add
+ * / edit / remove rows freely.
+ *
+ * Implementation notes:
+ *  - All icons here are emoji strings, so the presets cost nothing at
+ *    bundle / asset level. On Windows some flag emojis fall back to
+ *    regional-indicator letter pairs (e.g. "🇺🇸" → "US"), which is still
+ *    a sensible visual; users who want a consistent SVG flag pack across
+ *    platforms can swap individual mappings to URL icons.
+ *  - Presets are deliberately *small* — the most common values for each
+ *    domain. Users add the long tail by editing the mappings list.
+ */
+const flagEmoji = (countryCodeAlpha2) => {
+    const cc = countryCodeAlpha2.toUpperCase();
+    if (cc.length !== 2)
+        return cc;
+    // Convert ISO-3166 alpha-2 → regional indicator pair (each letter +
+    // 0x1F1A5). Browsers render this pair as the country flag.
+    const a = 0x1f1a5;
+    return String.fromCodePoint(a + cc.charCodeAt(0), a + cc.charCodeAt(1));
+};
+const FLAG_PRESET = [
+    { Key: 'AU', Icon: flagEmoji('AU'), Description: 'Australia' },
+    { Key: 'BE', Icon: flagEmoji('BE'), Description: 'Belgium' },
+    { Key: 'CA', Icon: flagEmoji('CA'), Description: 'Canada' },
+    { Key: 'CH', Icon: flagEmoji('CH'), Description: 'Switzerland' },
+    { Key: 'CN', Icon: flagEmoji('CN'), Description: 'China' },
+    { Key: 'DE', Icon: flagEmoji('DE'), Description: 'Germany' },
+    { Key: 'ES', Icon: flagEmoji('ES'), Description: 'Spain' },
+    { Key: 'FR', Icon: flagEmoji('FR'), Description: 'France' },
+    { Key: 'GB', Icon: flagEmoji('GB'), Description: 'United Kingdom' },
+    { Key: 'IE', Icon: flagEmoji('IE'), Description: 'Ireland' },
+    { Key: 'IT', Icon: flagEmoji('IT'), Description: 'Italy' },
+    { Key: 'JP', Icon: flagEmoji('JP'), Description: 'Japan' },
+    { Key: 'NL', Icon: flagEmoji('NL'), Description: 'Netherlands' },
+    { Key: 'PT', Icon: flagEmoji('PT'), Description: 'Portugal' },
+    { Key: 'US', Icon: flagEmoji('US'), Description: 'United States' },
+    // Friendly synonyms so the preset works against full country names too
+    // (`MatchMode: 'CaseInsensitive'` is a sensible default for this preset).
+    { Key: 'Australia', Icon: flagEmoji('AU'), Description: 'Australia' },
+    { Key: 'Belgium', Icon: flagEmoji('BE'), Description: 'Belgium' },
+    { Key: 'Canada', Icon: flagEmoji('CA'), Description: 'Canada' },
+    { Key: 'France', Icon: flagEmoji('FR'), Description: 'France' },
+    { Key: 'Germany', Icon: flagEmoji('DE'), Description: 'Germany' },
+    { Key: 'Italy', Icon: flagEmoji('IT'), Description: 'Italy' },
+    { Key: 'Japan', Icon: flagEmoji('JP'), Description: 'Japan' },
+    { Key: 'Spain', Icon: flagEmoji('ES'), Description: 'Spain' },
+    { Key: 'Switzerland', Icon: flagEmoji('CH'), Description: 'Switzerland' },
+    { Key: 'United Kingdom', Icon: flagEmoji('GB'), Description: 'United Kingdom' },
+    { Key: 'United States', Icon: flagEmoji('US'), Description: 'United States' },
+];
+// Currency → issuing country flag. Currency *symbols* (`$`, `¥`) are NOT
+// unique across currencies (USD/AUD/CAD/NZD all share `$`; CNY/JPY both use
+// `¥`), so an icon column built from symbols ends up visually ambiguous —
+// defeating the whole point of an icon column. Flags map 1-to-1 with the
+// issuing economy, give every currency a distinct glyph, and read instantly
+// in financial UIs (which is where this preset is most commonly used).
+//
+// Pair with `Description` ("US Dollar", "Euro") so tooltips / companion
+// text still surface the human-readable name. Anyone who prefers symbols
+// can still build that mapping by hand in the wizard.
+const CURRENCY_PRESET = [
+    { Key: 'AUD', Icon: flagEmoji('AU'), Description: 'Australian Dollar' },
+    { Key: 'CAD', Icon: flagEmoji('CA'), Description: 'Canadian Dollar' },
+    { Key: 'CHF', Icon: flagEmoji('CH'), Description: 'Swiss Franc' },
+    { Key: 'CNY', Icon: flagEmoji('CN'), Description: 'Chinese Yuan' },
+    // 'EU' as a regional indicator pair renders as the EU flag in modern
+    // emoji fonts; falls back to the letters "EU" otherwise — still readable.
+    { Key: 'EUR', Icon: flagEmoji('EU'), Description: 'Euro' },
+    { Key: 'GBP', Icon: flagEmoji('GB'), Description: 'British Pound' },
+    { Key: 'HKD', Icon: flagEmoji('HK'), Description: 'Hong Kong Dollar' },
+    { Key: 'INR', Icon: flagEmoji('IN'), Description: 'Indian Rupee' },
+    { Key: 'JPY', Icon: flagEmoji('JP'), Description: 'Japanese Yen' },
+    { Key: 'KRW', Icon: flagEmoji('KR'), Description: 'South Korean Won' },
+    { Key: 'MXN', Icon: flagEmoji('MX'), Description: 'Mexican Peso' },
+    { Key: 'NOK', Icon: flagEmoji('NO'), Description: 'Norwegian Krone' },
+    { Key: 'NZD', Icon: flagEmoji('NZ'), Description: 'New Zealand Dollar' },
+    { Key: 'RUB', Icon: flagEmoji('RU'), Description: 'Russian Ruble' },
+    { Key: 'SEK', Icon: flagEmoji('SE'), Description: 'Swedish Krona' },
+    { Key: 'SGD', Icon: flagEmoji('SG'), Description: 'Singapore Dollar' },
+    { Key: 'TRY', Icon: flagEmoji('TR'), Description: 'Turkish Lira' },
+    { Key: 'USD', Icon: flagEmoji('US'), Description: 'US Dollar' },
+    { Key: 'ZAR', Icon: flagEmoji('ZA'), Description: 'South African Rand' },
+];
+const TREND_PRESET = [
+    { Key: 'Up', Icon: '⬆', Description: 'Up' },
+    { Key: 'Down', Icon: '⬇', Description: 'Down' },
+    { Key: 'Flat', Icon: '➡', Description: 'Flat' },
+    // Trading-side synonyms so the same preset works against Buy/Sell columns.
+    { Key: 'Buy', Icon: '⬆', Description: 'Buy' },
+    { Key: 'Sell', Icon: '⬇', Description: 'Sell' },
+    { Key: 'Hold', Icon: '➡', Description: 'Hold' },
+    { Key: 'Long', Icon: '⬆', Description: 'Long' },
+    { Key: 'Short', Icon: '⬇', Description: 'Short' },
+];
+const STATUS_PRESET = [
+    { Key: 'Pass', Icon: '🟢', Description: 'Pass' },
+    { Key: 'Warn', Icon: '🟡', Description: 'Warn' },
+    { Key: 'Fail', Icon: '🔴', Description: 'Fail' },
+    // Status-column synonyms (cover the `status` column in the trade demo).
+    { Key: 'Completed', Icon: '🟢', Description: 'Completed' },
+    { Key: 'In Progress', Icon: '🟡', Description: 'In Progress' },
+    { Key: 'Pending', Icon: '🟡', Description: 'Pending' },
+    { Key: 'Booked', Icon: '🟢', Description: 'Booked' },
+    { Key: 'Rejected', Icon: '🔴', Description: 'Rejected' },
+];
+export const ICON_STYLE_PRESETS = {
+    Flags: FLAG_PRESET,
+    Currencies: CURRENCY_PRESET,
+    Trend: TREND_PRESET,
+    Status: STATUS_PRESET,
+};
+/** Returns a fresh copy of the mappings for a given preset. */
+export const getIconStylePresetMappings = (preset) => {
+    return ICON_STYLE_PRESETS[preset].map((m) => ({ ...m }));
+};
+export const ICON_STYLE_PRESET_LABELS = {
+    Flags: 'Country Flags',
+    Currencies: 'Currencies',
+    Trend: 'Trend / Direction',
+    Status: 'Status',
+};
+export const ICON_STYLE_PRESET_DESCRIPTIONS = {
+    Flags: 'ISO country code or country name → flag emoji',
+    Currencies: 'ISO 4217 currency code → issuing country flag',
+    Trend: 'Up / Down / Flat (and Buy / Sell / Hold) → arrows',
+    Status: 'Pass / Warn / Fail (and common synonyms) → traffic light',
+};

package/src/Utilities/Helpers/QuickSearchStyleHelper.d.ts

@@ -0,0 +1,12 @@
+import { AdaptableStyle } from '../../AdaptableState/Common/AdaptableStyle';
+import { QuickSearchState } from '../../AdaptableState/QuickSearchState';
+/** True when no style properties are set (including persisted `{}` placeholders). */
+export declare function isQuickSearchStyleUnset(style: Omit<AdaptableStyle, 'ClassName'> | undefined): boolean;
+/** Matching text highlight (AG Grid Find). Defaults at read time — not written to state unless set. */
+export declare function resolveQuickSearchTextMatchStyle(quickSearchState: QuickSearchState): Omit<AdaptableStyle, 'ClassName'>;
+/** Whole-cell background on matching cells. Undefined when unset (client-side). */
+export declare function resolveQuickSearchCellMatchStyle(quickSearchState: QuickSearchState): Omit<AdaptableStyle, 'ClassName'> | undefined;
+/** Active match text highlight when cycling results. Defaults at read time. */
+export declare function resolveQuickSearchCurrentTextMatchStyle(quickSearchState: QuickSearchState): Omit<AdaptableStyle, 'ClassName'>;
+/** Apply Quick Search Find CSS variables on the grid container (`.ab-Grid`). */
+export declare function applyQuickSearchFindCssVars(container: HTMLElement | null, quickSearchState: QuickSearchState): void;

package/src/Utilities/Helpers/QuickSearchStyleHelper.js

@@ -0,0 +1,76 @@
+import { QUICK_SEARCH_DEFAULT_CURRENT_TEXT_MATCH_STYLE, QUICK_SEARCH_DEFAULT_TEXT_MATCH_STYLE, } from '../../Redux/ActionsReducers/QuickSearchRedux';
+import { convertAdaptableStyleToCSS } from './StyleHelper';
+import kebabCase from '../utils/kebabCase';
+const QUICK_SEARCH_FIND_CSS_KEYS = [
+    'backgroundColor',
+    'color',
+    'fontWeight',
+    'fontStyle',
+    'fontSize',
+    'textDecoration',
+    'borderColor',
+    'borderRadius',
+];
+/** True when no style properties are set (including persisted `{}` placeholders). */
+export function isQuickSearchStyleUnset(style) {
+    if (style == null) {
+        return true;
+    }
+    return !Object.entries(style).some(([key, value]) => {
+        if (value == null || value === '') {
+            return false;
+        }
+        if (key === 'Alignment' && value === 'Default') {
+            return false;
+        }
+        if (key === 'TextDecoration' && value === 'None') {
+            return false;
+        }
+        if (key === 'FontWeight' && value === 'Normal') {
+            return false;
+        }
+        if (key === 'FontStyle' && value === 'Normal') {
+            return false;
+        }
+        if (key === 'BorderRadius' && value === 0) {
+            return false;
+        }
+        return true;
+    });
+}
+/** Matching text highlight (AG Grid Find). Defaults at read time — not written to state unless set. */
+export function resolveQuickSearchTextMatchStyle(quickSearchState) {
+    if (isQuickSearchStyleUnset(quickSearchState.TextMatchStyle)) {
+        return QUICK_SEARCH_DEFAULT_TEXT_MATCH_STYLE;
+    }
+    return quickSearchState.TextMatchStyle;
+}
+/** Whole-cell background on matching cells. Undefined when unset (client-side). */
+export function resolveQuickSearchCellMatchStyle(quickSearchState) {
+    if (isQuickSearchStyleUnset(quickSearchState.CellMatchStyle)) {
+        return undefined;
+    }
+    return quickSearchState.CellMatchStyle;
+}
+/** Active match text highlight when cycling results. Defaults at read time. */
+export function resolveQuickSearchCurrentTextMatchStyle(quickSearchState) {
+    if (isQuickSearchStyleUnset(quickSearchState.CurrentTextMatchStyle)) {
+        return QUICK_SEARCH_DEFAULT_CURRENT_TEXT_MATCH_STYLE;
+    }
+    return quickSearchState.CurrentTextMatchStyle;
+}
+/** Apply Quick Search Find CSS variables on the grid container (`.ab-Grid`). */
+export function applyQuickSearchFindCssVars(container, quickSearchState) {
+    if (!container) {
+        return;
+    }
+    const textStyle = resolveQuickSearchTextMatchStyle(quickSearchState);
+    const currentStyle = resolveQuickSearchCurrentTextMatchStyle(quickSearchState);
+    applyQuickSearchFindCssVarsForPrefix(container, 'text', convertAdaptableStyleToCSS(textStyle));
+    applyQuickSearchFindCssVarsForPrefix(container, 'current', convertAdaptableStyleToCSS(currentStyle));
+}
+function applyQuickSearchFindCssVarsForPrefix(container, prefix, css) {
+    QUICK_SEARCH_FIND_CSS_KEYS.forEach((key) => {
+        container.style.setProperty(`--ab-qs-${prefix}-${kebabCase(key)}`, css[key] ?? '');
+    });
+}

package/src/Utilities/Helpers/ScheduleHelper.d.ts

@@ -0,0 +1,22 @@
+import { Schedule, Weekday } from '../../AdaptableState/Common/Schedule';
+export type ScheduleRecurrencePreset = 'daily' | 'weekdays' | 'selectedDays' | 'monthly' | 'custom';
+export declare function buildCronExpression(preset: ScheduleRecurrencePreset, hour: number, minute: number, options?: {
+    days?: Weekday[];
+    dayOfMonth?: number;
+    customExpression?: string;
+}): string;
+export declare function buildRunAtIso(date: string, hour: number, minute: number): string;
+export declare function parseTimeFromSchedule(schedule: Schedule): {
+    hour: number;
+    minute: number;
+};
+export declare function inferPresetFromCron(cronExpression?: string): {
+    preset: ScheduleRecurrencePreset;
+    days: Weekday[];
+    dayOfMonth: number;
+};
+export declare function parseOneOffDateFromRunAt(runAt?: string): string;
+export declare function getNextRunDateFromSchedule(schedule: Schedule): Date | null;
+export declare function isScheduleValid(schedule: Schedule): true | string;
+export declare function getScheduleDescription(schedule: Schedule): string;
+export declare function isValidCronExpression(expression: string): boolean;