@salutejs/plasma-new-hope 0.109.0-canary.1233.10044711531.0 → 0.109.0-canary.1302.10054896875.0

package/types/components/Select/Select.tokens.d.ts

@@ -1,100 +1,187 @@
 export declare const classes: {
-    dropdownItemIsFocused: string;
-    dropdownItemIsDisabled: string;
-    dropdownItemIsActive: string;
+    selectTarget: string;
+    selectTargeText: string;
+    selectTargetLabel: string;
     selectTargetArrow: string;
     arrowInverse: string;
-    textfieldTarget: string;
-    selectChipIsFocused: string;
-    selectWithoutBoxShadow: string;
-    selectItemCheckbox: string;
-    selectSpinner: string;
+    selectItemIsSelected: string;
+    selectItemIsDisabled: string;
+    nativeSelectVisible: string;
+    hasNoFocus: string;
+    hasChips: string;
+    innerLabelUp: string;
 };
 export declare const tokens: {
+    background: string;
+    boxShadow: string;
+    width: string;
+    height: string;
     borderRadius: string;
-    padding: string;
-    focusOffset: string;
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    fontLetterSpacing: string;
-    fontLineHeight: string;
+    paddingTop: string;
+    paddingRight: string;
+    paddingBottom: string;
+    paddingLeft: string;
+    itemBackground: string;
+    itemColor: string;
+    itemBackgroundHover: string;
+    itemBackgroundSelected: string;
+    itemColorSelected: string;
+    itemBackgroundSelectedHover: string;
+    itemColorSelectedHover: string;
+    itemWidth: 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;
-    targetButtonColor: string;
-    targetButtonColorHover: string;
-    targetButtonColorActive: string;
-    targetButtonArrowColor: string;
-    targetButtonArrowColorHover: string;
-    targetButtonArrowColorActive: string;
-    targetTextfieldArrowColor: string;
-    targetTextfieldArrowColorHover: string;
-    targetTextfieldArrowColorActive: string;
-    targetButtonArrowMargin: string;
-    targetTextfieldArrowMargin: string;
-    targetButtonBackgroundColor: string;
-    targetButtonBackgroundColorHover: string;
-    targetButtonBackgroundColorActive: string;
-    targetTextfieldBackgroundColor: string;
-    targetTextfieldBackgroundColorOpened: string;
-    targetTextfieldBorderColor: string;
-    targetButtonPadding: string;
-    targetTextfieldPadding: string;
-    targetTextfieldChipPadding: string;
+    itemPaddingTop: string;
+    itemPaddingRight: string;
+    itemPaddingBottom: string;
+    itemPaddingLeft: string;
+    itemMarginTop: string;
+    itemMarginRight: string;
+    itemMarginBottom: string;
+    itemMarginLeft: string;
+    itemFontFamily: string;
+    itemFontSize: string;
+    itemFontStyle: string;
+    itemFontWeightBold: string;
+    itemFontLetterSpacing: string;
+    itemFontLineHeight: string;
+    itemContentLeftColor: string;
+    itemContentRightColor: string;
+    itemContentLeftWidth: string;
+    itemContentRightWidth: string;
+    footerBackground: string;
+    footerWidth: string;
+    footerHeight: string;
+    footerPaddingTop: string;
+    footerPaddingRight: string;
+    footerPaddingBottom: string;
+    footerPaddingLeft: string;
+    footerMarginTop: string;
+    footerMarginRight: string;
+    footerMarginBottom: string;
+    footerMarginLeft: string;
+    footerFontFamily: string;
+    footerFontSize: string;
+    footerFontStyle: string;
+    footerFontWeightBold: string;
+    footerFontLetterSpacing: string;
+    footerFontLineHeight: string;
+    headerBackground: string;
+    headerWidth: string;
+    headerHeight: string;
+    headerPaddingTop: string;
+    headerPaddingRight: string;
+    headerPaddingBottom: string;
+    headerPaddingLeft: string;
+    headerMarginTop: string;
+    headerMarginRight: string;
+    headerMarginBottom: string;
+    headerMarginLeft: string;
+    headerFontFamily: string;
+    headerFontSize: string;
+    headerFontStyle: string;
+    headerFontWeightBold: string;
+    headerFontLetterSpacing: string;
+    headerFontLineHeight: string;
+    dividerColor: string;
+    dividerWidth: string;
+    dividerHeight: string;
+    dividerMarginTop: string;
+    dividerMarginRight: string;
+    dividerMarginBottom: string;
+    dividerMarginLeft: string;
+    groupBackground: string;
+    groupWidth: string;
+    groupHeight: string;
+    groupPaddingTop: string;
+    groupPaddingRight: string;
+    groupPaddingBottom: string;
+    groupPaddingLeft: string;
+    groupMarginTop: string;
+    groupMarginRight: string;
+    groupMarginBottom: string;
+    groupMarginLeft: string;
+    groupLabelColor: string;
+    groupLabelFontFamily: string;
+    groupLabelFontSize: string;
+    groupLabelFontStyle: string;
+    groupLabelFontWeight: string;
+    groupLabelLetterSpacing: string;
+    groupLabelLineHeight: string;
+    groupLabelPaddingTop: string;
+    groupLabelPaddingRight: string;
+    groupLabelPaddingBottom: string;
+    groupLabelPaddingLeft: string;
+    groupLabelMarginTop: string;
+    groupLabelMarginRight: string;
+    groupLabelMarginBottom: string;
+    groupLabelMarginLeft: string;
+    targetColor: string;
+    targetLabelColor: string;
+    targetArrowColor: string;
+    targetArrowRight: string;
+    targetBackgroundColor: string;
+    targetBackgroundColorHover: string;
+    targetBackgroundColorActive: string;
+    targetBackgroundColorOpen: string;
+    targetBorderColor: string;
+    targetBorderColorHover: string;
+    targetBorderColorActive: string;
+    targetBorderColorOpen: string;
+    targetInnerTop: string;
+    targetPadding: string;
+    targetPaddingWithInput: string;
+    targetPaddingHasChips: string;
     targetHeight: string;
-    chipColor: string;
+    targetWidth: string;
+    targetRadius: string;
+    targetFontFamily: string;
+    targetFontSize: string;
+    targetFontStyle: string;
+    targetFontWeight: string;
+    targetLetterSpacing: string;
+    targetLineHeight: string;
+    targetLabelInnerTop: string;
+    targetLabelInnerFontFamily: string;
+    targetLabelInnerFontSize: string;
+    targetLabelInnerFontStyle: string;
+    targetLabelInnerFontWeight: string;
+    targetLabelInnerLetterSpacing: string;
+    targetLabelInnerLineHeight: string;
+    chipGap: string;
     chipBackground: string;
+    chipColor: string;
     chipBackgroundHover: string;
+    chipColorHover: string;
+    chipScaleHover: string;
+    chipBackgroundReadOnly: string;
+    chipColorReadOnly: string;
+    chipBackgroundReadOnlyHover: string;
+    chipColorReadOnlyHover: string;
     chipBackgroundActive: string;
-    chipGap: string;
+    chipColorActive: string;
+    chipScaleActive: string;
+    chipFocusColor: string;
+    chipCloseIconColor: string;
+    chipOutlineSize: string;
     chipBorderRadius: string;
+    chipWidth: string;
     chipHeight: string;
+    chipPaddingTop: string;
     chipPaddingRight: string;
+    chipPaddingBottom: string;
     chipPaddingLeft: string;
     chipCloseIconSize: string;
+    chipFontFamily: string;
+    chipFontSize: string;
+    chipFontStyle: string;
+    chipFontWeight: string;
+    chipLetterSpacing: string;
+    chipLineHeight: string;
     chipClearContentMarginLeft: string;
     chipClearContentMarginRight: string;
-    labelOffset: string;
-    innerLabelGap: string;
-    helperTextColor: string;
-    helperTextOffset: string;
-    spinnerSize: string;
-    spinnerSizeTight: string;
-};
-export declare const constants: {
+    chipOpacityReadonly: string;
+    disabledOpacity: string;
     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=Select.tokens.d.ts.map

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

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

package/types/components/Select/Select.types.d.ts

@@ -1,136 +1,99 @@
-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 } from './hooks/usePathMaps';
-export declare type SelectPlacementBasic = 'top' | 'bottom' | 'right' | 'left';
-export declare type SelectPlacement = SelectPlacementBasic | 'auto';
-declare type Target = {
+import { MutableRefObject, SyntheticEvent } from 'react';
+import { InputHTMLAttributes } from '@salutejs/plasma-core';
+import { DropdownPlacement, DropdownPlacementBasic } from '../Dropdown/Dropdown.types';
+export declare type SelectPrimitiveValue = string | number | boolean;
+export declare type SelectValue = SelectPrimitiveValue | Array<SelectPrimitiveValue>;
+export declare type ValueType = 'single' | 'multiple' | 'native';
+export declare type EnumerationType = 'comma' | 'chip';
+export declare type TargetType = 'button-like' | 'textField-like';
+export declare type ComponentType = 'select' | 'combobox';
+export interface CustomSelectProps {
     /**
-     * Стиль селекта: button-like или textfield-like.
-     * @default textfield-like
+     * Вид элемента, рядом с которым появляется список.
      */
-    target?: 'textfield-like';
-    view?: 'default' | 'positive' | 'warning' | 'negative';
+    target?: TargetType;
     /**
-     * Слот для контента слева.
-     */
-    contentLeft?: React.ReactElement;
-    /**
-     * Метка-подпись к элементу.
+     * Текст лейбла.
      */
     label?: string;
     /**
-     * Расположение лейбла.
-     * @default outer
-     */
-    labelPlacement?: 'outer' | 'inner';
-    /**
-     * Placeholder.
+     * Тип перечисления выбранных значений.
+     * Варианты: comma, chips
      */
-    placeholder?: string;
-    /**
-     * Вспомогательный текст снизу слева для поля ввода.
-     */
-    helperText?: string;
-} | {
-    target?: 'button-like';
-    view?: 'default' | 'accent' | 'secondary' | 'clear' | 'positive' | 'warning' | 'negative' | 'dark' | 'black' | 'white';
-    contentLeft?: never;
-    label?: never;
-    labelPlacement?: never;
-    placeholder?: never;
-    helperText?: never;
-};
-declare type IsMultiselect = {
-    multiselect?: false;
-    value?: string;
-    onChange?: (value: string) => void;
+    enumerationType?: EnumerationType;
     /**
-     * Если включено - будет выведено общее количество выбранных элементов вместо перечисления.
-     * @default false
+     * Находится ли в портале.
      */
-    isTargetAmount?: never | false;
-} | {
-    multiselect: true;
-    value?: Array<string>;
-    onChange?: (value: Array<string>) => void;
-    isTargetAmount?: boolean;
-};
-export interface BasicProps {
+    usePortal?: boolean;
     /**
-     * Список элементов.
+     * Дропдаун открыт или нет.
+     * @default
+     *  false
      */
-    items: Array<ItemOption>;
+    opened?: boolean;
     /**
      * Сторона открытия дропдауна относительно target элемента.
-     * @default bottom
-     */
-    placement?: SelectPlacement | Array<SelectPlacementBasic>;
-    /**
-     * Компонент неактивен.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Коллбэк для определения достижения скроллом конца списка.
-     */
-    onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
-    /**
-     * Вариант: обычный или сжатый
-     * @default normal
+     * @default
+     *  auto
      */
-    variant?: 'normal' | 'tight';
+    placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
     /**
-     * Значение css overflow для выпадающего меню.
-     * @example listOverflow="scroll"
+     * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
      */
-    listOverflow?: CSSProperties['overflow'];
+    frame?: 'document' | string | React.RefObject<HTMLElement>;
     /**
-     * Значение css height для выпадающего меню.
-     * @example listHeight="11", listHeight="auto", listHeight={11}
-     */
-    listHeight?: number | CSSProperties['height'];
-    /**
-     * Значение css width для выпадающего списка.
-     * @example width="200px"
+     * Размер компонента.
      */
-    listWidth?: CSSProperties['width'];
+    size?: string;
     /**
-     * Портал для выпадающего списка. Принимает id контейнера или ref.
+     * Вид компонента.
      */
-    portal?: string | React.RefObject<HTMLElement>;
+    view?: string;
     /**
-     * Callback для кастомной настройки значения в селекте
+     * Событие сворачивания/разворачивания дропдауна.
      */
-    renderValue?: (value: ItemOption['value'], label: ItemOption['label']) => string;
+    onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
+}
+export declare type valueTypeSeparation = {
     /**
-     * Callback для кастомной настройки айтема в выпадающем списке
+     * Тип селекта.
+     * Варианты: single, multiple, native
      */
-    renderItem?: (value: ItemOption['value'], label: ItemOption['label']) => React.ReactNode;
+    valueType?: 'single' | 'native';
+    value?: SelectPrimitiveValue;
     /**
-     * Размер компонента.
+     * Обработчик изменения выбранного значения.
      */
-    size?: string;
+    onChangeValue?: (value?: SelectPrimitiveValue) => void;
+} | {
     /**
-     * Вид компонента.
+     * Тип селекта.
+     * Варианты: single, multiple, native
      */
-    view?: string;
+    valueType: 'multiple';
+    value?: Array<SelectPrimitiveValue>;
     /**
-     * Внешний вид чипа в варианте textfield-like multiselect.
+     * Обработчик изменения выбранного значения.
      */
-    chipView?: string;
-}
-export declare type SelectProps = BasicProps & IsMultiselect & Target & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange' | 'onResize' | 'onResizeCapture' | 'nonce'>;
-export declare type ItemContext = {
-    focusedPath: FocusedPathState;
-    checked: ValueToCheckedMapType;
-    multiselect: boolean;
-    size: SelectProps['size'];
-    handleCheckboxChange: (item: ItemOptionTransformed) => void;
-    handleItemClick: (item: ItemOptionTransformed, e: React.MouseEvent<HTMLElement>) => void;
-    variant: SelectProps['variant'];
-    renderItem: SelectProps['renderItem'];
+    onChangeValue?: (value?: Array<SelectPrimitiveValue>) => void;
 };
-export {};
+export declare type SelectProps = Omit<InputHTMLAttributes<HTMLSelectElement>, 'value' | 'size' | 'onChange'> & CustomSelectProps & valueTypeSeparation;
+export interface ControlledRefs {
+    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: ControlledRefs;
+    opened: boolean;
+    valueType?: ValueType;
+    componentType?: ComponentType;
+    value?: SelectPrimitiveValue | SelectPrimitiveValue[];
+    search?: string;
+    enumerationType?: EnumerationType;
+    updateValue: (item: HTMLElement, event: SyntheticEvent | Event) => void;
+    updateOpened: (value: boolean, event: SyntheticEvent | Event) => void;
+}
 //# sourceMappingURL=Select.types.d.ts.map

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

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

package/types/components/Select/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useKeyNavigation } from './useKeyNavigation';
+//# sourceMappingURL=index.d.ts.map

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

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

