@adaptabletools/adaptable-cjs 23.0.0-canary.2 → 23.0.0-canary.4

package/src/AdaptableState/Common/FilterActionOnDataChange.d.ts

@@ -1,17 +0,0 @@
-/**
- * Whether Adaptable re-applies filtering after data edits; if `applyFilter` value is 'Throttle', `throttleDelay` should be set
- */
-export interface FilterActionOnDataChange {
-    /**
-     * When to re-apply Filters: 'Always', 'Never' or 'Throttle'
-     */
-    applyFilter: ApplyFilterAction;
-    /**
-     * Delay in ms (when `applyFilter` is set to 'Throttle')
-     */
-    throttleDelay?: number;
-}
-/**
- * When to apply a Filter: 'Always', 'Never' or 'Throttle'
- */
-export type ApplyFilterAction = 'Always' | 'Never' | 'Throttle';

package/src/AdaptableState/Common/FilterActionOnDataChange.js

@@ -1,5 +0,0 @@
-"use strict";
-/**
- * Whether Adaptable re-applies filtering after data edits; if `applyFilter` value is 'Throttle', `throttleDelay` should be set
- */
-Object.defineProperty(exports, "__esModule", { value: true });

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/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;