@adaptabletools/adaptable 23.1.0 → 24.0.0-canary.1

package/src/Utilities/sortColumnStateForVisibleColumns.js

@@ -1,36 +0,0 @@
-function insertAtCorrectIndex(result, colState, visibleColumnsIndexes, offset = 0, lastVisibleOffset = 0) {
-    const prevColState = result[result.length - 1 - offset];
-    if (!prevColState) {
-        result.splice(result.length - lastVisibleOffset, 0, colState);
-        return;
-    }
-    if (prevColState.hide) {
-        insertAtCorrectIndex(result, colState, visibleColumnsIndexes, offset + 1, lastVisibleOffset);
-        return;
-    }
-    const prevCol_visibilityIndex = visibleColumnsIndexes[prevColState.colId];
-    const currentCol_visibilityIndex = visibleColumnsIndexes[colState.colId];
-    if (currentCol_visibilityIndex < prevCol_visibilityIndex) {
-        insertAtCorrectIndex(result, colState, visibleColumnsIndexes, offset + 1, offset + 1);
-    }
-    else {
-        result.splice(result.length - lastVisibleOffset, 0, colState);
-    }
-}
-export function sortColumnStateForVisibleColumns(columnState, visibleColumns) {
-    const visibleColumnsIndexes = visibleColumns.reduce((acc, colId, index) => {
-        acc[colId] = index;
-        return acc;
-    }, {});
-    const result = [];
-    for (let i = 0, len = columnState.length; i < len; i++) {
-        const colState = columnState[i];
-        const colVisible = visibleColumnsIndexes[colState.colId] != null;
-        if (!colVisible) {
-            result.push(colState);
-            continue;
-        }
-        insertAtCorrectIndex(result, colState, visibleColumnsIndexes);
-    }
-    return result;
-}

package/src/Utilities/updateSingleToMultiplePredicates.d.ts

@@ -1,5 +0,0 @@
-import { AdaptablePredicate } from '../../types';
-export declare function updateSingleToMultiplePredicates<T extends {
-    Predicates?: AdaptablePredicate[];
-    Predicate?: AdaptablePredicate | void;
-}>(rule: T): T;

package/src/Utilities/updateSingleToMultiplePredicates.js

@@ -1,7 +0,0 @@
-export function updateSingleToMultiplePredicates(rule) {
-    if ('Predicate' in rule && rule.Predicate) {
-        rule.Predicates = [rule.Predicate, ...(rule.Predicates ?? [])];
-        delete rule.Predicate;
-    }
-    return rule;
-}

package/src/Utilities/wizardSelection.d.ts

@@ -1,10 +0,0 @@
-import type { SimpleButtonProps } from '../components/SimpleButton';
-/** Selected wizard option — Tailwind overrides SimpleButton outlined defaults. */
-export declare const WIZARD_SELECTION_ACTIVE_CLASSES: string;
-/** Unselected wizard option — muted so the active choice reads immediately. */
-export declare const WIZARD_SELECTION_INACTIVE_CLASSES: string;
-export type CollapsibleWizardCardSurface = 'popup' | 'panel';
-export declare const getCollapsibleWizardCardCollapsedClasses: (surface?: CollapsibleWizardCardSurface) => string;
-export declare const getCollapsibleWizardCardExpandedClasses: (surface?: CollapsibleWizardCardSurface) => string;
-export declare const wizardSelectionButtonClassName: (selected: boolean, className?: string) => string;
-export declare const wizardSelectionSimpleButtonProps: (selected: boolean, className?: string) => Pick<SimpleButtonProps, "variant" | "tone" | "className">;

package/src/Utilities/wizardSelection.js