package/types/components/Select/hooks/useKeyNavigation.d.ts

@@ -0,0 +1,20 @@
+import { KeyboardEvent } from 'react';
+import type { UseKeyNavigationProps } from '../Select.types';
+export declare const Keys: {
+    Enter: string;
+    Space: string;
+    Tab: string;
+    Escape: string;
+    ArrowLeft: string;
+    ArrowRight: string;
+    ArrowUp: string;
+    ArrowDown: string;
+    Backspace: string;
+    ShiftLeft: string;
+    ShiftRight: string;
+};
+export declare const useKeyNavigation: ({ controlledRefs: { targetRef, chipsRefs, selectRef, itemsRefs, inputRef }, opened, enumerationType, valueType, componentType, value, search, updateValue, updateOpened, }: UseKeyNavigationProps) => {
+    readonly onKeyDownTarget: (event: KeyboardEvent<HTMLButtonElement | HTMLInputElement>) => void;
+    readonly onKeyDownSelect: (event: KeyboardEvent<HTMLDivElement>) => void;
+};
+//# sourceMappingURL=useKeyNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoC,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,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/Select/index.d.ts

@@ -1,4 +1,5 @@
 export { selectRoot, selectConfig } from './Select';
-export type { SelectProps } from './Select.types';
-export { tokens as selectTokens } from './Select.tokens';
+export { classes as selectClasses, tokens as selectTokens } from './Select.tokens';
+export * from './ui';
+export type { SelectProps, SelectPrimitiveValue, SelectValue } from './Select.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACnF,cAAc,MAAM,CAAC;AACrB,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/types/components/Select/ui/SelectChip/SelectChip.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SelectChipProps } from './SelectChip.types';
+/**
+ * Чип, отображающий выбранный элемент
+ */
+export declare const SelectChip: React.ForwardRefExoticComponent<SelectChipProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SelectChip.d.ts.map

