@adaptabletools/adaptable-cjs 23.0.0-canary.1 → 23.0.0-canary.10

package/src/Utilities/utils/words.d.ts

@@ -1,7 +0,0 @@
-/**
- * Split a string into words: handles camelCase, PascalCase, UPPER_CASE,
- * UPPER_SNAKE_CASE, snake_case, kebab-case, spaces, and dot.notation.
- *
- * Shared helper used by kebabCase, startCase, and sentenceCase.
- */
-export default function words(str: string): string[];

package/src/Utilities/utils/words.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = words;
-/**
- * Split a string into words: handles camelCase, PascalCase, UPPER_CASE,
- * UPPER_SNAKE_CASE, snake_case, kebab-case, spaces, and dot.notation.
- *
- * Shared helper used by kebabCase, startCase, and sentenceCase.
- */
-function words(str) {
-    const matches = str.match(/[A-Z]?[a-z]+|[A-Z]+(?=[A-Z][a-z]|\d|$|[^a-zA-Z0-9])|[A-Z]|[0-9]+/g);
-    return matches || [];
-}

package/src/View/AdaptableComputedCSSVarsContext.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-declare const computedCSSVarNames: readonly ["--ab-cmp-select-menu__max-width", "--ab-cmp-select-menu__min-width", "--ab-cmp-select-menu__max-height"];
-type AdaptableComputedCSSVars = {
-    [key in (typeof computedCSSVarNames)[number]]: string | number;
-};
-export declare const AdaptableComputedCSSVarsContext: React.Context<AdaptableComputedCSSVars>;
-export declare const WithAdaptableComputedCSSVars: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const useAdaptableComputedCSSVars: () => AdaptableComputedCSSVars;
-export declare const useAdaptableComputedCSSVar: (varName: (typeof computedCSSVarNames)[number]) => string | number;
-export {};

