@salutejs/plasma-new-hope 0.134.0-canary.1405.10615646161.0 → 0.134.0-canary.1406.10618736962.0

package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx

@@ -0,0 +1,254 @@
+import React, { useState } from 'react';
+import type { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import { mergeConfig } from '../../../../../engines';
+import { Checkbox } from '../../Checkbox/Checkbox';
+import { comboboxOldConfig } from '../../../../../components/Combobox';
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { IconDone } from '../../../../../components/_Icon';
+
+import { Combobox, ComboboxDivider, ComboboxItem } from './Combobox';
+import { config } from './Combobox.config';
+
+const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto'];
+const enumerations: Array<string> = ['comma', 'chip'];
+
+type ComboboxPrimitiveValue = string | number | boolean;
+
+type StorySelectPropsCustom = {
+    skidding?: number;
+    distance?: number;
+};
+
+type StorySelectProps = ComponentProps<typeof Combobox> & StorySelectPropsCustom;
+
+const meta: Meta<StorySelectProps> = {
+    title: 'plasma_b2c/ComboboxOld',
+    decorators: [WithTheme],
+    component: Combobox,
+    argTypes: {
+        placement: {
+            options: placements,
+            control: {
+                type: 'select',
+            },
+        },
+        enumerationType: {
+            options: enumerations,
+            control: {
+                type: 'select',
+            },
+        },
+        ...argTypesFromConfig(mergeConfig(comboboxOldConfig, config)),
+    },
+    args: {
+        usePortal: false,
+        disabled: false,
+        readOnly: false,
+        label: 'Label',
+        placeholder: 'Placeholder',
+        enumerationType: 'comma',
+        size: 'm',
+        view: 'default',
+        placement: 'bottom',
+    },
+};
+
+export default meta;
+
+const onChangeAction = action('onChange');
+
+const iconDoneToSelectSizeMap: Record<string, 'xs' | 's'> = {
+    xs: 'xs',
+    s: 's',
+    m: 's',
+    l: 's',
+};
+
+const checkboxToSelectSizeMap: Record<string, 's' | 'm'> = {
+    xs: 's',
+    s: 'm',
+    m: 'm',
+    l: 'm',
+};
+
+const getSelectItems = (slug: string, elemCount: number) =>
+    [...Array(elemCount).keys()].map((num) => ({
+        value: `${slug}_${num}`,
+        child: `${slug} ${num}`,
+    }));
+
+const StorySingle = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+
+    const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
+
+    const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="single"
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                onChangeValue={onChangeValue}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                {getSelectItems('item', 6).map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={
+                            item.value === value ? (
+                                <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
+                            ) : undefined
+                        }
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const Single: StoryObj<StorySelectProps> = {
+    render: (args) => <StorySingle {...args} />,
+};
+
+const StoryMultiple = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
+
+    const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
+
+    const onChangeValue = (newValue?: Array<ComboboxPrimitiveValue>) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="multiple"
+                enumerationType={enumerationType}
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                onChangeValue={onChangeValue}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                {getSelectItems('item', 6).map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={<Checkbox size={checkboxToSelectSizeMap[size]} />}
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const Multiple: StoryObj<StorySelectProps> = {
+    render: (args) => <StoryMultiple {...args} />,
+};
+
+const StoryAddCustomItem = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+
+    const [opened, setOpened] = useState(false);
+    const [items, setItems] = useState(getSelectItems('item', 1));
+    const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
+
+    const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    const onToggle = (openValue: boolean) => setOpened(openValue);
+
+    const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+        const { code } = event;
+
+        if (code === 'Enter') {
+            const newValue = (event.target as HTMLInputElement).value;
+            const newItems = [...items];
+
+            if (newItems.find((item) => item.child === newValue)) {
+                return;
+            }
+
+            newItems.push({
+                value: `${newValue}_`,
+                child: (newValue || '').toString(),
+            });
+
+            setOpened(false);
+            setItems(newItems);
+        }
+    };
+
+    const filterFunction = () => true;
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="single"
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                opened={opened}
+                onToggle={onToggle}
+                onChangeValue={onChangeValue}
+                onKeyDown={onKeyDown}
+                filterFunction={filterFunction}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                <ComboboxDivider />
+                {items.map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={
+                            item.value === value ? (
+                                <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
+                            ) : undefined
+                        }
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const AddCustomItem: StoryObj<StorySelectProps> = {
+    render: (args) => <StoryAddCustomItem {...args} />,
+};

package/styled-components/es/hooks/useOutsideClick.js

@@ -1,10 +1,15 @@
 import { useEffect, useRef } from 'react';
-export var useOutsideClick = function useOutsideClick(callback) {
+export var useOutsideClick = function useOutsideClick(callback, secondaryRef) {
   var ref = useRef(null);
   useEffect(function () {
     var handleClickOutside = function handleClickOutside(event) {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback();
+      if (ref.current && !ref.current.contains(event.target)
+      // secondaryRef.current &&
+      // !secondaryRef.current.contains(event.target as Node)
+      ) {
+        if (!(secondaryRef !== null && secondaryRef !== void 0 && secondaryRef.current) || secondaryRef.current && !secondaryRef.current.contains(event.target)) {
+          callback();
+        }
       }
     };
     document.addEventListener('mouseup', handleClickOutside);

package/styled-components/es/index.js

@@ -17,7 +17,6 @@ export * from './components/Radiobox';
 export * from './components/Popover';
 export * from './components/TextArea';
 export * from './components/TextField';
-export * from './components/InputGroup';
 export * from './components/Switch';
 export * from './components/Tabs';
 export * from './components/Calendar';

package/types/components/Combobox/ComboboxNew/Combobox.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { RootProps } from '../../../engines';
+import type { ItemContext, ComboboxProps } from './Combobox.types';
+export declare const Context: React.Context<ItemContext>;
+/**
+ * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
+ */
+export declare const comboboxRoot: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+export declare const comboboxConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        readOnly: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+        labelPlacement: string;
+    };
+};
+//# sourceMappingURL=Combobox.d.ts.map

package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAkB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,2FA0VtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA5VQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAmX3F,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ComboboxProps } from './Combobox.types';
+export declare const Ul: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
+    listOverflow?: ComboboxProps['listOverflow'];
+    listHeight?: ComboboxProps['listHeight'];
+    listWidth?: ComboboxProps['listWidth'];
+    isInnerUl?: boolean | undefined;
+}>;
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=Combobox.styles.d.ts.map

package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAezC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts

@@ -0,0 +1,153 @@
+export declare const classes: {
+    dropdownItemIsFocused: string;
+    dropdownItemIsDisabled: string;
+    dropdownItemIsActive: string;
+    selectTargetArrow: string;
+    arrowInverse: string;
+    textfieldTarget: string;
+    selectChipIsFocused: string;
+    selectWithoutBoxShadow: string;
+    selectItemCheckbox: string;
+    selectSpinner: string;
+};
+export declare const tokens: {
+    borderRadius: string;
+    padding: string;
+    focusOffset: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    fontLetterSpacing: string;
+    fontLineHeight: string;
+    itemHeight: string;
+    itemBorderRadius: string;
+    itemPadding: string;
+    itemPaddingTight: string;
+    itemIconSize: string;
+    itemIconSizeTight: string;
+    itemIconMargin: string;
+    checkboxTriggerSize: string;
+    checkboxTriggerSizeTight: string;
+    checkboxTriggerBorderRadius: string;
+    checkboxTriggerBorderRadiusTight: string;
+    checkboxFillColor: string;
+    checkboxIconColor: string;
+    checkboxTriggerBorderColor: string;
+    indicatorSize: string;
+    targetHeight: string;
+    textFieldColor: string;
+    textFieldBackgroundColor: string;
+    textFieldBackgroundColorHover: string;
+    textFieldBackgroundColorFocus: string;
+    textFieldBorderColor: string;
+    textFieldBorderColorHover: string;
+    textFieldBorderColorFocus: string;
+    textFieldColorReadOnly: string;
+    textFieldBackgroundColorReadOnly: string;
+    textFieldBorderColorReadOnly: string;
+    textFieldPlaceholderColorReadOnly: string;
+    textFieldCaretColor: string;
+    textFieldPlaceholderColor: string;
+    textFieldHeight: string;
+    textFieldBorderWidth: string;
+    textFieldBorderRadius: string;
+    textFieldPadding: string;
+    textFieldPaddingWithChips: string;
+    textFieldLeftContentMargin: string;
+    textFieldRightContentMargin: string;
+    textFieldFontFamily: string;
+    textFieldFontStyle: string;
+    textFieldFontSize: string;
+    textFieldFontWeight: string;
+    textFieldLetterSpacing: string;
+    textFieldLineHeight: string;
+    textFieldLabelColor: string;
+    textFieldLabelColorReadOnly: string;
+    textFieldLabelOffset: string;
+    textFieldLabelFontFamily: string;
+    textFieldLabelFontStyle: string;
+    textFieldLabelFontSize: string;
+    textFieldLabelFontWeight: string;
+    textFieldLabelLetterSpacing: string;
+    textFieldLabelLineHeight: string;
+    textFieldLabelInnerFontFamily: string;
+    textFieldLabelInnerFontStyle: string;
+    textFieldLabelInnerFontSize: string;
+    textFieldLabelInnerFontWeight: string;
+    textFieldLabelInnerLetterSpacing: string;
+    textFieldLabelInnerLineHeight: string;
+    textFieldLabelInnerPadding: string;
+    textFieldContentLabelInnerPadding: string;
+    textFieldLeftHelperColor: string;
+    textFieldLeftHelperColorReadOnly: string;
+    textFieldLeftHelperOffset: string;
+    textFieldLeftHelperFontFamily: string;
+    textFieldLeftHelperFontStyle: string;
+    textFieldLeftHelperFontSize: string;
+    textFieldLeftHelperFontWeight: string;
+    textFieldLeftHelperLetterSpacing: string;
+    textFieldLeftHelperLineHeight: string;
+    textFieldTextBeforeColor: string;
+    textFieldTextAfterColor: string;
+    textFieldTextBeforeMargin: string;
+    textFieldTextAfterMargin: string;
+    textFieldDisabledOpacity: string;
+    textFieldFocusColor: string;
+    textFieldChipCloseIconColor: string;
+    textFieldChipColor: string;
+    textFieldChipBackground: string;
+    textFieldChipColorHover: string;
+    textFieldChipBackgroundHover: string;
+    textFieldChipColorActive: string;
+    textFieldChipBackgroundActive: string;
+    textFieldChipBackgroundReadOnly: string;
+    textFieldChipColorReadOnly: string;
+    textFieldChipBackgroundReadOnlyHover: string;
+    textFieldChipColorReadOnlyHover: string;
+    textFieldChipOpacityReadonly: string;
+    textFieldChipGap: string;
+    textFieldChipBorderRadius: string;
+    textFieldChipWidth: string;
+    textFieldChipHeight: string;
+    textFieldChipPaddingRight: string;
+    textFieldChipPaddingLeft: string;
+    textFieldChipClearContentMarginLeft: string;
+    textFieldChipClearContentMarginRight: string;
+    textFieldChipCloseIconSize: string;
+    textFieldChipFontFamily: string;
+    textFieldChipFontSize: string;
+    textFieldChipFontStyle: string;
+    textFieldChipFontWeight: string;
+    textFieldChipLetterSpacing: string;
+    textFieldChipLineHeight: string;
+    labelOffset: string;
+    innerLabelGap: string;
+    helperTextColor: string;
+    helperTextOffset: string;
+    spinnerSize: string;
+    spinnerSizeTight: string;
+};
+export declare const constants: {
+    focusColor: string;
+    focusSize: string;
+    background: string;
+    boxShadow: string;
+    disclosureIconColor: string;
+    disclosureIconColorHover: string;
+    itemBackground: string;
+    itemBackgroundHover: string;
+    textfieldTargetColor: string;
+    textfieldOuterLabelColor: string;
+    textfieldInnerLabelColor: string;
+    textfieldPlaceholderColor: string;
+    textfieldBorderSize: string;
+    opacity: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    fontLetterSpacing: string;
+    fontLineHeight: string;
+};
+//# sourceMappingURL=Combobox.tokens.d.ts.map

package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgIlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts

@@ -0,0 +1,135 @@
+import type { CSSProperties, ButtonHTMLAttributes } from 'react';
+import React from 'react';
+import { FocusedPathState } from './reducers';
+import { ItemOption, ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';
+import type { ValueToCheckedMapType, ValueToItemMapType } from './hooks/getPathMaps';
+declare type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+declare type IsMultiselect = {
+    multiple?: false;
+    value?: string;
+    onChange?: (value: string) => void;
+    /**
+     * Если включено - будет выведено общее количество выбранных элементов вместо перечисления.
+     * @default false
+     */
+    isTargetAmount?: never | false;
+} | {
+    multiple: true;
+    value?: Array<string>;
+    onChange?: (value: Array<string>) => void;
+    isTargetAmount?: boolean;
+};
+export interface BasicProps {
+    /**
+     * Список элементов.
+     */
+    items: Array<ItemOption>;
+    /**
+     * Сторона открытия дропдауна относительно target элемента.
+     * @default bottom
+     */
+    placement?: Placement;
+    /**
+     * Метка-подпись к элементу.
+     */
+    label?: string;
+    /**
+     * Placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Вспомогательный текст снизу слева для поля ввода.
+     */
+    helperText?: string;
+    /**
+     * Слот для контента слева.
+     */
+    contentLeft?: React.ReactElement;
+    /**
+     * Слот для контента справа.
+     */
+    contentRight?: React.ReactElement;
+    /**
+     * Слот для вспомогательного текста справа.
+     */
+    textBefore?: string;
+    /**
+     * Слот для вспомогательного текста слева.
+     */
+    textAfter?: string;
+    /**
+     * Вариант: обычный или сжатый
+     * @default normal
+     */
+    variant?: 'normal' | 'tight';
+    /**
+     * Значение css overflow для выпадающего меню.
+     * @example listOverflow="scroll"
+     */
+    listOverflow?: CSSProperties['overflow'];
+    /**
+     * Значение css height для выпадающего меню.
+     */
+    listHeight?: CSSProperties['height'];
+    /**
+     * Значение css width для выпадающего списка.
+     * @example width="200px"
+     */
+    listWidth?: CSSProperties['width'];
+    /**
+     * Портал для выпадающего списка. Принимает id контейнера или ref.
+     */
+    portal?: React.MutableRefObject<HTMLElement | null>;
+    /**
+     * Callback для кастомной настройки айтема в выпадающем списке.
+     */
+    renderItem?: (item: ItemOption) => React.ReactNode;
+    /**
+     * Функция фильтрации элементов.
+     */
+    filter?: (label: string, textValue: string) => boolean;
+    /**
+     * Размер компонента.
+     */
+    size?: string;
+    /**
+     * Вид компонента.
+     */
+    view?: string;
+    /**
+     * Расположение лейбла.
+     * @default outer
+     */
+    labelPlacement?: 'outer' | 'inner';
+    /**
+     * Компонент доступен только для чтения.
+     */
+    readOnly?: boolean;
+    /**
+     * Компонент неактивен.
+     */
+    disabled?: boolean;
+}
+export declare type ComboboxProps = BasicProps & IsMultiselect & Omit<ButtonHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;
+export declare type FloatingPopoverProps = {
+    target: React.ReactNode | ((ref: React.MutableRefObject<HTMLElement | null>) => React.ReactNode);
+    children: React.ReactNode;
+    opened: boolean;
+    onToggle: (opened: boolean) => void;
+    placement: Placement;
+    portal?: BasicProps['portal'];
+};
+export declare type ItemContext = {
+    focusedPath: FocusedPathState;
+    checked: ValueToCheckedMapType;
+    multiple: ComboboxProps['multiple'];
+    size: ComboboxProps['size'];
+    handleCheckboxChange: (item: ItemOptionTransformed) => void;
+    handleItemClick: (item: ItemOptionTransformed, e: React.MouseEvent<HTMLElement>) => void;
+    variant: ComboboxProps['variant'];
+    renderItem: ComboboxProps['renderItem'];
+    valueToItemMap: ValueToItemMapType;
+    treeId: string;
+};
+export {};
+//# sourceMappingURL=Combobox.types.d.ts.map

package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}

package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FloatingPopoverProps } from './Combobox.types';
+declare const FloatingPopover: React.ForwardRefExoticComponent<FloatingPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export { FloatingPopover };
+//# sourceMappingURL=FloatingPopover.d.ts.map

package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,QAAA,MAAM,eAAe,6FAkDpB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts

@@ -0,0 +1,10 @@
+import { ComboboxProps } from '../Combobox.types';
+import { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';
+export declare type PathMapType = Map<string, number>;
+export declare type FocusedToValueMapType = Map<string, ItemOptionTransformed>;
+export declare type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;
+export declare type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;
+export declare type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;
+export declare const getPathMap: (items: ComboboxProps['items']) => [PathMapType, FocusedToValueMapType];
+export declare const getTreeMaps: (items: ComboboxProps['items']) => [ValueToCheckedMapType, ValueToItemMapType, LabelToItemMapType];
+//# sourceMappingURL=getPathMaps.d.ts.map

package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPathMaps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,oBAAY,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C,oBAAY,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AACvE,oBAAY,qBAAqB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,eAAe,CAAC,CAAC;AACpH,oBAAY,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAC5F,oBAAY,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAE5F,eAAO,MAAM,UAAU,UAAW,aAAa,CAAC,OAAO,CAAC,yCAsBvD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,oEA4BxD,CAAC"}