package/types/components/Select/ui/SelectChip/SelectChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,UAAU,2FA0BtB,CAAC"}

package/types/components/Select/ui/SelectChip/SelectChip.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=SelectChip.styles.d.ts.map

package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map

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

package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts

@@ -0,0 +1,37 @@
+import { KeyboardEvent } from 'react';
+import type { SelectPrimitiveValue } from '../../Select.types';
+export interface SelectChipProps {
+    /**
+     * Отображаемый текст.
+     */
+    text: SelectPrimitiveValue;
+    /**
+     * Выбранное значение.
+     */
+    value: SelectPrimitiveValue;
+    /**
+     * Номер компонента.
+     */
+    index: number;
+    /**
+     * Компонент неактивен.
+     */
+    disabled?: boolean;
+    /**
+     * Элемент формы не может изменяться пользователем.
+     */
+    readOnly?: boolean;
+    /**
+     * Обработчик удаления выбранного значения.
+     */
+    onClear: (value: SelectPrimitiveValue, text: SelectPrimitiveValue) => void;
+    /**
+     * Обработчик клика на выбранное значение.
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик нажатия клавиши.
+     */
+    onKeyDown?: (value: SelectPrimitiveValue, text: SelectPrimitiveValue, index: number, event: KeyboardEvent<HTMLButtonElement>) => void;
+}
+//# sourceMappingURL=SelectChip.types.d.ts.map

package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,oBAAoB,CAAC;IAC5B;;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,oBAAoB,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3E;;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,oBAAoB,EAC3B,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,KACtC,IAAI,CAAC;CACb"}

package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const selectDividerRoot: (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 selectDividerConfig: {
+    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=SelectDivider.d.ts.map

package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDivider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectDivider/SelectDivider.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,iBAAiB;;;;kDAAsB,CAAC;AAErD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;CAiB/B,CAAC"}

package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const mappingOverride: import("@linaria/core").LinariaClassName;
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=SelectDivider.styles.d.ts.map