package/src/View/AdaptableComputedCSSVarsContext.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAdaptableComputedCSSVar = exports.useAdaptableComputedCSSVars = exports.WithAdaptableComputedCSSVars = exports.AdaptableComputedCSSVarsContext = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const CSSNumericVariableWatch_1 = require("../components/Select/CSSNumericVariableWatch");
-const debounce_1 = tslib_1.__importDefault(require("../Utilities/utils/debounce"));
-const react_1 = require("react");
-const computedCSSVarNames = [
-    '--ab-cmp-select-menu__max-width',
-    '--ab-cmp-select-menu__min-width',
-    '--ab-cmp-select-menu__max-height',
-];
-const defaultValues = Object.fromEntries(computedCSSVarNames.map((varName) => [varName, 0]));
-exports.AdaptableComputedCSSVarsContext = React.createContext(defaultValues);
-const WithAdaptableComputedCSSVars = ({ children }) => {
-    const [computedCSSVars, doSetComputedCSSVars] = React.useState(defaultValues);
-    const setComputedCSSVars = (0, react_1.useMemo)(() => {
-        return (0, debounce_1.default)(doSetComputedCSSVars, 300, { leading: false, trailing: true });
-    }, [doSetComputedCSSVars]);
-    return ((0, jsx_runtime_1.jsxs)(exports.AdaptableComputedCSSVarsContext.Provider, { value: computedCSSVars, children: [children, computedCSSVarNames.map((varName) => ((0, jsx_runtime_1.jsx)(CSSNumericVariableWatch_1.CSSNumericVariableWatch, { varName: varName, onChange: (value) => {
-                    setComputedCSSVars((prev) => ({ ...prev, [varName]: value }));
-                } }, varName)))] }));
-};
-exports.WithAdaptableComputedCSSVars = WithAdaptableComputedCSSVars;
-const useAdaptableComputedCSSVars = () => {
-    const context = React.useContext(exports.AdaptableComputedCSSVarsContext);
-    return context;
-};
-exports.useAdaptableComputedCSSVars = useAdaptableComputedCSSVars;
-const useAdaptableComputedCSSVar = (varName) => {
-    const context = React.useContext(exports.AdaptableComputedCSSVarsContext);
-    return context?.[varName];
-};
-exports.useAdaptableComputedCSSVar = useAdaptableComputedCSSVar;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { CellDataChangedInfo } from '../../AdaptableState/Common/CellDataChangedInfo';
-export interface DataChangeHistoryData {
-    primaryKey: string;
-    changeKey: string;
-    changeTriggerLabel: string;
-    changedColumnLabel: string;
-    changeInfo: CellDataChangedInfo;
-}
-export interface DataChangeHistoryGridProps {
-    adaptableContainerId: string;
-    agGridContainerId: string;
-    changeHistoryLog: Record<string, CellDataChangedInfo>;
-    onUndoChange: (changeKey: string) => void;
-    onClearRow: (changeKey: string) => void;
-}
-export declare const DataChangeHistoryGrid: (props: DataChangeHistoryGridProps) => React.JSX.Element;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -1,295 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataChangeHistoryGrid = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const AdaptableContext_1 = require("../AdaptableContext");
-const usePrevious_1 = tslib_1.__importDefault(require("../../components/utils/usePrevious"));
-const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
-const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
-const buildActionColumnButton_1 = require("./buildActionColumnButton");
-const AdaptableAgGrid_1 = require("../../agGrid/AdaptableAgGrid");
-const DataChangeHistoryGrid = (props) => {
-    const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange, onClearRow } = props;
-    const mainAdaptableInstance = (0, AdaptableContext_1.useAdaptable)();
-    const [_adaptableApi, setAdaptableApi] = (0, react_1.useState)(null);
-    const adaptableApiRef = (0, react_1.useRef)(null);
-    adaptableApiRef.current = _adaptableApi;
-    const undoChangeEnabled = mainAdaptableInstance.api.entitlementApi.isModuleFullEntitlement(ModuleConstants_1.DataChangeHistoryModuleId);
-    const previousChangeHistoryLog = (0, usePrevious_1.default)(changeHistoryLog, changeHistoryLog);
-    // initialize Adaptable grid
-    (0, react_1.useEffect)(() => {
-        const initializeAdaptableGrid = async () => {
-            const gridOptions = buildGridOptions(mainAdaptableInstance, changeHistoryLog);
-            const adaptableOptions = buildAdaptableOptions(mainAdaptableInstance, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange, onClearRow);
-            const modules = mainAdaptableInstance.agGridModulesAdapter.getAgGridRegisteredModules();
-            const dataChangeHistoryAdaptableApi = await AdaptableAgGrid_1.AdaptableAgGrid._initInternal({
-                variant: 'vanilla',
-                adaptableOptions,
-                gridOptions,
-                modules,
-            });
-            setAdaptableApi(dataChangeHistoryAdaptableApi);
-        };
-        initializeAdaptableGrid();
-        return () => {
-            requestAnimationFrame(() => {
-                adaptableApiRef.current?.internalApi
-                    .getAdaptableInstance()
-                    .destroy({ unmount: true, destroyAgGrid: true });
-            });
-        };
-    }, []);
-    // update row data
-    (0, react_1.useEffect)(() => {
-        const adaptableApi = adaptableApiRef.current;
-        if (!adaptableApi) {
-            // initial render
-            return;
-        }
-        const addedChangeKeys = Object.keys(changeHistoryLog).filter((newChangeKey) => {
-            const previousChangeWithSameKey = previousChangeHistoryLog[newChangeKey];
-            if (!previousChangeWithSameKey) {
-                return true;
-            }
-            const addedChange = changeHistoryLog[newChangeKey];
-            return addedChange.changedAt !== previousChangeWithSameKey.changedAt;
-        });
-        const removedChangeKeys = Object.keys(previousChangeHistoryLog).filter((previousChangeKey) => {
-            const newChangeWithSameKey = changeHistoryLog[previousChangeKey];
-            if (!newChangeWithSameKey) {
-                return true;
-            }
-            const previousChange = previousChangeHistoryLog[previousChangeKey];
-            return previousChange.changedAt !== newChangeWithSameKey.changedAt;
-        });
-        const addedChangeHistoryLogs = filterChangeHistoryLog(changeHistoryLog, addedChangeKeys);
-        const removedChangeHistoryLogs = filterChangeHistoryLog(previousChangeHistoryLog, removedChangeKeys);
-        // here we access directly the AG Grid API, but this is OK because:
-        // 1. this method (gridAPi.applyTransaction() is NOT accessible otherwise and making it public opens other cans of worms
-        // 2. this UI will be reimplemented with Infinite Table anyway
-        const addedRows = mapChangeHistoryRowData(addedChangeHistoryLogs, mainAdaptableInstance);
-        const removedRows = mapChangeHistoryRowData(removedChangeHistoryLogs, mainAdaptableInstance);
-        adaptableApi.agGridApi.applyTransactionAsync({
-            add: addedRows,
-            remove: removedRows,
-        });
-    }, [changeHistoryLog]);
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-};
-exports.DataChangeHistoryGrid = DataChangeHistoryGrid;
-const buildAdaptableOptions = (mainAdaptableInstance, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange, onClearRow) => {
-    const mainAdaptableOptions = mainAdaptableInstance.adaptableOptions;
-    const mainAdaptableTheme = mainAdaptableInstance.api.themeApi.getCurrentTheme();
-    const undoRowNode = (rowNode) => {
-        const rowData = rowNode?.data;
-        const changeKey = rowData?.['changeKey'];
-        changeKey && onUndoChange(changeKey);
-    };
-    const clearRow = (rowNode) => {
-        const rowData = rowNode?.data;
-        const changeKey = rowData?.['changeKey'];
-        changeKey && onClearRow(changeKey);
-    };
-    const actionColumnButton = (0, buildActionColumnButton_1.buildActionColumnButton)(mainAdaptableInstance.adaptableOptions?.dataChangeHistoryOptions, mainAdaptableInstance.api, undoRowNode, clearRow);
-    let actionColumnOptions = undefined;
-    if (actionColumnButton) {
-        actionColumnOptions = {
-            actionColumns: [
-                {
-                    columnId: 'undoActionColumn',
-                    friendlyName: ' ',
-                    rowScope: {
-                        ExcludeGroupRows: true,
-                        ExcludeSummaryRows: true,
-                        ExcludeTotalRows: true,
-                    },
-                    actionColumnSettings: { suppressMenu: true, suppressMovable: true },
-                    actionColumnButton,
-                },
-            ],
-        };
-    }
-    const options = {
-        primaryKey: 'primaryKey',
-        licenseKey: mainAdaptableOptions.licenseKey,
-        userName: `${mainAdaptableOptions.userName}`,
-        adaptableId: `${mainAdaptableOptions.adaptableId}::DataChangeHistory`,
-        containerOptions: {
-            adaptableContainer: adaptableContainerId,
-            agGridContainer: agGridContainerId,
-        },
-        entitlementOptions: {
-            defaultAccessLevel: GeneralConstants_1.ACCESS_LEVEL_HIDDEN,
-        },
-        actionColumnOptions: actionColumnOptions,
-        initialState: {
-            Layout: {
-                Revision: Date.now(),
-                CurrentLayout: 'DataChangeHistoryLayout',
-                Layouts: [
-                    {
-                        Name: 'DataChangeHistoryLayout',
-                        TableColumns: [
-                            'changeInfo.primaryKeyValue',
-                            'changedColumnLabel',
-                            'changeInfo.oldValue',
-                            'changeInfo.newValue',
-                            'changeInfo.changedAt',
-                            'changeTriggerLabel',
-                            'undoActionColumn',
-                        ],
-                        ColumnSorts: [
-                            {
-                                ColumnId: 'changeInfo.changedAt',
-                                SortOrder: 'Desc',
-                            },
-                        ],
-                        ColumnSizing: {
-                            'changeInfo.primaryKeyValue': { Flex: 3 },
-                            changedColumnLabel: { Flex: 3 },
-                            'changeInfo.oldValue': { Flex: 3 },
-                            'changeInfo.newValue': { Flex: 3 },
-                            'changeInfo.changedAt': { Flex: 3 },
-                            changeTriggerLabel: { Flex: 2 },
-                            undoActionColumn: { Width: 110 },
-                        },
-                        ColumnPinning: {
-                            undoActionColumn: 'right',
-                        },
-                        AutoSizeColumns: true,
-                    },
-                ],
-            },
-            FormatColumn: {
-                Revision: Date.now(),
-                FormatColumns: [
-                    {
-                        Name: 'Changed At',
-                        Scope: {
-                            ColumnIds: ['changeInfo.changedAt'],
-                        },
-                        DisplayFormat: {
-                            Formatter: 'DateFormatter',
-                            Options: {
-                                Pattern: `${mainAdaptableOptions.userInterfaceOptions?.dateInputOptions?.dateFormat} HH:mm:ss`,
-                            },
-                        },
-                    },
-                ],
-            },
-            Theme: {
-                Revision: Date.now(),
-                CurrentTheme: mainAdaptableTheme,
-            },
-        },
-    };
-    if (!undoChangeEnabled) {
-        const layoutColumns = options.initialState.Layout.Layouts[0].TableColumns;
-        if (layoutColumns.includes('undoActionColumn')) {
-            // remove action column from layout
-            options.initialState.Layout.Layouts[0].TableColumns = layoutColumns.filter((columnId) => columnId !== 'undoActionColumn');
-        }
-    }
-    return options;
-};
-const buildGridOptions = (mainAdaptableInstance, changeHistoryLog) => {
-    const mainPrimaryKeyColumnHeader = mainAdaptableInstance.api.columnApi.getPrimaryKeyColumn()?.friendlyName ?? 'Row ID';
-    const options = {
-        loading: false,
-        overlayNoRowsTemplate: '<div style="font-size: var(--ab-font-size-2);color: var(--ab-color-text-on-primary);">No Data Changes</div>',
-        defaultColDef: {
-            floatingFilter: true,
-            filter: true,
-            sortable: true,
-            resizable: true,
-            enableRowGroup: true,
-            editable: false,
-            enablePivot: false,
-            enableValue: false,
-            lockPinned: true,
-            // default set to true to pass this to the action column
-            suppressAutoSize: true,
-            menuTabs: ['generalMenuTab', 'filterMenuTab'],
-        },
-        autoGroupColumnDef: {
-            sortable: true,
-        },
-        columnDefs: [
-            {
-                field: 'primaryKey',
-                cellDataType: 'text',
-                hide: true,
-            },
-            {
-                headerName: `Row (${mainPrimaryKeyColumnHeader})`,
-                field: 'changeInfo.primaryKeyValue',
-                cellDataType: 'text',
-            },
-            {
-                headerName: 'Column',
-                field: 'changedColumnLabel',
-                cellDataType: 'text',
-            },
-            {
-                headerName: 'Previous',
-                field: 'changeInfo.oldValue',
-                cellDataType: 'text',
-            },
-            {
-                headerName: 'New',
-                field: 'changeInfo.newValue',
-                cellDataType: 'text',
-            },
-            {
-                headerName: 'Changed',
-                field: 'changeInfo.changedAt',
-                cellDataType: 'date',
-            },
-            {
-                headerName: 'Source',
-                field: 'changeTriggerLabel',
-                cellDataType: 'text',
-            },
-        ],
-        rowData: mapChangeHistoryRowData(changeHistoryLog, mainAdaptableInstance),
-        cellSelection: true,
-        suppressColumnVirtualisation: false,
-        sideBar: false,
-        rowSelection: {
-            mode: 'multiRow',
-        },
-        skipHeaderOnAutoSize: true,
-    };
-    return options;
-};
-const mapChangeHistoryRowData = (changeHistoryLog = {}, mainAdaptableInstance) => {
-    return Object.entries(changeHistoryLog).map(([changeKey, changeInfo]) => {
-        return {
-            primaryKey: `${changeKey}::${changeInfo.changedAt}`,
-            changeKey,
-            changeTriggerLabel: getChangeTriggerLabel(changeInfo),
-            changedColumnLabel: getColumnHeaderLabel(changeInfo.column.columnId, mainAdaptableInstance),
-            changeInfo,
-        };
-    });
-};
-// memoize headers to avoid unnecessary main grid lookups
-const headerMap = new Map();
-const getColumnHeaderLabel = (columnId, mainAdaptableInstance) => {
-    if (!headerMap.has(columnId)) {
-        headerMap.set(columnId, mainAdaptableInstance.api.columnApi.getColumnWithColumnId(columnId)?.friendlyName ?? columnId);
-    }
-    return headerMap.get(columnId);
-};
-const getChangeTriggerLabel = (changeInfo) => {
-    return changeInfo.trigger === 'tick' ? 'Ticking' : 'User Edit';
-};
-const filterChangeHistoryLog = (changeObject, filterValues) => {
-    const result = {};
-    filterValues.forEach((allowedKey) => {
-        result[allowedKey] = changeObject[allowedKey];
-    });
-    return result;
-};