@@ -1,13 +0,0 @@
-import { cn } from '../lib/utils';
-export const WIZARD_SELECTION_ACTIVE_CLASSES = cn('ab-WizardSelection--active', 'twa:!border-[var(--ab-cmp-wizard-selection__border)]', 'twa:!bg-[var(--ab-cmp-wizard-selection__background)]', 'twa:!text-accent', 'twa:font-medium');
-export const WIZARD_SELECTION_INACTIVE_CLASSES = cn('twa:!border-[color-mix(in_srgb,var(--ab-color-primarydark)_40%,transparent)]', 'twa:!text-[color-mix(in_srgb,var(--ab-color-foreground)_55%,transparent)]');
-export const getCollapsibleWizardCardCollapsedClasses = (surface = 'popup') => cn(surface === 'panel'
-    ? 'twa:border-[var(--ab-cmp-collapsible-wizard-card__collapsed-border)] twa:bg-card'
-    : 'twa:border-[var(--ab-cmp-collapsible-wizard-card__collapsed-border-popup)]');
-export const getCollapsibleWizardCardExpandedClasses = (surface = 'popup') => cn('ab-CollapsibleWizardCard--expanded', 'twa:border-[var(--ab-cmp-collapsible-wizard-card__expanded-border)]', surface === 'panel' && 'twa:bg-card', 'twa:p-0');
-export const wizardSelectionButtonClassName = (selected, className) => cn('ab-WizardSelection', selected ? WIZARD_SELECTION_ACTIVE_CLASSES : WIZARD_SELECTION_INACTIVE_CLASSES, className);
-export const wizardSelectionSimpleButtonProps = (selected, className) => ({
-    variant: 'outlined',
-    tone: 'none',
-    className: wizardSelectionButtonClassName(selected, className),
-});

package/src/View/Alert/Utilities/getAvailablePredicates.d.ts

@@ -1,3 +0,0 @@
-import { AdaptableApi, AdaptablePredicateDef, ColumnScope } from '../../../types';
-import { AlertType } from './getAlertType';
-export declare const getAvailablePredicateDefinitions: (api: AdaptableApi, scope: ColumnScope, alertType: AlertType) => AdaptablePredicateDef<string>[];

package/src/View/Alert/Utilities/getAvailablePredicates.js

@@ -1,8 +0,0 @@
-export const getAvailablePredicateDefinitions = (api, scope, alertType) => {
-    let predicateDefs = [];
-    if (alertType === 'DataChange' || alertType === 'Validation') {
-        predicateDefs = api.alertApi.internalApi.getAlertPredicateDefsForScope(scope);
-        predicateDefs = [...predicateDefs].sort((a, b) => a.id === 'AnyChange' ? -1 : b.id === 'AnyChange' ? 1 : 0);
-    }
-    return predicateDefs;
-};

package/src/View/CalculatedColumn/utils.d.ts

@@ -1,2 +0,0 @@
-import { AdaptableApi, CalculatedColumn } from '../../types';
-export declare const getExpressionType: (calculatedColumn: CalculatedColumn, api: AdaptableApi) => "ScalarExpression" | "AggregatedScalarExpression" | "CumulativeAggregatedExpression" | "QuantileAggregatedExpression";

package/src/View/CalculatedColumn/utils.js

@@ -1,9 +0,0 @@
-export const getExpressionType = (calculatedColumn, api) => {
-    return calculatedColumn?.Query?.AggregatedScalarExpression == undefined
-        ? 'ScalarExpression'
-        : api.calculatedColumnApi.internalApi.isCumulativeAggregatedExpression(calculatedColumn.Query.AggregatedScalarExpression)
-            ? 'CumulativeAggregatedExpression'
-            : api.calculatedColumnApi.internalApi.isQuantileAggregatedExpression(calculatedColumn.Query.AggregatedScalarExpression)
-                ? 'QuantileAggregatedExpression'
-                : 'AggregatedScalarExpression';
-};

package/src/View/CellSummary/CellSummaryPopover.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { CellSummmaryInfo } from '../../AdaptableState/Common/CellSummary';
-export interface CellSummaryPopoverProps {
-    CellSummary: CellSummmaryInfo;
-}
-export declare const CellSummaryPopover: React.FunctionComponent<CellSummaryPopoverProps>;

package/src/View/CellSummary/CellSummaryPopover.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CellSummaryDetails } from './CellSummaryDetails';
-export const CellSummaryPopover = (props) => {
-    return _jsx(CellSummaryDetails, { CellSummary: props.CellSummary });
-};

package/src/View/CellSummary/CellSummaryStatusBarSubPanelPopover.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const CellSummaryStatusBarSubPanelPopover: React.FunctionComponent;

package/src/View/CellSummary/CellSummaryStatusBarSubPanelPopover.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CellSummaryDetails } from './CellSummaryDetails';
-import { useSelector } from 'react-redux';
-export const CellSummaryStatusBarSubPanelPopover = () => {
-    const cellSummary = useSelector((state) => state.Internal.CellSummary.CellSummaryInfo);
-    const summary = _jsx(CellSummaryDetails, { CellSummary: cellSummary });
-    return cellSummary && cellSummary.Count ? (summary) : (_jsx("div", { style: { position: 'relative', width: '100%', height: 80 }, children: summary }));
-};

