@adaptabletools/adaptable-cjs 23.0.0-canary.3 → 23.0.0-canary.5

package/src/Aggregation/parameterizedAggregationWizardHelpers.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAdaptableAggFuncNamesForColumn = getAdaptableAggFuncNamesForColumn;
-exports.buildAggregationColumnsMap = buildAggregationColumnsMap;
-exports.resolveAggFuncValueFromWizardSelection = resolveAggFuncValueFromWizardSelection;
-exports.upsertColumnAggregationEntry = upsertColumnAggregationEntry;
-exports.getParameterizedArgColumnLabel = getParameterizedArgColumnLabel;
-exports.formatParameterizedArgSelectionLabel = formatParameterizedArgSelectionLabel;
-const AggregationColumns_1 = require("../AdaptableState/Common/AggregationColumns");
-const ParameterizedAggregationRegistry_1 = require("./ParameterizedAggregationRegistry");
-function getAdaptableAggFuncNamesForColumn(column) {
-    return (0, ParameterizedAggregationRegistry_1.getParameterizedAggregationDefinitions)()
-        .filter((definition) => definition.isAvailableForColumn(column))
-        .map((definition) => definition.agGridAggFuncName);
-}
-function buildAggregationColumnsMap(entries, allColumnsMap) {
-    return (entries || []).reduce((acc, { ColumnId: colId, AggFunc }) => {
-        if (typeof AggFunc === 'boolean') {
-            const defaultFn = allColumnsMap[colId]?.aggregationFunction;
-            acc[colId] = typeof defaultFn === 'string' ? defaultFn : '';
-        }
-        else if ((0, ParameterizedAggregationRegistry_1.isParameterizedAggregation)(AggFunc)) {
-            const fnName = (0, AggregationColumns_1.getAggFuncName)(AggFunc);
-            acc[colId] = typeof fnName === 'string' ? fnName : '';
-        }
-        else if (typeof AggFunc === 'string') {
-            acc[colId] = AggFunc;
-        }
-        return acc;
-    }, {});
-}
-function resolveAggFuncValueFromWizardSelection(fnName) {
-    const definition = (0, ParameterizedAggregationRegistry_1.getParameterizedAggregationDefinitionByAgGridName)(fnName);
-    if (definition) {
-        return definition.createInitialDefinition();
-    }
-    return fnName;
-}
-function upsertColumnAggregationEntry(entries, columnId, aggFunc) {
-    let aggCols = [...(entries || [])];
-    let found = false;
-    aggCols = aggCols.map((entry) => {
-        if (entry.ColumnId === columnId) {
-            found = true;
-            return { ColumnId: columnId, AggFunc: aggFunc };
-        }
-        return entry;
-    });
-    if (!found) {
-        aggCols.push({ ColumnId: columnId, AggFunc: aggFunc });
-    }
-    return aggCols;
-}
-function getParameterizedArgColumnLabel(aggFuncName) {
-    return (0, ParameterizedAggregationRegistry_1.getParameterizedAggregationDefinitionByAgGridName)(aggFuncName)?.argColumnLabel ?? 'Argument';
-}
-function formatParameterizedArgSelectionLabel(api, valueColumnId, aggValue) {
-    if (!(0, ParameterizedAggregationRegistry_1.isParameterizedAggregation)(aggValue)) {
-        return 'Select';
-    }
-    const definition = (0, ParameterizedAggregationRegistry_1.getParameterizedAggregationDefinition)(aggValue.type);
-    if (!definition) {
-        return 'Select';
-    }
-    if (definition.isComplete(aggValue) && definition.formatSummaryLabel) {
-        const shortLabel = definition.formatSummaryLabel(api, valueColumnId, aggValue);
-        const argPart = shortLabel.match(/\(([^)]+)\)/)?.[1];
-        if (argPart?.includes('-')) {
-            return argPart.split('-').slice(1).join('-');
-        }
-        return argPart ?? 'Select';
-    }
-    return `Select ${definition.argColumnLabel ?? 'value'}`;
-}

package/src/Aggregation/validateParameterizedAggregations.d.ts