package/src/View/Layout/Wizard/sections/ParameterizedAggFuncPicker.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { AdaptableColumn } from '../../../../AdaptableState/Common/AdaptableColumn';
-import { AggregationColumnValue, TableAggregationColumns } from '../../../../AdaptableState/Common/AggregationColumns';
-export declare const ParameterizedAggFuncPicker: React.FunctionComponent<{
-    column: AdaptableColumn;
-    aggValue?: AggregationColumnValue;
-    aggregationColumnsMap: Record<string, string>;
-    numberColumns: AdaptableColumn[];
-    aggregationEntries: TableAggregationColumns;
-    onChangeEntries: (entries: TableAggregationColumns) => void;
-    availableAggregationFunctions?: string[];
-}>;

package/src/View/Layout/Wizard/sections/ParameterizedAggFuncPicker.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ParameterizedAggFuncPicker = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
-const ParameterizedAggregationRegistry_1 = require("../../../../Aggregation/ParameterizedAggregationRegistry");
-const parameterizedAggregationWizardHelpers_1 = require("../../../../Aggregation/parameterizedAggregationWizardHelpers");
-const AdaptableContext_1 = require("../../../AdaptableContext");
-const Flex_1 = require("../../../../components/Flex");
-const ParameterizedAggFuncPicker = (props) => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const adaptableAggFunctions = (0, parameterizedAggregationWizardHelpers_1.getAdaptableAggFuncNamesForColumn)(props.column);
-    const availableAggregationFunctions = props.availableAggregationFunctions ?? props.column.availableAggregationFunctions ?? [];
-    const aggOptions = [
-        ...new Set([...availableAggregationFunctions, ...adaptableAggFunctions]),
-    ].map((fnName) => ({
-        label: fnName,
-        onClick: () => {
-            const aggFuncValue = (0, parameterizedAggregationWizardHelpers_1.resolveAggFuncValueFromWizardSelection)(fnName);
-            props.onChangeEntries((0, parameterizedAggregationWizardHelpers_1.upsertColumnAggregationEntry)(props.aggregationEntries, props.column.columnId, aggFuncValue));
-        },
-    }));
-    const currentAggFnName = props.aggregationColumnsMap[props.column.columnId];
-    const parameterizedDefinition = currentAggFnName
-        ? (0, ParameterizedAggregationRegistry_1.getParameterizedAggregationDefinitionByAgGridName)(currentAggFnName)
-        : undefined;
-    const numericColumnsOptions = props.numberColumns
-        .filter((col) => col.columnId !== props.column.columnId)
-        .map((col) => {
-        return {
-            label: col.friendlyName,
-            onClick: () => {
-                const definition = parameterizedDefinition;
-                if (!definition?.createDefinition) {
-                    return;
-                }
-                props.onChangeEntries((0, parameterizedAggregationWizardHelpers_1.upsertColumnAggregationEntry)(props.aggregationEntries, props.column.columnId, definition.createDefinition(col.columnId)));
-            },
-        };
-    });
-    const argSelectionLabel = (0, parameterizedAggregationWizardHelpers_1.formatParameterizedArgSelectionLabel)(adaptable.api, props.column.columnId, props.aggValue);
-    if (!props.aggValue) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DropdownButton_1.default, { columns: ['label'], items: aggOptions, className: "twa:ml-2", children: currentAggFnName }), parameterizedDefinition && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: "twa:bg-primary twa:ml-3", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { children: (0, parameterizedAggregationWizardHelpers_1.getParameterizedArgColumnLabel)(currentAggFnName) }), ' ', (0, jsx_runtime_1.jsx)(DropdownButton_1.default, { columns: ['label'], items: numericColumnsOptions, className: "twa:ml-2", children: argSelectionLabel })] }))] }));
-};
-exports.ParameterizedAggFuncPicker = ParameterizedAggFuncPicker;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgeSettings.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { StyledColumn } from '../../../../../types';
-export declare const StyledColumnBadgeSettings: React.FunctionComponent<React.PropsWithChildren<{
-    data: StyledColumn;
-}>>;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgeSettings.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledColumnBadgeSettings = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Tag_1 = require("../../../../../components/Tag");
-const AdaptableContext_1 = require("../../../../AdaptableContext");
-const Flex_1 = require("../../../../../components/Flex");
-const StyledColumnBadgeSettings = ({ data }) => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const badgeStyle = data.BadgeStyle;
-    if (!badgeStyle || !badgeStyle.Badges || badgeStyle.Badges.length === 0) {
-        return (0, jsx_runtime_1.jsx)("div", { children: "No Badges Defined" });
-    }
-    const density = badgeStyle.Density ?? 'Normal';
-    const spacing = typeof badgeStyle.Spacing === 'number' ? badgeStyle.Spacing : null;
-    const overflowMode = badgeStyle.OverflowMode ?? 'Truncate';
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: "twa:my-1 twa:flex-wrap twa:gap-2", children: [(0, jsx_runtime_1.jsxs)(Tag_1.Tag, { children: ["Density: ", density] }), spacing != null && (0, jsx_runtime_1.jsxs)(Tag_1.Tag, { children: ["Spacing: ", spacing, "px"] }), (0, jsx_runtime_1.jsxs)(Tag_1.Tag, { children: ["Overflow: ", overflowMode] })] }), badgeStyle.Badges.map((badge, index) => {
-                let ruleString = 'No Rule';
-                if (badge.Predicate) {
-                    ruleString = adaptable.api.predicateApi.predicateToString(badge.Predicate);
-                }
-                if (badge.Expression) {
-                    ruleString = badge.Expression.BooleanExpression;
-                }
-                const iconOnly = badge.Icon && badge.IconOnly;
-                const hasIconPosition = badge.Icon && badge.IconPosition;
-                const iconPosition = hasIconPosition ? 'Icon Position: ' + badge.IconPosition : '';
-                const shape = badge.Shape;
-                return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:my-2", children: [(0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: ruleString }), shape && (0, jsx_runtime_1.jsx)(Tag_1.Tag, { className: "twa:ml-2", children: `Shape: ${shape}` }), iconOnly && (0, jsx_runtime_1.jsx)(Tag_1.Tag, { className: "twa:ml-2", children: 'Icon Only' }), hasIconPosition && (0, jsx_runtime_1.jsx)(Tag_1.Tag, { className: "twa:ml-2", children: iconPosition }), typeof badge.IconGap === 'number' && ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { className: "twa:ml-2", children: `Icon Gap: ${badge.IconGap}px` }))] }, index));
-            })] }));
-};
-exports.StyledColumnBadgeSettings = StyledColumnBadgeSettings;

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-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

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VariantSelector = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const AdaptableContext_1 = require("../AdaptableContext");
-const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
-const VariantSelector = (props) => {
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const systemTemes = adaptable.api.themeApi
-        .getSystemThemes()
-        .filter((theme) => theme.Name !== GeneralConstants_1.OS_THEME);
-    const options = systemTemes.map((theme) => ({
-        label: theme.Description,
-        value: theme.Name,
-        onClick: () => props.onChange(theme.Name),
-    }));
-    const label = props.theme.Variant
-        ? options.find((theme) => theme.value === props.theme.Variant)?.label
-        : 'Select a theme';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DropdownButton_1.default, { className: "twa:mr-2", columns: ['label'], items: options, disabled: props.disabled, children: label }), (0, jsx_runtime_1.jsx)(SimpleButton_1.default, { onClick: () => props.onChange(null), disabled: !props.theme.Variant || props.disabled, hidden: props.disabled, icon: "delete" })] }));
-};
-exports.VariantSelector = VariantSelector;

