@adaptabletools/adaptable 23.0.0-canary.3 → 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,4 +0,0 @@
-/**
- * Whether Adaptable re-applies filtering after data edits; if `applyFilter` value is 'Throttle', `throttleDelay` should be set
- */
-export {};

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,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { CSSNumericVariableWatch } from '../components/Select/CSSNumericVariableWatch';
-import debounce from '../Utilities/utils/debounce';
-import { useMemo } from '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]));
-export const AdaptableComputedCSSVarsContext = React.createContext(defaultValues);
-export const WithAdaptableComputedCSSVars = ({ children }) => {
-    const [computedCSSVars, doSetComputedCSSVars] = React.useState(defaultValues);
-    const setComputedCSSVars = useMemo(() => {
-        return debounce(doSetComputedCSSVars, 300, { leading: false, trailing: true });
-    }, [doSetComputedCSSVars]);
-    return (_jsxs(AdaptableComputedCSSVarsContext.Provider, { value: computedCSSVars, children: [children, computedCSSVarNames.map((varName) => (_jsx(CSSNumericVariableWatch, { varName: varName, onChange: (value) => {
-                    setComputedCSSVars((prev) => ({ ...prev, [varName]: value }));
-                } }, varName)))] }));
-};
-export const useAdaptableComputedCSSVars = () => {
-    const context = React.useContext(AdaptableComputedCSSVarsContext);
-    return context;
-};
-export const useAdaptableComputedCSSVar = (varName) => {
-    const context = React.useContext(AdaptableComputedCSSVarsContext);
-    return context?.[varName];
-};

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,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useRef } from 'react';
-import { useResizeObserver } from '../ResizeObserver';
-const WRAPPER_STYLE = {
-    position: 'absolute',
-    pointerEvents: 'none',
-    width: 0,
-    height: 0,
-    lineHeight: 0,
-    fontSize: 0,
-    overflow: 'hidden',
-};
-export const useCSSVariableWatch = (params) => {
-    const lastValueRef = useRef(0);
-    const onResize = React.useCallback(({ height }) => {
-        if (height != null && height !== lastValueRef.current) {
-            lastValueRef.current = height;
-            params.onChange(height);
-        }
-    }, [params.onChange]);
-    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.`);
-        }
-    }, []);
-};
-export const CSSNumericVariableWatch = (props) => {
-    const domRef = useRef(null);
-    useCSSVariableWatch({
-        ...props,
-        ref: domRef,
-    });
-    const height = props.varName.startsWith('var(') ? props.varName : `var(${props.varName})`;
-    const { allowInts = false } = props;
-    return (_jsx("div", { "data-name": "css-variable-watcher", "data-var": props.varName, style: WRAPPER_STYLE, children: _jsx("div", { ref: domRef, style: {
-                height: allowInts ? `calc(1px * ${height})` : height, // we do multiplication in order to support integer (without px) values as well
-            } }) }));
-};