@@ -1,4 +0,0 @@
-import { Layout, PivotLayout, TableLayout } from '../AdaptableState/LayoutState';
-export declare function validateParameterizedAggregationsInLayout(layout: Layout): true | string;
-export declare function validateTableLayoutAggregations(layout: TableLayout): true | string;
-export declare function validatePivotLayoutAggregations(layout: PivotLayout): true | string;

package/src/Aggregation/validateParameterizedAggregations.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateParameterizedAggregationsInLayout = validateParameterizedAggregationsInLayout;
-exports.validateTableLayoutAggregations = validateTableLayoutAggregations;
-exports.validatePivotLayoutAggregations = validatePivotLayoutAggregations;
-const ParameterizedAggregationRegistry_1 = require("./ParameterizedAggregationRegistry");
-const parameterizedAggregationHelpers_1 = require("./parameterizedAggregationHelpers");
-function validateParameterizedAggregationsInLayout(layout) {
-    const entries = (0, parameterizedAggregationHelpers_1.getAggregationColumnsFromLayout)(layout) || [];
-    for (const { AggFunc } of entries) {
-        if ((0, ParameterizedAggregationRegistry_1.isParameterizedAggregation)(AggFunc)) {
-            const definition = (0, ParameterizedAggregationRegistry_1.getParameterizedAggregationDefinition)(AggFunc.type);
-            if (definition && !definition.isComplete(AggFunc)) {
-                return `${definition.label} requires all arguments to be selected.`;
-            }
-        }
-    }
-    return true;
-}
-function validateTableLayoutAggregations(layout) {
-    return validateParameterizedAggregationsInLayout(layout);
-}
-function validatePivotLayoutAggregations(layout) {
-    return validateParameterizedAggregationsInLayout(layout);
-}

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/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/components/Select/CSSNumericVariableWatch.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-type CSSVariableWatcherProps = {
-    varName: string;
-    onChange: (value: number) => void;
-    allowInts?: boolean;
-};
-export declare const useCSSVariableWatch: (params: CSSVariableWatcherProps & {
-    ref: React.MutableRefObject<HTMLElement | null>;
-}) => void;
-export declare const CSSNumericVariableWatch: (props: CSSVariableWatcherProps) => React.JSX.Element;
-export {};

package/src/components/Select/CSSNumericVariableWatch.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CSSNumericVariableWatch = exports.useCSSVariableWatch = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const ResizeObserver_1 = require("../ResizeObserver");
-const WRAPPER_STYLE = {
-    position: 'absolute',
-    pointerEvents: 'none',
-    width: 0,
-    height: 0,
-    lineHeight: 0,
-    fontSize: 0,
-    overflow: 'hidden',
-};
-const useCSSVariableWatch = (params) => {
-    const lastValueRef = (0, react_1.useRef)(0);
-    const onResize = React.useCallback(({ height }) => {
-        if (height != null && height !== lastValueRef.current) {
-            lastValueRef.current = height;
-            params.onChange(height);
-        }
-    }, [params.onChange]);
-    (0, ResizeObserver_1.useResizeObserver)(params.ref, onResize, { earlyAttach: true });
-    React.useLayoutEffect(() => {
-        const value = params.ref.current.getBoundingClientRect().height;
-        if (value != null) {
-            lastValueRef.current = value;
-            return params.onChange(value);
-        }
-        else {
-            console.warn(`Specified variable ${params.varName} not found or does not have a numeric value.`);
-        }
-    }, []);
-};
-exports.useCSSVariableWatch = useCSSVariableWatch;
-const CSSNumericVariableWatch = (props) => {
-    const domRef = (0, react_1.useRef)(null);
-    (0, exports.useCSSVariableWatch)({
-        ...props,
-        ref: domRef,
-    });
-    const height = props.varName.startsWith('var(') ? props.varName : `var(${props.varName})`;
-    const { allowInts = false } = props;
-    return ((0, jsx_runtime_1.jsx)("div", { "data-name": "css-variable-watcher", "data-var": props.varName, style: WRAPPER_STYLE, children: (0, jsx_runtime_1.jsx)("div", { ref: domRef, style: {
-                height: allowInts ? `calc(1px * ${height})` : height, // we do multiplication in order to support integer (without px) values as well
-            } }) }));
-};
-exports.CSSNumericVariableWatch = CSSNumericVariableWatch;