package/src/agGrid/cellRenderers/shouldRenderStyledColumnOnRow.d.ts

@@ -1,30 +0,0 @@
-import type { IRowNode } from 'ag-grid-enterprise';
-import type { AdaptableApi } from '../../Api/AdaptableApi';
-import type { StyledColumn } from '../../AdaptableState/StyledColumnState';
-/**
- * Returns `true` when the Styled Column should render on the given row.
- *
- * Single source of truth consulted by every styled-column cell renderer
- * (Badge / Icon / Rating / Percent Bar / Bullet Chart / Range Bar) and
- * by `getStyledColumnStyle` (Gradient / Percent Bar cellStyle).
- *
- * Semantics:
- *  - **Type capabilities** first: some types never target certain row kinds
- *    (see `styledColumnRowKindSupport.ts`). Unsupported kinds always
- *    return `false` regardless of `RowScope`.
- *  - When `StyledColumn.RowScope` is **set**, the explicit `Exclude*`
- *    flags win. Unset flags default to "include" — i.e. `RowScope: {}`
- *    means "render on every *supported* row kind".
- *  - When `StyledColumn.RowScope` is **unset**, the historical per-type
- *    default applies:
- *      - Badge: render on every row kind (that the type supports).
- *      - All other types: render on every row kind *except* group rows
- *        (matches the hardcoded "isGroupRowNode → plain text" check that
- *        every other styled-column renderer used to carry), again
- *        intersected with type capabilities (e.g. Sparkline → data only).
- *
- * The per-type default lets us promote `RowScope` cleanly without
- * altering existing user-visible behaviour: state that doesn't mention
- * `RowScope` keeps rendering exactly as before.
- */
-export declare const shouldRenderStyledColumnOnRow: (styledColumn: StyledColumn, node: IRowNode, api: AdaptableApi) => boolean;

