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

package/src/components/DropdownButton/renderItem.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const isPlainObject_1 = tslib_1.__importDefault(require("../../Utilities/utils/isPlainObject"));
-exports.default = ({ domProps, item, onItemClick, index, columns, className, idProperty, style, }) => {
-    const key = item[idProperty] || index;
-    if (!(0, isPlainObject_1.default)(item)) {
-        return ((0, jsx_runtime_1.jsx)("tr", { onClick: onItemClick, className: className, ...domProps, children: (0, jsx_runtime_1.jsx)("td", { colSpan: columns.length, style: style, children: item }) }, key));
-    }
-    return ((0, jsx_runtime_1.jsx)("tr", { onClick: onItemClick, className: className, ...domProps, children: columns.map((col) => {
-            return ((0, jsx_runtime_1.jsx)("td", { style: style, children: item[col] }, col));
-        }) }, key));
-};

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

@@ -1,24 +0,0 @@
-import { RefObject } from 'react';
-import { ConstrainToType } from '../OverlayTrigger';
-export interface PositionInfo {
-    verticalPosition: 'top' | 'bottom';
-    horizontalPosition: 'left' | 'right';
-    maxHeight: number | string;
-    maxWidth: number | string;
-}
-export type ExpandedProps = {
-    expanded?: boolean;
-    constrainTo?: ConstrainToType;
-    defaultExpanded?: boolean;
-    onExpand?: () => void;
-    onCollapse?: () => void;
-    onExpandedChange?: (expanded: boolean) => void;
-    onToggle?: (expanded: boolean) => void;
-};
-declare const _default: (props: ExpandedProps, positionerRef: RefObject<HTMLDivElement>) => {
-    expanded: boolean;
-    setExpanded: (newExpanded: boolean) => void;
-    toggle: () => void;
-    positionInfo: PositionInfo;
-};
-export default _default;

package/src/components/DropdownButton/useExpanded.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const useProperty_1 = tslib_1.__importDefault(require("../utils/useProperty"));
-const getAvailableSizeInfo_1 = tslib_1.__importDefault(require("../utils/getAvailableSizeInfo"));
-const OverlayTrigger_1 = require("../OverlayTrigger");
-exports.default = (props, positionerRef) => {
-    const positionInfoRef = (0, react_1.useRef)({
-        maxHeight: '50vh',
-        maxWidth: '50vw',
-        verticalPosition: 'bottom',
-        horizontalPosition: 'right',
-    });
-    const updatePosition = () => {
-        const positionRect = positionerRef.current.getBoundingClientRect();
-        positionInfoRef.current = (0, getAvailableSizeInfo_1.default)({
-            constrainRect: (0, OverlayTrigger_1.getConstrainRect)(positionerRef.current, props.constrainTo),
-            targetRect: positionRect,
-            maxSizeOffset: 30,
-        });
-    };
-    const [expanded, doSetExpanded] = (0, useProperty_1.default)(props, 'expanded', false, {
-        onChange: (expanded) => {
-            if (expanded) {
-                if (props.onExpand) {
-                    props.onExpand();
-                }
-            }
-            else if (props.onCollapse) {
-                props.onCollapse();
-            }
-            if (props.onToggle) {
-                props.onToggle(expanded);
-            }
-            if (props.onExpandedChange) {
-                props.onExpandedChange(expanded);
-            }
-        },
-    });
-    const setExpanded = (newExpanded) => {
-        // if (!newExpanded) {
-        //   return;
-        // }
-        if (!expanded && newExpanded) {
-            updatePosition();
-        }
-        doSetExpanded(newExpanded);
-    };
-    const toggle = () => {
-        setExpanded(!expanded);
-    };
-    return {
-        expanded,
-        setExpanded,
-        toggle,
-        positionInfo: positionInfoRef.current,
-    };
-};

package/src/components/NewDropdownButton/index.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { AccessLevel } from '../../AdaptableState/Common/Entitlement';
-import { SimpleButtonProps } from '../SimpleButton';
-export type NewDropdownButtonItem = {
-    label: React.ReactNode;
-    onClick?: (e?: React.SyntheticEvent) => void;
-    disabled?: boolean;
-    dataName?: string;
-    separator?: boolean;
-    icon?: React.ReactNode;
-};
-export type NewDropdownButtonProps = {
-    items: NewDropdownButtonItem[];
-    children?: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    tooltip?: string;
-    variant?: SimpleButtonProps['variant'];
-    size?: SimpleButtonProps['size'];
-    accessLevel?: AccessLevel;
-    side?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
-    'data-name'?: string;
-    tone?: SimpleButtonProps['tone'];
-};
-export declare const NewDropdownButton: React.ForwardRefExoticComponent<NewDropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/src/components/NewDropdownButton/index.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewDropdownButton = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const dropdown_menu_1 = require("~/components/ui/dropdown-menu");
-const NewTooltip_1 = require("../NewTooltip");
-const utils_1 = require("../../lib/utils");
-const lucide_react_1 = require("lucide-react");
-const SimpleButton_1 = tslib_1.__importDefault(require("../SimpleButton"));
-exports.NewDropdownButton = React.forwardRef((props, ref) => {
-    const { items, children, className, disabled, tooltip, variant = 'text', accessLevel, side = 'bottom', align = 'start', 'data-name': dataName, tone = 'neutral', } = props;
-    const isHidden = accessLevel === 'Hidden';
-    const isReadOnly = accessLevel === 'ReadOnly';
-    const isDisabled = disabled || isHidden || isReadOnly;
-    const trigger = ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuTrigger, { render: (0, jsx_runtime_1.jsx)(SimpleButton_1.default, { ref: ref, tone: tone, variant: variant, disabled: isDisabled, className: (0, utils_1.cn)(className, 'twa:pr-1 twa:active:translate-y-0 twa:flex-row twa:flex-none', variant !== 'text' ? 'twa:gap-1' : 'twa:gap-0.5'), "data-name": dataName }), children: [children, (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('twa:h-full twa:my-1', variant !== 'text' ? 'twa:border-l twa:border-border' : '') }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: "twa:size-3.5 twa:opacity-60 twa:transition-transform twa:duration-200 twa:[[data-popup-open]_&]:rotate-180" })] }));
-    const maxLabelLength = items.reduce((max, item) => Math.max(max, typeof item.label === 'string' ? item.label.length : 0), 0);
-    return ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [tooltip ? (0, jsx_runtime_1.jsx)(NewTooltip_1.NewTooltip, { label: tooltip, children: trigger }) : trigger, (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { side: side, align: align, style: {
-                    // minWidth: `min(max(${maxLabelLength + 5}ch, calc(var(--ab-base-space) * 32)),80vw)`,
-                    width: `max(${maxLabelLength + 3}ch, calc(var(--ab-base-space) * 20), var(--anchor-width))`,
-                }, children: items.map((item, index) => {
-                    if (item.separator) {
-                        return (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, {}, index);
-                    }
-                    return ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { disabled: item.disabled, "data-name": item.dataName, onClick: (e) => item.onClick?.(e), children: [item.icon, item.label] }, item.dataName ?? index));
-                }) })] }));
-});

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;