@salutejs/plasma-new-hope 0.139.0-canary.1406.10688605172.0 → 0.139.0-canary.1418.10685382771.0

package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx

@@ -0,0 +1,252 @@
+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 { ComboboxPrimitiveValue, comboboxConfig } 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 StorySelectPropsCustom = {
+    skidding?: number;
+    distance?: number;
+};
+
+type StorySelectProps = ComponentProps<typeof Combobox> & StorySelectPropsCustom;
+
+const meta: Meta<StorySelectProps> = {
+    title: 'plasma_web/Combobox',
+    decorators: [WithTheme],
+    component: Combobox,
+    argTypes: {
+        placement: {
+            options: placements,
+            control: {
+                type: 'select',
+            },
+        },
+        enumerationType: {
+            options: enumerations,
+            control: {
+                type: 'select',
+            },
+        },
+        ...argTypesFromConfig(mergeConfig(comboboxConfig, 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/examples/plasma_web/components/Select/Select.stories.tsx

@@ -103,7 +103,6 @@ const meta: Meta<StorySelectProps> = {
                 'placeholder',
                 'helperText',
                 'isTargetAmount',
-                'closeAfterSelect',
                 'variant',
                 'disabled',
                 'listWidth',
@@ -346,9 +345,6 @@ const SingleStory = (args: StorySelectProps) => {
 
 export const Single: StoryObj<StorySelectProps> = {
     render: (args) => <SingleStory {...args} />,
-    args: {
-        closeAfterSelect: true,
-    },
 };
 
 const MultiselectStory = (args: StorySelectProps) => {
@@ -370,7 +366,6 @@ const MultiselectStory = (args: StorySelectProps) => {
 export const Multiselect: StoryObj<StorySelectProps> = {
     args: {
         multiselect: true,
-        closeAfterSelect: false,
     },
     render: (args) => <MultiselectStory {...args} />,
 };

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAA0B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,aAAa,CAAC,2FAwOxE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA1OQ,UAAU,gBAAgB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CA2P5E,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledCombobox: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledPopover: import("@linaria/react").StyledComponent<{
+    selectWidth?: number | undefined;
+} & import("../../engines/types").PropsType<{
+    view: {
+        css: import("@linaria/core").LinariaClassName;
+    };
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ComboboxItemNotFound: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
+//# sourceMappingURL=Combobox.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;4JAMzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAUhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAY9B,CAAC"}

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

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

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

@@ -0,0 +1,123 @@
+import { MouseEvent, MutableRefObject, SyntheticEvent } from 'react';
+import { InputHTMLAttributes } from '@salutejs/plasma-core';
+import { DropdownPlacement, DropdownPlacementBasic } from '../Dropdown/Dropdown.types';
+export declare type ComponentType = 'select' | 'combobox';
+export declare type SelectPrimitiveValue = string | number | boolean;
+export declare type SelectValue = SelectPrimitiveValue | Array<SelectPrimitiveValue>;
+export declare type ComboboxPrimitiveValue = string | number | boolean;
+export declare type ComboboxValue = ComboboxPrimitiveValue | Array<ComboboxPrimitiveValue>;
+export declare type ValueType = 'single' | 'multiple';
+export declare type EnumerationType = 'comma' | 'chip';
+export interface CustomComboboxProps {
+    /**
+     * Текст лейбла.
+     */
+    label?: string;
+    /**
+     * Тип перечисления выбранных значений.
+     * Варианты: comma, chips
+     */
+    enumerationType?: EnumerationType;
+    /**
+     * Отображаемый контент в случае пустого результата поиска
+     */
+    negativeResultContent?: string;
+    /**
+     * Находится ли в портале.
+     */
+    usePortal?: boolean;
+    /**
+     * Дропдаун открыт или нет.
+     * @default
+     *  false
+     */
+    opened?: boolean;
+    /**
+     * Сторона открытия дропдауна относительно target элемента.
+     * @default
+     *  auto
+     */
+    placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
+    /**
+     * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
+     */
+    frame?: 'document' | string | React.RefObject<HTMLElement>;
+    /**
+     * Размер компонента.
+     */
+    size?: string;
+    /**
+     * Вид компонента.
+     */
+    view?: string;
+    /**
+     * Функция, которая фильтрует значения списка
+     */
+    filterFunction?: (childText: string, filterValue?: string) => boolean;
+    /**
+     * Событие сворачивания/разворачивания дропдауна.
+     */
+    onToggle?: (opened: boolean, event: SyntheticEvent | Event) => void;
+}
+export declare type ComboboxTypeSeparation = {
+    /**
+     * Тип комбобокса.
+     * Варианты: single, multiple
+     */
+    valueType?: 'single';
+    value?: ComboboxPrimitiveValue;
+    /**
+     * Обработчик изменения выбранного значения.
+     */
+    onChangeValue?: (value?: ComboboxPrimitiveValue) => void;
+} | {
+    /**
+     * Тип комбобокса.
+     * Варианты: single, multiple
+     */
+    valueType: 'multiple';
+    value?: Array<ComboboxPrimitiveValue>;
+    /**
+     * Обработчик изменения выбранного значения.
+     */
+    onChangeValue?: (value?: Array<ComboboxPrimitiveValue>) => void;
+};
+export declare type ComboboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'size' | 'target' | 'checked' | 'type' | 'maxLength' | 'minLength' | 'onChange'> & CustomComboboxProps & ComboboxTypeSeparation;
+export interface ControlledRefs {
+    contentRef: MutableRefObject<HTMLDivElement | null>;
+    inputRef: MutableRefObject<HTMLInputElement | null>;
+    inputHelperRef: MutableRefObject<HTMLDivElement | null>;
+}
+export interface UseFocusControllerProps {
+    controlledRefs: ControlledRefs;
+    opened?: boolean;
+    hasValue?: boolean;
+    textContent?: string;
+    search?: string;
+    values?: Array<Array<ComboboxPrimitiveValue>>;
+    valueType?: ValueType;
+    closedWithoutChanges?: MutableRefObject<boolean>;
+    readOnly?: boolean;
+    updateSearch?: (value?: string, opened?: boolean) => void;
+    updateFocused: (value: boolean) => void;
+    onChipClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export interface ControlledSelectRefs {
+    targetRef: MutableRefObject<HTMLButtonElement | HTMLInputElement | null>;
+    chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
+    selectRef: MutableRefObject<HTMLDivElement | null>;
+    itemsRefs: MutableRefObject<Array<HTMLDivElement>>;
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+}
+export interface UseKeyNavigationProps {
+    controlledRefs: ControlledSelectRefs;
+    opened: boolean;
+    valueType?: ValueType;
+    componentType?: ComponentType;
+    value?: ComboboxPrimitiveValue | ComboboxPrimitiveValue[];
+    search?: string;
+    enumerationType?: EnumerationType;
+    updateValue: (item: HTMLElement, event: SyntheticEvent | Event) => void;
+    updateOpened: (value: boolean, event: SyntheticEvent | Event) => void;
+}
+//# sourceMappingURL=Combobox.types.d.ts.map

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

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

package/types/components/Combobox/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC"}

package/types/components/Combobox/hooks/useFocusController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusController.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/hooks/useFocusController.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEjE,eAAO,MAAM,kBAAkB,sMAa5B,uBAAuB;kCA8EM,gBAAgB,CAAC,iBAAiB,CAAC;;;CA+BlE,CAAC"}

package/types/components/Combobox/hooks/useKeyNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoC,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+KAU1B,qBAAqB;sCAoBR,cAAc,iBAAiB,GAAG,gBAAgB,CAAC;sCAuFnD,cAAc,cAAc,CAAC;CAqH5C,CAAC"}

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

@@ -1,4 +1,5 @@
-export { comboboxRoot as comboboxOldRoot, comboboxConfig as comboboxOldConfig, comboboxDividerRoot, comboboxDividerConfig, comboboxFooterRoot, comboboxFooterConfig, comboboxGroupRoot, comboboxGroupConfig, comboboxHeaderRoot, comboboxHeaderConfig, comboboxItemRoot, comboboxItemConfig, ComboboxTarget, comboboxClasses as comboboxOldClasses, comboboxTokens as comboboxOldTokens, } from './ComboboxOld';
-export type { ComboboxProps as ComboboxOldProps } from './ComboboxOld';
-export { comboboxTokens as comboboxNewTokens, comboboxRoot as comboboxNewRoot, comboboxConfig as comboboxNewConfig, } from './ComboboxNew';
+export { comboboxRoot, comboboxConfig } from './Combobox';
+export { classes as comboboxClasses, tokens as comboboxTokens } from './Combobox.tokens';
+export * from './ui';
+export type { ComboboxProps, ComboboxPrimitiveValue, ComboboxValue } from './Combobox.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,IAAI,eAAe,EAC/B,cAAc,IAAI,iBAAiB,EACnC,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,eAAe,IAAI,kBAAkB,EACrC,cAAc,IAAI,iBAAiB,GACtC,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EACH,cAAc,IAAI,iBAAiB,EACnC,YAAY,IAAI,eAAe,EAC/B,cAAc,IAAI,iBAAiB,GACtC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzF,cAAc,MAAM,CAAC;AACrB,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxChip/ComboboxChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,YAAY,6FAqBxB,CAAC"}

package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ComboboxChip.styles.d.ts.map

package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU,6PAwCtB,CAAC"}

package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxChip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxChip/ComboboxChip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,MAAM,WAAW,iBAAiB;IAC9B;;OAEG;IACH,IAAI,EAAE,sBAAsB,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,sBAAsB,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,SAAS,CAAC,EAAE,CACR,KAAK,EAAE,sBAAsB,EAC7B,IAAI,EAAE,sBAAsB,EAC5B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,KACtC,IAAI,CAAC;CACb"}

package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const comboboxDividerRoot: (Root: import("../../../..").RootProps<HTMLDivElement, import("../../../Dropdown/ui/DropdownDivider/DropdownDivider.types").DropdownDividerProps>) => import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    id?: string | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const comboboxDividerConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: import("../../../..").RootProps<HTMLDivElement, import("../../../Dropdown/ui/DropdownDivider/DropdownDivider.types").DropdownDividerProps>) => import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        id?: string | undefined;
+        size?: string | undefined;
+        view?: string | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=ComboboxDivider.d.ts.map

package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxDivider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxDivider/ComboboxDivider.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,mBAAmB;;;;kDAAsB,CAAC;AAEvD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAiBjC,CAAC"}

package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxDivider.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0CAQ3B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAkB,CAAC"}

package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.types.d.ts

@@ -0,0 +1,3 @@
+import { DropdownDividerProps } from '../../../Dropdown/ui/DropdownDivider/DropdownDivider.types';
+export declare type ComboboxDividerProps = DropdownDividerProps;
+//# sourceMappingURL=ComboboxDivider.types.d.ts.map

package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxDivider.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxDivider/ComboboxDivider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4DAA4D,CAAC;AAElG,oBAAY,oBAAoB,GAAG,oBAAoB,CAAC"}

package/types/components/Combobox/ui/ComboboxDivider/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Combobox/ui/ComboboxDivider/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Combobox/ui/ComboboxDivider/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Combobox/ui/ComboboxDivider/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const comboboxFooterRoot: (Root: import("../../../..").RootProps<HTMLDivElement, import("../../../Dropdown/ui/DropdownFooter/DropdownFooter.type").DropdownFooterProps>) => import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    id?: string | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const comboboxFooterConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: import("../../../..").RootProps<HTMLDivElement, import("../../../Dropdown/ui/DropdownFooter/DropdownFooter.type").DropdownFooterProps>) => import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        id?: string | undefined;
+        size?: string | undefined;
+        view?: string | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=ComboboxFooter.d.ts.map

package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxFooter/ComboboxFooter.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,kBAAkB;;;;kDAAqB,CAAC;AAErD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;CAiBhC,CAAC"}

package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxFooter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0CAkB3B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAkB,CAAC"}

package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.type.d.ts

@@ -0,0 +1,3 @@
+import { DropdownFooterProps } from '../../../Dropdown/ui/DropdownFooter/DropdownFooter.type';
+export declare type ComboboxFooterProps = DropdownFooterProps;
+//# sourceMappingURL=ComboboxFooter.type.d.ts.map

package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxFooter.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxFooter/ComboboxFooter.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yDAAyD,CAAC;AAE9F,oBAAY,mBAAmB,GAAG,mBAAmB,CAAC"}

package/types/components/Combobox/ui/ComboboxFooter/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Combobox/ui/ComboboxFooter/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Combobox/ui/ComboboxFooter/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Combobox/ui/ComboboxFooter/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}