package/src/View/Charting/ChartingWizard/AgChargingWizard/SettingsSection.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckBox } from '../../../../components/CheckBox';
-import { SingleSelect } from '../../../../components/NewSelect';
-import { validateChartName } from '../../../../Utilities/Helpers/ChartHelper';
-import { Box, Flex } from '../../../../components/Flex';
-import { Card } from '../../../../components/Card';
-import Input from '../../../../components/Input';
-import { PreviewChartSection } from './PreviewChartSection';
-export const isSettingsValid = (chartDefinition, api) => {
-    return validateChartName(api, chartDefinition.Name, chartDefinition.Uuid);
-};
-const AGG_FUNCS = ['sum', 'min', 'max', 'count', 'avg', 'first', 'last'];
-export const SettingsSection = (props) => {
-    const { chartDefinition, onChange } = props;
-    const aggFunc = chartDefinition.Model.aggFunc;
-    const showAggFunc = chartDefinition.Model.modelType === 'range' && typeof aggFunc !== 'function';
-    const aggFuncsOptions = AGG_FUNCS.map((option) => ({
-        label: option,
-        value: option,
-    }));
-    return (_jsxs(Flex, { flexDirection: "column", className: "twa:gap-3 twa:p-3 twa:h-full twa:min-h-0", children: [_jsxs(Card, { shadow: false, children: [_jsxs(Card.Title, { children: [_jsx(Box, { className: "twa:font-medium", children: "Name" }), _jsx(Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal twa:max-w-[520px]", children: "Provide a unique name for the chart" })] }), _jsx(Card.Body, { className: "twa:p-1", children: _jsx(Input, { "data-name": "chart-name", className: "twa:max-w-[300px] twa:w-full", onChange: (event) => onChange({
-                                ...chartDefinition,
-                                Name: event.target.value,
-                                Model: chartDefinition.Model,
-                            }), value: chartDefinition.Name ?? '', placeholder: "Enter chart name" }) })] }), _jsxs(Card, { shadow: false, children: [_jsxs(Card.Title, { children: [_jsx(Box, { className: "twa:font-medium", children: "Unlink Chart" }), _jsx(Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal twa:max-w-[520px]", children: "When enabled, the chart is not linked to the grid data range" })] }), _jsx(Card.Body, { children: _jsx(CheckBox, { "data-name": "unlink-chart", checked: chartDefinition.Model.unlinkChart, onChange: (checked) => onChange({
-                                ...chartDefinition,
-                                Model: {
-                                    ...chartDefinition.Model,
-                                    unlinkChart: checked,
-                                },
-                            }), children: "Unlink from data" }) })] }), _jsxs(Card, { shadow: false, children: [_jsxs(Card.Title, { children: [_jsx(Box, { className: "twa:font-medium", children: "Suppress Chart Ranges" }), _jsx(Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal twa:max-w-[520px]", children: "Hide chart range highlights on the grid while the chart is open" })] }), _jsx(Card.Body, { children: _jsx(CheckBox, { "data-name": "suppress-chart-ranges", checked: chartDefinition.Model.suppressChartRanges, onChange: (checked) => onChange({
-                                ...chartDefinition,
-                                Model: {
-                                    ...chartDefinition.Model,
-                                    suppressChartRanges: checked,
-                                },
-                            }), children: "Suppress chart ranges" }) })] }), showAggFunc ? (_jsxs(Card, { shadow: false, children: [_jsxs(Card.Title, { children: [_jsx(Box, { className: "twa:font-medium", children: "Aggregation" }), _jsx(Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal twa:max-w-[520px]", children: "Aggregation function used for range charts" })] }), _jsx(Card.Body, { className: "twa:p-1", children: _jsx(SingleSelect, { "data-name": "chart-agg-func", placeholder: "Select", className: "twa:max-w-[300px]", items: aggFuncsOptions, value: aggFunc || undefined, onValueChange: (value) => onChange({
-                                ...chartDefinition,
-                                Model: {
-                                    ...chartDefinition.Model,
-                                    aggFunc: value,
-                                },
-                            }) }) })] })) : null, _jsxs(Card, { shadow: false, className: "twa:flex-1 twa:min-h-0", children: [_jsxs(Card.Title, { children: [_jsx(Box, { className: "twa:font-medium", children: "Preview" }), _jsx(Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal twa:max-w-[520px]", children: "Live preview of the chart \u2014 changes here are reflected in the chart model" })] }), _jsx(Card.Body, { className: "twa:flex-1 twa:min-h-[280px]", children: _jsx(PreviewChartSection, { chartDefinition: chartDefinition, onChange: onChange }) })] })] }));
-};

package/src/View/Charting/useAgChartState.d.ts

@@ -1,9 +0,0 @@
-import { ChartDefinition } from '../../types';
-export declare const useAgChartState: (chartDefinition?: ChartDefinition) => {
-    isOpen: boolean;
-    showChart: (chartContainer?: {
-        element: HTMLElement | string;
-        name: string;
-    }) => void;
-    closeChart: () => void;
-};

package/src/View/Charting/useAgChartState.js

@@ -1,64 +0,0 @@
-import * as React from 'react';
-import { useSelector } from 'react-redux';
-import { useAdaptable } from '../AdaptableContext';
-import * as InternalRedux from '../../Redux/ActionsReducers/InternalRedux';
-export const useAgChartState = (chartDefinition) => {
-    const [chartRef, setChartRef] = React.useState(null);
-    const adaptable = useAdaptable();
-    const currentChartModels = useSelector((state) => InternalRedux.ChartingCurrentChartModelsSelector(state.Internal));
-    React.useEffect(() => {
-        if (!chartDefinition) {
-            setChartRef(null);
-            return;
-        }
-        const currentChartRef = adaptable.api.chartingApi.getChartRef(chartDefinition?.Model?.chartId) ?? null;
-        setChartRef(currentChartRef);
-    }, [currentChartModels, chartDefinition]);
-    const closeAlreadyOpenedChartsInContainer = (element) => {
-        const chartModelAlreadyInChartContainer = currentChartModels.find((chartModel) => {
-            const chartRef = adaptable.api.chartingApi.getChartRef(chartModel?.chartId);
-            return chartRef && element.contains(chartRef.chartElement);
-        });
-        if (chartModelAlreadyInChartContainer) {
-            const chartRef = adaptable.api.chartingApi.getChartRef(chartModelAlreadyInChartContainer.chartId);
-            if (chartRef) {
-                chartRef.destroyChart();
-            }
-        }
-    };
-    const showChart = React.useCallback((chartContainer) => {
-        if (!adaptable || !chartDefinition) {
-            return;
-        }
-        const element = typeof chartContainer?.element === 'string'
-            ? document.querySelector(chartContainer.element)
-            : chartContainer?.element;
-        if (!element && typeof chartContainer?.element === 'string') {
-            adaptable.logger.consoleLogByMessageType(`Chart container element not found: ${chartContainer.element}`, 'Error');
-            return;
-        }
-        const chartRef = adaptable.api.chartingApi.getChartRef(chartDefinition.Model.chartId);
-        if (chartRef) {
-            return;
-        }
-        if (chartContainer && element) {
-            if (chartContainer.chartsDisplay !== 'multiple') {
-                closeAlreadyOpenedChartsInContainer(element);
-            }
-            adaptable.api.chartingApi.showChartDefinitionOnce(chartDefinition, element);
-        }
-        else {
-            adaptable.api.chartingApi.showChartDefinitionOnce(chartDefinition);
-        }
-    }, [chartDefinition, currentChartModels]);
-    const closeChart = React.useCallback(() => {
-        if (chartRef) {
-            chartRef.destroyChart();
-        }
-    }, [chartRef]);
-    return {
-        isOpen: Boolean(chartRef),
-        showChart,
-        closeChart,
-    };
-};

package/src/View/Charting/useChartingElements.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { ExternalChartDefinition } from '../../AdaptableState/ChartingState';
-import { AccessLevel, ChartDefinition } from '../../types';
-export declare const useChartingElements: ({ elementType, accessLevel, size, }: {
-    elementType: string;
-    accessLevel: AccessLevel;
-    size?: "small" | "normal";
-}) => {
-    chartSelector: React.JSX.Element;
-    containerSelector: React.JSX.Element;
-    chartButton: React.JSX.Element;
-    deleteButton: React.JSX.Element;
-    editButton: React.JSX.Element;
-    selectedChart: ChartDefinition | ExternalChartDefinition<unknown>;
-};

package/src/View/Charting/useChartingElements.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useSelector } from 'react-redux';
-import SimpleButton from '../../components/SimpleButton';
-import { isAgChartDefinition } from '../../AdaptableState/ChartingState';
-import * as ChartingRedux from '../../Redux/ActionsReducers/ChartingRedux';
-import AdaptableHelper from '../../Utilities/Helpers/AdaptableHelper';
-import { useAdaptable } from '../AdaptableContext';
-import { DeleteChartButton } from './DeleteChartButton';
-import { EditChartButton } from './EditChartButton';
-import { useAgChartState } from './useAgChartState';
-import { useExternalChartState } from './useExternalChartState';
-import { SingleSelect } from '../../components/NewSelect';
-export const useChartingElements = ({ elementType, accessLevel, size = 'normal', }) => {
-    const adaptable = useAdaptable();
-    const chartDefinitions = useSelector(ChartingRedux.ChartingGetChartModels);
-    const extenralChartDefinitions = useSelector(ChartingRedux.ChartingGetExternalChartDefinitions);
-    const allChartDefinitions = [...chartDefinitions, ...extenralChartDefinitions];
-    const chartingOptions = adaptable.adaptableOptions?.chartingOptions;
-    const chartContainers = chartingOptions?.chartContainers;
-    const [selectedChartId, setSelectedChartId] = React.useState(() => {
-        return allChartDefinitions.length > 0 ? allChartDefinitions[0].Uuid : null;
-    });
-    const selectedChart = allChartDefinitions.find((chart) => chart.Uuid === selectedChartId);
-    const isAgChart = isAgChartDefinition(selectedChart);
-    const chartAccessLevel = AdaptableHelper.getAccessLevelForObject(selectedChart, accessLevel);
-    const [selectedContainer, setSelectedContainer] = React.useState(null);
-    const { isOpen: isAgChartOpen, showChart: showAgChart, closeChart: hideAgChart, } = useAgChartState(isAgChart ? selectedChart : undefined);
-    const { isOpen: isExternalChartOpened, showChart: showExternalChart, hideChart: hideExternalChart, } = useExternalChartState(!isAgChart ? selectedChart : undefined);
-    const isOpen = isAgChart ? isAgChartOpen : isExternalChartOpened;
-    const showChart = isAgChart ? showAgChart : showExternalChart;
-    const hideChart = isAgChart ? hideAgChart : hideExternalChart;
-    const options = allChartDefinitions.map((chartDefinition) => ({
-        label: chartDefinition.Name,
-        value: chartDefinition.Uuid,
-        onClick: () => {
-            setSelectedChartId(chartDefinition.Uuid);
-        },
-    }));
-    const hasCharts = options.length > 0;
-    const isSelectedChart = hasCharts && selectedChart != null;
-    let selectedChartValue = '';
-    if (hasCharts && selectedChart) {
-        selectedChartValue = selectedChart.Name;
-    }
-    else if (hasCharts) {
-        selectedChartValue = 'Select Chart';
-    }
-    else {
-        selectedChartValue = 'No Charts';
-    }
-    React.useEffect(() => {
-        if (!selectedChart && chartDefinitions.length > 0) {
-            setSelectedChartId(chartDefinitions[0].Uuid);
-        }
-    }, [chartDefinitions]);
-    let containerOptions = chartContainers
-        ? chartContainers?.map((contianerDef) => ({
-            label: contianerDef.name,
-            value: contianerDef.name,
-        }))
-        : [];
-    if (isAgChartDefinition(selectedChart)) {
-        containerOptions.unshift({
-            label: chartingOptions.agGridContainerName,
-            value: chartingOptions.agGridContainerName,
-        });
-    }
-    const style = {};
-    let iconSize;
-    if (size === 'small') {
-        style.padding = 2;
-        style.fontSize = 'small';
-        iconSize = 15;
-    }
-    const chartSelector = (_jsx(SingleSelect, { className: `ab-${elementType}__Chart__select`, size: size, value: selectedChartId, items: options, placeholder: 'Select Chart', disabled: !hasCharts, onValueChange: (chartUuid) => setSelectedChartId(chartUuid) }));
-    const containerSelector = Boolean(chartContainers?.length) && (_jsx(SingleSelect, { value: selectedContainer === null ? chartingOptions.agGridContainerName : selectedContainer?.name, size: size, onValueChange: (containerName) => {
-            if (containerName === chartingOptions.agGridContainerName) {
-                setSelectedContainer(null);
-            }
-            else {
-                setSelectedContainer(chartContainers.find((containerOption) => containerOption.name === containerName));
-            }
-        }, items: containerOptions, placeholder: "Select Container" }));
-    const chartButton = (_jsx(SimpleButton, { style: style, className: "twa:mr-1", onClick: () => (isOpen ? hideChart() : showChart(selectedContainer)), disabled: !Boolean(selectedChart), variant: 'text', tone: 'neutral', icon: isOpen ? 'visibility-off' : 'visibility-on', tooltip: isOpen ? 'Hide Chart' : 'Show Chart' }));
-    const deleteButton = (_jsx(DeleteChartButton, { iconSize: iconSize, chart: selectedChart, accessLevel: chartAccessLevel }));
-    const editButton = (_jsx(EditChartButton, { iconSize: iconSize, chart: selectedChart, accessLevel: chartAccessLevel, isOpen: isOpen }));
-    return {
-        chartSelector,
-        containerSelector,
-        chartButton,
-        deleteButton,
-        editButton,
-        selectedChart,
-    };
-};

package/src/View/Charting/useExternalChartState.d.ts

@@ -1,7 +0,0 @@
-import { ExternalChartDefinition } from '../../AdaptableState/ChartingState';
-import { ChartContainer } from '../../types';
-export declare const useExternalChartState: (chartDefinition?: ExternalChartDefinition) => {
-    showChart: (container?: ChartContainer) => void;
-    hideChart: () => void;
-    isOpen: boolean;
-};

package/src/View/Charting/useExternalChartState.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { useAdaptable } from '../AdaptableContext';
-const buttonChangeSubscribers = [];
-export const useExternalChartState = (chartDefinition) => {
-    const adaptable = useAdaptable();
-    const [isOpen, setIsOpen] = React.useState(() => {
-        return (chartDefinition &&
-            adaptable.api.chartingApi.internalApi.isExternalChartOpened(chartDefinition));
-    });
-    const liveChartState = adaptable.api.chartingApi.internalApi.isExternalChartOpened(chartDefinition);
-    if (liveChartState !== isOpen) {
-        setIsOpen(liveChartState);
-    }
-    const updateIsOpen = React.useCallback(() => {
-        setIsOpen(chartDefinition &&
-            adaptable.api.chartingApi.internalApi.isExternalChartOpened(chartDefinition));
-    }, [chartDefinition]);
-    React.useEffect(() => {
-        const subscriber = () => {
-            updateIsOpen();
-        };
-        buttonChangeSubscribers.push(subscriber);
-        return () => {
-            const index = buttonChangeSubscribers.indexOf(subscriber);
-            if (index > -1) {
-                buttonChangeSubscribers.splice(index, 1);
-            }
-        };
-    }, [updateIsOpen]);
-    return {
-        showChart: (container) => {
-            adaptable.api.chartingApi.internalApi.onShowExternalChart(chartDefinition, container);
-            requestAnimationFrame(() => {
-                buttonChangeSubscribers.forEach((subscriber) => subscriber());
-            });
-        },
-        hideChart: () => {
-            adaptable.api.chartingApi.internalApi.onHideExternalChart(chartDefinition);
-            requestAnimationFrame(() => {
-                buttonChangeSubscribers.forEach((subscriber) => subscriber());
-            });
-        },
-        isOpen,
-    };
-};

package/src/View/Components/AdaptableObjectCollection/index.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { IColItem } from '../../UIInterfaces';
-import { BoxProps } from '../../../components/Flex';
-export interface AdaptableObjectCollectionProps extends BoxProps {
-    className?: string;
-    colItems: IColItem[];
-    items: any[];
-    allowOverflow?: boolean;
-    style?: React.CSSProperties;
-}
-export declare const AdaptableObjectCollection: React.FunctionComponent<AdaptableObjectCollectionProps>;

package/src/View/Components/AdaptableObjectCollection/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PanelWithRow } from '../Panels/PanelWithRow';
-import { cn } from '../../../lib/utils';
-import { Box } from '../../../components/Flex';
-import { twMerge } from '../../../twMerge';
-export const AdaptableObjectCollection = (props) => {
-    return (_jsxs(Box, { style: props.style, className: twMerge('ab-ObjectCollection twa:flex twa:flex-col', props.className), children: [_jsx(PanelWithRow, { border: "none", colItems: props.colItems }), _jsx("div", { className: cn('ab-ObjectCollection__items twa:shadow-none twa:flex-1', {
-                    'twa:overflow-y-visible': props.allowOverflow,
-                    'twa:overflow-y-auto': !props.allowOverflow,
-                }), children: props.items })] }));
-};

package/src/View/Components/AdaptableObjectRow/index.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { IColItem } from '../../UIInterfaces';
-export interface AdaptableObjectRowProps extends React.ClassAttributes<AdaptableObjectRow> {
-    colItems: IColItem[];
-    fontSize?: string;
-    onClick?: (e: React.SyntheticEvent) => void;
-    style?: React.CSSProperties;
-    className?: string;
-    isSuspended?: boolean;
-}
-export declare class AdaptableObjectRow extends React.Component<AdaptableObjectRowProps, {}> {
-    render(): any;
-}

package/src/View/Components/AdaptableObjectRow/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../../lib/utils';
-import { Flex, Box } from '../../../components/Flex';
-export class AdaptableObjectRow extends React.Component {
-    render() {
-        const colItems = this.props.colItems.map((colItem, index) => (_jsx(Box, { className: `ab-AdaptableObjectRow__cell twa:px-1`, style: { flex: colItem.Size }, "data-name": "list-group-cell", title: typeof colItem.Content === 'string' ? colItem.Content : undefined, children: colItem.Content }, index)));
-        const className = cn('ab-AdaptableObjectRow', 'twa:p-3', 'twa:m-0', this.props.isSuspended && 'ab-AdaptableObjectRow--is-suspended', this.props.className);
-        return (_jsx(Flex, { className: className, onClick: this.props.onClick, style: this.props.style, children: colItems }));
-    }
-}

package/src/View/Components/Badge/index.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AdaptableIconComponent } from '../AdaptableIconComponent';
-const SHAPE_RADIUS = {
-    Pill: '999px',
-    Rounded: '4px',
-    Square: '0',
-};
-const DENSITY_CLASS = {
-    Compact: 'ab-Badge--compact',
-    Normal: 'ab-Badge--normal',
-    Comfortable: 'ab-Badge--comfortable',
-};
-const pillStyleToCss = (pill) => {
-    const result = {};
-    if (!pill)
-        return result;
-    if (pill.BackColor)
-        result.backgroundColor = pill.BackColor;
-    if (pill.ForeColor)
-        result.color = pill.ForeColor;
-    if (pill.FontWeight) {
-        result.fontWeight = pill.FontWeight.toLowerCase();
-    }
-    if (pill.FontStyle) {
-        result.fontStyle = pill.FontStyle.toLowerCase();
-    }
-    if (pill.TextDecoration && pill.TextDecoration !== 'None') {
-        switch (pill.TextDecoration) {
-            case 'Underline':
-                result.textDecoration = 'underline';
-                break;
-            case 'Overline':
-                result.textDecoration = 'overline';
-                break;
-            case 'LineThrough':
-                result.textDecoration = 'line-through';
-                break;
-        }
-    }
-    if (pill.BorderColor) {
-        result.borderColor = pill.BorderColor;
-        result.borderWidth = 1;
-        result.borderStyle = 'solid';
-    }
-    else {
-        result.borderWidth = 0;
-        result.borderStyle = 'none';
-    }
-    return result;
-};
-export const Badge = (props) => {
-    const { iconPosition = 'start', icon: iconProps, shape, density = 'Normal', iconGap } = props;
-    const preparedBadgePosition = iconPosition.toLowerCase();
-    const icon = iconProps && _jsx(AdaptableIconComponent, { icon: iconProps });
-    const baseStyle = pillStyleToCss(props.pillStyle);
-    const effectiveShape = shape ?? 'Rounded';
-    baseStyle.borderRadius = SHAPE_RADIUS[effectiveShape];
-    if (typeof iconGap === 'number') {
-        baseStyle.gap = `${iconGap}px`;
-    }
-    const className = ['ab-Badge', DENSITY_CLASS[density]].filter(Boolean).join(' ');
-    return (_jsxs("div", { className: className, style: baseStyle, children: [preparedBadgePosition === 'start' && icon, props.children, preparedBadgePosition === 'end' && icon] }));
-};

package/src/View/Components/ColumnFilter/AdaptableColumnFilter.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { ColumnFilterLocation } from './columnFilterLocation';
-export type { ColumnFilterLocation } from './columnFilterLocation';
-export { isEmbeddedColumnFilterLocation } from './columnFilterLocation';
-export declare const ColumnFilterLocationProvider: React.Provider<ColumnFilterLocation>;
-export declare const useColumnFilterLocation: () => ColumnFilterLocation;
-export interface AdaptableColumnFilterProps {
-    location: ColumnFilterLocation;
-    columnId: string;
-    wrapperProps?: {
-        className?: string;
-        style?: React.CSSProperties;
-    };
-}
-/**
- * This wrapper knows about predicates.
- * It transforms predicates in QlPredicates.
- */
-export declare const AdaptableColumnFilter: React.FunctionComponent<AdaptableColumnFilterProps>;

package/src/View/Components/ColumnFilter/AdaptableColumnFilter.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { ColumnFilterComponent } from './ColumnFilter';
-import { useAdaptableFilterWrapper } from './useAdaptableFilterWrapper';
-import Panel from '../../../components/Panel';
-export { isEmbeddedColumnFilterLocation } from './columnFilterLocation';
-const ColumnFilterLocationContext = React.createContext(null);
-export const ColumnFilterLocationProvider = ColumnFilterLocationContext.Provider;
-export const useColumnFilterLocation = () => {
-    return React.useContext(ColumnFilterLocationContext) ?? 'columnMenu';
-};
-export const AdaptableColumnFilter = (props) => {
-    const { qlPredicate, qlPredicateDefs, columnFilter, handlePredicateChange } = useAdaptableFilterWrapper(props.columnId, 'FilterForm');
-    const filterContent = (_jsx(ColumnFilterLocationProvider, { value: props.location, children: _jsx(ColumnFilterComponent, { location: props.location, wrapperProps: props.wrapperProps, columnId: props.columnId, predicate: qlPredicate, predicateDefs: qlPredicateDefs, disabled: columnFilter?.IsSuspended, onPredicateChange: React.useCallback((predicate) => {
-                handlePredicateChange(predicate);
-            }, [handlePredicateChange]) }) }));
-    if (props.location === 'filtersToolPanel') {
-        return (_jsx(Panel, { className: "twa:p-1", bodyProps: { className: 'twa:p-0 twa:border-none' }, children: filterContent }));
-    }
-    return filterContent;
-};

package/src/View/Components/ColumnFilter/AdaptableFloatingFilter.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ColumnFilterProps } from '../../../Utilities/Interface/ColumnFilterProps';
-export interface AdaptableColumnFilterProps extends ColumnFilterProps {
-}
-/**
- * This wrapper knows about predicates.
- * It transforms predicates in QlPredicates.
- */
-export declare const AdaptableFloatingFilter: React.FunctionComponent<AdaptableColumnFilterProps>;

package/src/View/Components/ColumnFilter/AdaptableFloatingFilter.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useAdaptable } from '../../AdaptableContext';
-import { FloatingFilter } from './FloatingFilter';
-import { useAdaptableFilterWrapper } from './useAdaptableFilterWrapper';
-export const AdaptableFloatingFilter = (props) => {
-    const adaptable = useAdaptable();
-    const { qlPredicate, qlPredicateDefs, columnFilter, column, handlePredicateChange, handleOnChange, handleClear, } = useAdaptableFilterWrapper(props.Column.columnId, 'FilterBar');
-    const onClear = React.useCallback(() => {
-        handleClear();
-    }, [handleClear]);
-    const onPredicateChange = React.useCallback((newPredicate) => {
-        handlePredicateChange(newPredicate);
-    }, [handlePredicateChange]);
-    if (!column) {
-        return null;
-    }
-    return (_jsx(FloatingFilter, { onKeydown: (event) => {
-            const key = event.key;
-            const predicate = adaptable.api.filterApi.columnFilterApi.internalApi.findPredicateDefByShortcut(key, column);
-            if (predicate) {
-                event.stopPropagation();
-                event.preventDefault();
-                handleOnChange([
-                    {
-                        PredicateId: predicate.id,
-                        Inputs: [],
-                    },
-                ]);
-            }
-        }, onClear: onClear, columnId: props.Column.columnId, predicate: qlPredicate, predicateDefs: qlPredicateDefs, disabled: columnFilter?.IsSuspended, onPredicateChange: onPredicateChange }));
-};