@adaptabletools/adaptable 24.0.0-canary.6 → 24.0.0-canary.8

package/vendor/components/ui/input-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,UAAU,mKAef,CAAC;AAEF,QAAA,MAAM,uBAAuB;;8EAoB5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAgB5E;AAsBD,QAAA,MAAM,gBAAgB;;;;;;WAIT,QAAQ,GAAG,QAAQ,GAAG,OAAO;mDAmBxC,CAAC;AAEH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,QAAA,MAAM,eAAe,8KAepB,CAAC;AAEF,QAAA,MAAM,kBAAkB,0LAetB,CAAC;AAEH,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,UAAU,mKAef,CAAC;AAEF,QAAA,MAAM,uBAAuB;;8EAoB5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAgB5E;AAuBD,QAAA,MAAM,gBAAgB;;;;;;WAIT,QAAQ,GAAG,QAAQ,GAAG,OAAO;mDAmBxC,CAAC;AAEH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,QAAA,MAAM,eAAe,8KAepB,CAAC;AAEF,QAAA,MAAM,kBAAkB,0LAetB,CAAC;AAEH,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAC"}

package/vendor/components/ui/input-group.js

@@ -32,12 +32,13 @@ function InputGroupAddon({ className, align = 'inline-start', ...props }) {
         }, ...props }));
 }
 const inputGroupButtonVariants = cva(
-// fill the addon/group height with a 1-unit vertical margin; fixed size variants override below.
-// `size-[…]` (not `h-*`/`w-*`) so twMerge drops Button's `size-10` from icon-md.
-'twa:flex twa:my-1 twa:aspect-square twa:size-[calc(100%-2*var(--ab-base-space))] twa:min-h-0 twa:items-center twa:gap-1 twa:p-0 twa:text-sm twa:shadow-none twa:cursor-pointer', {
+// fill the addon/group height (so it follows --ab-input-height) with a 1-unit vertical margin,
+// and stay square: a percentage width would resolve against the addon, not the height.
+// `size-auto` so twMerge drops Button's `size-10` from icon-md; fixed size variants override below.
+'twa:flex twa:my-1 twa:aspect-square twa:size-auto twa:h-[calc(100%-2*var(--ab-base-space))] twa:min-h-0 twa:items-center twa:gap-1 twa:p-0 twa:text-sm twa:shadow-none twa:cursor-pointer', {
     variants: {
         size: {
-            xs: 'twa:h-6 twa:gap-1 twa:rounded twa:px-1.5 twa:[&>svg:not([class*=size-])]:size-3.5',
+            xs: 'twa:h-6 twa:aspect-auto twa:gap-1 twa:rounded twa:px-1.5 twa:[&>svg:not([class*=size-])]:size-3.5',
             sm: 'twa:',
             'icon-xs': 'twa:size-6 twa:rounded twa:has-[>svg]:p-0',
             'icon-sm': 'twa:size-8 twa:has-[>svg]:p-0',

package/vendor/components/ui/input-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"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"}

package/src/components/ColorPicker/ColorPicker.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { HTMLProps } from 'react';
-import { AdaptableApi } from '../../Api/AdaptableApi';
-import { BoxProps } from '../Flex';
-export type ColorPickerProps = Omit<HTMLProps<HTMLInputElement>, 'onChange'> & {
-    api: AdaptableApi;
-    onChange: (color: string) => void;
-    className?: string;
-    value: string;
-    includeAlpha?: boolean;
-} & Omit<BoxProps, 'onChange'>;
-export declare const ColorPicker: React.ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & React.RefAttributes<unknown>>;

package/src/components/ColorPicker/ColorPicker.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useCallback, useEffect } from 'react';
-import { debounce } from '../../Utilities/Helpers/TimingHelper';
-import { cn } from '../../lib/utils';
-import Input from '../Input';
-import { getVariableColor } from '../../Utilities/Helpers/StyleHelper';
-import tinycolor from 'tinycolor2';
-import { Box, Flex } from '../Flex';
-import { twMerge } from '../../twMerge';
-export const ColorPicker = React.forwardRef((props, ref) => {
-    const ColorPalette = props.api.userInterfaceApi.getColorPalette();
-    let { value, includeAlpha = true, className, ...restProps } = props;
-    const debouncedOnChange = useCallback(debounce((color) => {
-        props.onChange(color);
-    }, 30), [props.onChange]);
-    useEffect(() => {
-        return () => {
-            debouncedOnChange.cancel();
-        };
-    }, [debouncedOnChange]);
-    const optionsMap = ColorPalette.reduce((acc, colorItem) => ({ ...acc, [getVariableColor(colorItem)]: colorItem }), {});
-    const ABcolorChoicesOptions = Object.keys(optionsMap).map((x) => {
-        return (_jsx("option", { value: x, children: x }, x));
-    });
-    const ABcolorChoices = _jsx("datalist", { id: 'ABcolorChoices', children: ABcolorChoicesOptions });
-    const preparedValue = React.useMemo(() => {
-        const color = getVariableColor(value);
-        return tinycolor(color).toHexString();
-    }, [value]);
-    const preparedAlphaColor = React.useMemo(() => {
-        const color = getVariableColor(value);
-        return [tinycolor(color).setAlpha(0).toRgbString(), tinycolor(color).setAlpha(1).toRgbString()];
-    }, [value]);
-    const rangeBackround = `linear-gradient(90deg, ${preparedAlphaColor[0]} 0%, ${preparedAlphaColor[1]} 100%)`;
-    const alpha = tinycolor(getVariableColor(value)).getAlpha();
-    return (_jsxs(Flex, { className: cn('ColorPicker twa:items-center twa:gap-2', {
-            'twa:opacity-30': props.disabled,
-        }, className), children: [_jsx(Input, { ...restProps, as: undefined, disabled: props.disabled, className: twMerge('ab-ColorPicker-swatch'), onChange: (event) => {
-                    const color = optionsMap[event.target.value] ?? event.target.value;
-                    debouncedOnChange(color);
-                }, value: preparedValue, ref: ref, type: "color", list: "ABcolorChoices", title: props.title }), ABcolorChoices, includeAlpha && (_jsxs(Flex, { alignItems: "center", className: "twa:gap-1", children: [_jsx(Box, { children: "Opacity" }), _jsx(Flex, { alignItems: "center", className: "twa:min-h-input", children: _jsx(Input, { disabled: props.disabled, className: "ab-ColorPicker-range", style: { background: rangeBackround }, value: alpha, onChange: (event) => {
-                                const color = tinycolor(getVariableColor(value))
-                                    .setAlpha(event.target.value)
-                                    .toRgbString();
-                                debouncedOnChange(color);
-                            }, min: 0, max: 1, step: 0.01, type: "range" }) })] }))] }));
-});

package/src/components/ColorPicker/OptionalColorPicker.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { AdaptableApi } from '../../Api/AdaptableApi';
-export type OptionalColorPickerProps = {
-    api: AdaptableApi;
-    value: string | undefined;
-    onChange: (color: string | undefined) => void;
-    defaultColor?: string;
-    disabled?: boolean;
-    includeAlpha?: boolean;
-    className?: string;
-};
-export declare const OptionalColorPicker: React.FC<OptionalColorPickerProps>;

package/src/components/ColorPicker/OptionalColorPicker.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Flex } from '../Flex';
-import SimpleButton from '../SimpleButton';
-import { twMerge } from '../../twMerge';
-import { ColorPicker } from './ColorPicker';
-const DEFAULT_COLOR = '#000000';
-export const OptionalColorPicker = (props) => {
-    const { api, value, onChange, defaultColor = DEFAULT_COLOR, disabled = false, includeAlpha = true, className, } = props;
-    if (!value) {
-        return (_jsxs(Flex, { alignItems: "center", className: twMerge('OptionalColorPicker twa:gap-1', className), children: [_jsxs(Box, { className: "twa:relative twa:w-[36px] twa:h-[24px] twa:shrink-0", children: [_jsx(Box, { className: "ab-OptionalColorPicker-empty twa:absolute twa:inset-0 twa:pointer-events-none", "aria-hidden": true }), _jsx(ColorPicker, { api: api, value: defaultColor, disabled: disabled, includeAlpha: false, onChange: onChange, title: "Click to set colour", className: twMerge('twa:absolute twa:inset-0 twa:gap-0', 'twa:[&_.ab-ColorPicker-swatch]:absolute twa:[&_.ab-ColorPicker-swatch]:inset-0', 'twa:[&_.ab-ColorPicker-swatch]:size-full twa:[&_.ab-ColorPicker-swatch]:opacity-0') })] }), _jsx(Box, { className: "twa:text-2 twa:text-muted-foreground", children: "None" })] }));
-    }
-    return (_jsxs(Flex, { alignItems: "center", className: twMerge('OptionalColorPicker twa:gap-1', className), children: [_jsx(ColorPicker, { api: api, value: value, disabled: disabled, includeAlpha: includeAlpha, onChange: onChange }), _jsx(SimpleButton, { icon: "close", variant: "text", disabled: disabled, tooltip: "Clear colour", onClick: () => onChange(undefined) })] }));
-};

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

@@ -1,2 +0,0 @@
-export * from './ColorPicker';
-export * from './OptionalColorPicker';

package/src/components/ColorPicker/index.js

@@ -1,2 +0,0 @@
-export * from './ColorPicker';
-export * from './OptionalColorPicker';