package/src/agGrid/cellRenderers/shouldRenderStyledColumnOnRow.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldRenderStyledColumnOnRow = void 0;
-const styledColumnRowKindSupport_1 = require("../../Utilities/Helpers/styledColumnRowKindSupport");
-/**
- * Returns `true` when the Styled Column should render on the given row.
- *
- * Single source of truth consulted by every styled-column cell renderer
- * (Badge / Icon / Rating / Percent Bar / Bullet Chart / Range Bar) and
- * by `getStyledColumnStyle` (Gradient / Percent Bar cellStyle).
- *
- * Semantics:
- *  - **Type capabilities** first: some types never target certain row kinds
- *    (see `styledColumnRowKindSupport.ts`). Unsupported kinds always
- *    return `false` regardless of `RowScope`.
- *  - When `StyledColumn.RowScope` is **set**, the explicit `Exclude*`
- *    flags win. Unset flags default to "include" — i.e. `RowScope: {}`
- *    means "render on every *supported* row kind".
- *  - When `StyledColumn.RowScope` is **unset**, the historical per-type
- *    default applies:
- *      - Badge: render on every row kind (that the type supports).
- *      - All other types: render on every row kind *except* group rows
- *        (matches the hardcoded "isGroupRowNode → plain text" check that
- *        every other styled-column renderer used to carry), again
- *        intersected with type capabilities (e.g. Sparkline → data only).
- *
- * The per-type default lets us promote `RowScope` cleanly without
- * altering existing user-visible behaviour: state that doesn't mention
- * `RowScope` keeps rendering exactly as before.
- */
-const shouldRenderStyledColumnOnRow = (styledColumn, node, api) => {
-    const rowKind = (0, styledColumnRowKindSupport_1.getStyledColumnRowKindForNode)(node, api);
-    if (!(0, styledColumnRowKindSupport_1.isStyledColumnRowKindSupported)(styledColumn, rowKind)) {
-        return false;
-    }
-    const isGroup = api.gridApi.isGroupRowNode(node);
-    const isTotal = api.gridApi.isGrandTotalRowNode(node);
-    const isSummary = !isTotal && api.gridApi.isSummaryNode(node);
-    const isLeaf = !isGroup && !isSummary && !isTotal;
-    const scope = styledColumn.RowScope;
-    if (scope) {
-        if (isLeaf && scope.ExcludeDataRows)
-            return false;
-        if (isGroup && scope.ExcludeGroupRows)
-            return false;
-        if (isSummary && scope.ExcludeSummaryRows)
-            return false;
-        if (isTotal && scope.ExcludeTotalRows)
-            return false;
-        return true;
-    }
-    // No explicit RowScope → fall back to historical per-type behaviour.
-    if (styledColumn.BadgeStyle) {
-        return true;
-    }
-    return !isGroup;
-};
-exports.shouldRenderStyledColumnOnRow = shouldRenderStyledColumnOnRow;

package/src/components/DropdownButton/DropdownButtonItem.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-type DropdownButtonItem = {
-    onClick?: (e: React.SyntheticEvent, item: DropdownButtonItem) => any;
-    onChange?: (e: React.SyntheticEvent, item: DropdownButtonItem) => any;
-    disabled?: boolean;
-    clickable?: boolean;
-    label?: ReactNode;
-    icon?: ReactNode;
-    separator?: boolean;
-    [key: string]: any;
-};
-export default DropdownButtonItem;

package/src/components/DropdownButton/renderItem.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import DropdownButtonItem from './DropdownButtonItem';
-type Params = {
-    item: DropdownButtonItem;
-    index: number;
-    columns: string[];
-    style: React.CSSProperties;
-    className: string;
-    idProperty?: string;
-    onItemClick?: (...args: any[]) => void;
-    domProps?: any;
-};
-declare const _default: ({ domProps, item, onItemClick, index, columns, className, idProperty, style, }: Params) => React.JSX.Element;
-export default _default;