@ozen-ui/kit 0.56.0 → 0.58.0

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteRenderRight/AutocompleteRenderRight.d.ts

@@ -0,0 +1,8 @@
+import type { FC, MouseEvent } from 'react';
+import type { AutocompleteProps } from '../../index';
+export type AutocompleteRenderRightProps = {
+    hasValue: boolean;
+    onOpen: () => void;
+    onClear: (e: MouseEvent<HTMLElement>) => void;
+} & Pick<AutocompleteProps, 'size' | 'open' | 'disabled' | 'openText' | 'clearText' | 'closeText' | 'renderRight' | 'disableClearButton' | 'disableShowChevron'>;
+export declare const AutocompleteRenderRight: FC<AutocompleteRenderRightProps>;

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteRenderRight/AutocompleteRenderRight.js

@@ -0,0 +1,24 @@
+import { __read } from "tslib";
+import React from 'react';
+import { ChevronDownIcon, ChevronUpIcon, CrossIcon } from '@ozen-ui/icons';
+import { useFieldControl } from '../../../FieldControl';
+import { FieldIcon } from '../../../FieldIcon';
+import { IconButton } from '../../../IconButtonNext';
+import { cnAutocomplete } from '../../index';
+export var AutocompleteRenderRight = function (_a) {
+    var open = _a.open, size = _a.size, onOpen = _a.onOpen, onClear = _a.onClear, openText = _a.openText, disabled = _a.disabled, hasValue = _a.hasValue, clearText = _a.clearText, closeText = _a.closeText, renderRight = _a.renderRight, disableClearButton = _a.disableClearButton, disableShowChevron = _a.disableShowChevron;
+    var _b = __read(useFieldControl(), 1), _c = _b[0], focused = _c.focused, hovered = _c.hovered;
+    var isVisibleClearButton = !!(hovered || open || focused) && hasValue;
+    return (React.createElement("div", { className: cnAutocomplete('RenderRight') },
+        !disableClearButton && (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, icon: CrossIcon, variant: "function", title: clearText, "aria-label": clearText, onClick: function (e) {
+                e.preventDefault();
+                onClear === null || onClear === void 0 ? void 0 : onClear(e);
+            }, className: cnAutocomplete('ClearButton', {
+                visibility: isVisibleClearButton,
+            }), compressed: true })),
+        React.createElement(FieldIcon, { icon: renderRight }),
+        !disableShowChevron && (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", disabled: disabled, title: open ? closeText : openText, "aria-label": open ? closeText : openText, icon: open ? ChevronUpIcon : ChevronDownIcon, onClick: function (e) {
+                e.preventDefault();
+                onOpen();
+            }, compressed: true }))));
+};

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteRenderRight/index.d.ts

@@ -0,0 +1 @@
+export * from './AutocompleteRenderRight';

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteRenderRight/index.js

@@ -0,0 +1 @@
+export * from './AutocompleteRenderRight';

package/__inner__/esm/components/AutocompleteNext/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AutocompleteRenderRight';
+export * from './AutocompleteDropdown';
+export * from './AutocompleteInput';

package/__inner__/esm/components/AutocompleteNext/components/index.js

@@ -0,0 +1,3 @@
+export * from './AutocompleteRenderRight';
+export * from './AutocompleteDropdown';
+export * from './AutocompleteInput';

package/__inner__/esm/components/AutocompleteNext/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const AUTOCOMPLETE_DEFAULT_DISABLED = false;
+export declare const AUTOCOMPLETE_DEFAULT_REQUIRED = false;
+export declare const AUTOCOMPLETE_DEFAULT_AUTOFOCUS = false;
+export declare const AUTOCOMPLETE_DEFAULT_FULLWIDTH = false;
+export declare const AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE = false;
+export declare const AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON = false;
+export declare const AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST = false;
+export declare const AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT = false;
+export declare const AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON = false;
+export declare const AUTOCOMPLETE_DEFAULT_SIZE = "m";

package/__inner__/esm/components/AutocompleteNext/constants.js

@@ -0,0 +1,10 @@
+export var AUTOCOMPLETE_DEFAULT_DISABLED = false;
+export var AUTOCOMPLETE_DEFAULT_REQUIRED = false;
+export var AUTOCOMPLETE_DEFAULT_AUTOFOCUS = false;
+export var AUTOCOMPLETE_DEFAULT_FULLWIDTH = false;
+export var AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE = false;
+export var AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON = false;
+export var AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST = false;
+export var AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT = false;
+export var AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON = false;
+export var AUTOCOMPLETE_DEFAULT_SIZE = 'm';

package/__inner__/esm/components/AutocompleteNext/helpers.d.ts

@@ -0,0 +1,152 @@
+/// <reference types="react" />
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompleteProps } from './types';
+export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
+export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
+export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
+export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): ({
+    multiple?: MULTIPLE | undefined;
+    limitTags?: number | "responsive" | undefined;
+    renderTag?: import("./types").AutocompletePropRenderTag | undefined;
+    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
+    options: OPTION[];
+    size?: "s" | "m" | "l" | "2xs" | "xs" | undefined;
+    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
+    inputValue?: string | undefined;
+    onInputChange?: import("./types").AutocompleteOnInputChange | undefined;
+    renderInput?: import("./types").AutocompletePropRenderInput | undefined;
+    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
+    disableCloseOnSelect?: boolean | undefined;
+    allowCustomValue?: boolean | undefined;
+    loading?: boolean | undefined;
+    noOptionsText?: import("react").ReactNode;
+    clearText?: string | undefined;
+    openText?: string | undefined;
+    closeText?: string | undefined;
+    loadingText?: import("react").ReactNode;
+    onClose?(): void;
+    onOpen?(): void;
+    disableClearButton?: boolean | undefined;
+    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
+    disableShowEmptyOptionsList?: boolean | undefined;
+    disableShowChevron?: boolean | undefined;
+    popoverProps?: Partial<Omit<import("../Popover").PopoverProps, "className" | "children" | "open" | "onClose" | "anchorRef">> | undefined;
+    listProps?: Partial<Omit<import("../List").ListProps, "children">> | undefined;
+} & {
+    error?: boolean | undefined;
+    label?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    autoFocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    disableStroke?: boolean | undefined;
+    hint?: string | null | undefined;
+    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    inputProps?: import("../FieldInput").FieldInputProps | undefined;
+    bodyProps?: (Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+    }) | undefined;
+    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
+} & {
+    open?: boolean | undefined;
+    defaultOpen?: undefined;
+} & (OPTION extends {
+    label: string;
+} ? Record<string, unknown> : {
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
+}) & (OPTION extends {
+    id: string | number;
+} ? Record<string, unknown> : {
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
+}) & (OPTION extends {
+    disabled: boolean | undefined;
+} ? Record<string, unknown> : {
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
+}) & {
+    getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
+    getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
+    getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
+}) | ({
+    multiple?: MULTIPLE | undefined;
+    limitTags?: number | "responsive" | undefined;
+    renderTag?: import("./types").AutocompletePropRenderTag | undefined;
+    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
+    options: OPTION[];
+    size?: "s" | "m" | "l" | "2xs" | "xs" | undefined;
+    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
+    inputValue?: string | undefined;
+    onInputChange?: import("./types").AutocompleteOnInputChange | undefined;
+    renderInput?: import("./types").AutocompletePropRenderInput | undefined;
+    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
+    disableCloseOnSelect?: boolean | undefined;
+    allowCustomValue?: boolean | undefined;
+    loading?: boolean | undefined;
+    noOptionsText?: import("react").ReactNode;
+    clearText?: string | undefined;
+    openText?: string | undefined;
+    closeText?: string | undefined;
+    loadingText?: import("react").ReactNode;
+    onClose?(): void;
+    onOpen?(): void;
+    disableClearButton?: boolean | undefined;
+    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
+    disableShowEmptyOptionsList?: boolean | undefined;
+    disableShowChevron?: boolean | undefined;
+    popoverProps?: Partial<Omit<import("../Popover").PopoverProps, "className" | "children" | "open" | "onClose" | "anchorRef">> | undefined;
+    listProps?: Partial<Omit<import("../List").ListProps, "children">> | undefined;
+} & {
+    error?: boolean | undefined;
+    label?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    autoFocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    disableStroke?: boolean | undefined;
+    hint?: string | null | undefined;
+    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    inputProps?: import("../FieldInput").FieldInputProps | undefined;
+    bodyProps?: (Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+    }) | undefined;
+    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
+} & {
+    open?: undefined;
+    defaultOpen?: boolean | undefined;
+} & (OPTION extends {
+    label: string;
+} ? Record<string, unknown> : {
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
+}) & (OPTION extends {
+    id: string | number;
+} ? Record<string, unknown> : {
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
+}) & (OPTION extends {
+    disabled: boolean | undefined;
+} ? Record<string, unknown> : {
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
+}) & {
+    getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
+    getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
+    getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
+});
+export declare const isMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, true>;
+export declare const isNotMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, false>;

package/__inner__/esm/components/AutocompleteNext/helpers.js

@@ -0,0 +1,9 @@
+import { __assign } from "tslib";
+export var defaultGetOptionKey = function (option) { var _a; return (_a = option.id) !== null && _a !== void 0 ? _a : option; };
+export var defaultGetOptionLabel = function (option) { var _a; return (_a = option.label) !== null && _a !== void 0 ? _a : option; };
+export var defaultGetOptionDisabled = function (option) { var _a; return (_a = option.disabled) !== null && _a !== void 0 ? _a : false; };
+export function withDefaultGetters(props) {
+    return __assign(__assign({}, props), { getOptionLabel: props.getOptionLabel || defaultGetOptionLabel, getOptionKey: props.getOptionKey || defaultGetOptionKey, getOptionDisabled: props.getOptionDisabled || defaultGetOptionDisabled });
+}
+export var isMultipleParams = function (params) { return !!params.multiple; };
+export var isNotMultipleParams = function (params) { return !params.multiple; };

package/__inner__/esm/components/AutocompleteNext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './Autocomplete';

package/__inner__/esm/components/AutocompleteNext/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './Autocomplete';

package/__inner__/esm/components/AutocompleteNext/types.d.ts

@@ -0,0 +1,133 @@
+import type { ChangeEvent, HTMLAttributes, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
+import type { TagProps, TagRef } from '../../components/TagNext';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { InputProps, InputRef } from '../Input';
+import type { AutocompleteDropdownProps } from './components';
+export type AutocompleteRenderOptionProps<OPTION> = {
+    option: OPTION;
+    state: {
+        key?: string | number;
+        selected?: boolean;
+        disabled?: boolean;
+        focused?: boolean;
+    };
+    props: HTMLAttributes<HTMLElement> & {
+        key?: string | number;
+    };
+};
+export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;
+export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
+export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
+export type AutocompletePropRenderValue<OPTION> = (value: OPTION) => ReactNode | null;
+export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
+export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
+export type AutocompleteDefaultOption = {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+};
+export type AutocompletePropSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];
+export type AutocompletePropRenderInput = (props: InputProps, ref?: Ref<InputRef>) => ReactNode;
+export type AutocompletePropRenderTag = (props: TagProps, ref?: Ref<TagRef>) => ReactNode;
+export type AutocompleteRenderMoreTagProps<OPTION> = {
+    props: TagProps;
+    omittedValues?: AutocompletePropValue<OPTION, true>;
+};
+export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;
+type AutocompleteOpenControlledProps = {
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: boolean;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: never;
+};
+type AutocompleteOpenUncontrolledProps = {
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: never;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: boolean;
+};
+type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke'>;
+export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
+export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
+export type AutocompleteRef = InputRef;
+export type AutocompletePropSize = FormElementSizeVariant;
+export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {
+    /** Если {true} из списка можно выбрать несколько вариантов */
+    multiple?: MULTIPLE;
+    /** Задает максимальное количество отображаемых тегов в компоненте с множественным выбором */
+    limitTags?: number | 'responsive';
+    /** Функция для кастомизации тега выбранного значения в компоненте с множественным выбором */
+    renderTag?: AutocompletePropRenderTag;
+    /** Функция для кастомизации тега «more», который отображается в случае скрытия элементов в компоненте с множественным выбором */
+    renderMoreTag?: AutocompletePropRenderMoreTag<OPTION>;
+    /** Список вариантов выбора (опции) */
+    options: OPTION[];
+    /** Размер */
+    size?: AutocompletePropSize;
+    /** Выбранное значение опции */
+    value?: AutocompletePropValue<OPTION, MULTIPLE>;
+    /** Выбранное значение опции по умолчанию */
+    defaultValue?: AutocompletePropValue<OPTION, MULTIPLE>;
+    /** Функция обратного вызова, которая будет вызвана при выборе значения */
+    onChange?: AutocompleteOnChange<OPTION, MULTIPLE>;
+    /** Введённое значение в текстовом поле */
+    inputValue?: string;
+    /** Функция обратного вызова, которая будет вызвана при вводе значения с клавиатуры */
+    onInputChange?: AutocompleteOnInputChange;
+    /** Функция для кастомизации текстового поля */
+    renderInput?: AutocompletePropRenderInput;
+    /** Функция для кастомизации отображения опции */
+    renderOption?: AutocompletePropRenderOption<OPTION>;
+    /** Функция для определения названия элемента */
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
+    /** Функция для определения уникального ключа элемента */
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
+    /** Функция для определения заблокированного элемента */
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
+    /** Если {true} не закрывает выпадающий список при выборе опции */
+    disableCloseOnSelect?: boolean;
+    /** Если {true} позволяет вводить кастомное значение в текстовом поле */
+    allowCustomValue?: boolean;
+    /** Если {true} отображает статус загрузки (при условии отсутствующих опций) */
+    loading?: boolean;
+    /** Текст компонента при отсутствующих опций */
+    noOptionsText?: ReactNode;
+    /** Текст для кнопки очистки поля */
+    clearText?: string;
+    /** Текст для кнопки открытия выпадающего списка */
+    openText?: string;
+    /** Текст для кнопки закрытия выпадающего списка */
+    closeText?: string;
+    /** Текст компонента в состоянии загрузки */
+    loadingText?: ReactNode;
+    /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
+    onClose?(): void;
+    /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
+    onOpen?(): void;
+    /** Если {true}, то не отображает кнопку закрытия */
+    disableClearButton?: boolean;
+    /** Функция поиска */
+    searchFunction?: AutocompletePropSearchFunction<OPTION>;
+    /** Если {true} не показывает список с отсутствующими опциями */
+    disableShowEmptyOptionsList?: boolean;
+    /** Если {true} скрывает кнопку раскрытия/скрытия списка */
+    disableShowChevron?: boolean;
+    /** Свойства компонента Popover */
+    popoverProps?: AutocompleteDropdownProps['popoverProps'];
+    /** Свойства компонента List */
+    listProps?: AutocompleteDropdownProps['listProps'];
+} & AutocompleteInputProps & (AutocompleteOpenControlledProps | AutocompleteOpenUncontrolledProps) & (OPTION extends {
+    label: AutocompleteDefaultOption['label'];
+} ? Record<string, unknown> : {
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
+}) & (OPTION extends {
+    id: AutocompleteDefaultOption['id'];
+} ? Record<string, unknown> : {
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
+}) & (OPTION extends {
+    disabled: AutocompleteDefaultOption['disabled'];
+} ? Record<string, unknown> : {
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
+});
+export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null;
+export {};

package/__inner__/esm/components/AutocompleteNext/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DataList/DataList.js

@@ -15,11 +15,12 @@ import { scrollContainerToElement } from '../../utils/scrollContainerToElement';
 import { List } from '../List';
 import { Popover } from '../Popover';
 import { DATA_LIST_DEFAULT_SIZE, DATA_LIST_DEFAULT_OPEN, DATA_LIST_DEFAULT_TAG, } from './constants';
-import { lastSelectedValue, isMultipleParams, isNotMultipleParams, useDataListNavigation, } from './helpers';
+import { isMultipleParams, isNotMultipleParams } from './helpers';
 import { DataListOption } from './index';
+import { lastSelectedValue, useDataListNavigation } from './utils';
 export var cnDataList = cn('DataList');
 var DataListRender = function (inProps, ref) {
-    var _a = useThemeProps({ props: inProps, name: 'DataList' }), _b = _a.open, open = _b === void 0 ? DATA_LIST_DEFAULT_OPEN : _b, _c = _a.size, size = _c === void 0 ? DATA_LIST_DEFAULT_SIZE : _c, _d = _a.as, as = _d === void 0 ? DATA_LIST_DEFAULT_TAG : _d, name = _a.name, children = _a.children, anchorRef = _a.anchorRef, selectedProp = _a.selected, defaultSelected = _a.defaultSelected, onClose = _a.onClose, listProps = _a.listProps, className = _a.className, other = __rest(_a, ["open", "size", "as", "name", "children", "anchorRef", "selected", "defaultSelected", "onClose", "listProps", "className"]);
+    var _a = useThemeProps({ props: inProps, name: 'DataList' }), _b = _a.as, as = _b === void 0 ? DATA_LIST_DEFAULT_TAG : _b, _c = _a.open, open = _c === void 0 ? DATA_LIST_DEFAULT_OPEN : _c, _d = _a.size, size = _d === void 0 ? DATA_LIST_DEFAULT_SIZE : _d, name = _a.name, onClose = _a.onClose, children = _a.children, listProps = _a.listProps, anchorRef = _a.anchorRef, className = _a.className, defaultSelected = _a.defaultSelected, onSelectProp = _a.onSelect, selectedProp = _a.selected, other = __rest(_a, ["as", "open", "size", "name", "onClose", "children", "listProps", "anchorRef", "className", "defaultSelected", "onSelect", "selected"]);
     var dataListRef = useRef(null);
     var listRef = useRef(null);
     var radius = getPaperSizeToFormElement(size);
@@ -48,24 +49,21 @@ var DataListRender = function (inProps, ref) {
         });
     }, [children]);
     var handleSelect = function (event, value) {
-        var params = {
-            multiple: inProps.multiple,
-            onSelect: inProps.onSelect,
-            selected: selectedState,
-            setSelected: setSelected,
+        var onSelect = function (e, payload) {
+            setSelected(payload.value);
+            onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(e, payload);
         };
+        var params = __assign(__assign({}, inProps), { onSelect: onSelect, selected: selectedState });
+        if (isNotMultipleParams(params)) {
+            var onSelect_1 = params.onSelect;
+            onSelect_1 === null || onSelect_1 === void 0 ? void 0 : onSelect_1(event, { name: name, value: value });
+        }
         if (isMultipleParams(params)) {
-            var selected = params.selected, onSelect = params.onSelect, setSelected_1 = params.setSelected;
+            var selected = params.selected, onSelect_2 = params.onSelect;
             var res = (selected === null || selected === void 0 ? void 0 : selected.includes(value || ''))
                 ? selected.filter(function (item) { return item !== value; })
                 : __spreadArray(__spreadArray([], __read((selected || [])), false), [value], false);
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, { name: name, value: res });
-            setSelected_1(res);
-        }
-        if (isNotMultipleParams(params)) {
-            var onSelect = params.onSelect, setSelected_2 = params.setSelected;
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, { name: name, value: value });
-            setSelected_2(value);
+            onSelect_2 === null || onSelect_2 === void 0 ? void 0 : onSelect_2(event, { name: name, value: res });
         }
     };
     var handleOnMouseDownList = function (e) {
@@ -75,8 +73,8 @@ var DataListRender = function (inProps, ref) {
     };
     // Навигация по списку
     var _f = useDataListNavigation({
-        active: open,
         items: items,
+        active: open,
         selected: lastSelectedValue(selectedState),
         onSelect: function (event, item) {
             handleSelect(event, item !== null && item !== void 0 ? item : '');
@@ -108,9 +106,7 @@ var DataListRender = function (inProps, ref) {
     useEventListener({
         eventName: 'keydown',
         element: anchorRef,
-        handler: function (event) {
-            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-        },
+        handler: function (event) { return onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event); },
     });
     // Закрывает список по нажатию на клавишу {Tab}
     useEventListener({
@@ -118,9 +114,8 @@ var DataListRender = function (inProps, ref) {
         eventName: 'keydown',
         element: anchorRef,
         handler: function (event) {
-            if (isKey(event, 'Tab')) {
+            if (isKey(event, 'Tab'))
                 onClose === null || onClose === void 0 ? void 0 : onClose();
-            }
         },
     });
     // Представление раскрывающегося списка
@@ -145,9 +140,7 @@ var DataListRender = function (inProps, ref) {
             return cloneElement(elementChild, props);
         });
     }, [resolvedChildren, selectedState, focused, onClick]);
-    return (React.createElement(Popover, __assign({ as: as, open: open, placement: "bottom-start", strategy: "absolute", disableReturnFocus: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, radius: radius, className: cnDataList('', [className]), transitionProps: {
-            classNames: 'DataList-animation',
-        } }, other, { ref: useMultiRef([ref, dataListRef]) }),
+    return (React.createElement(Popover, __assign({ open: open, offset: [0, 4], radius: radius, onClose: onClose, strategy: "absolute", anchorRef: anchorRef, as: as, placement: "bottom-start", transitionProps: { classNames: 'DataList-animation' }, className: cnDataList('', [className]), disableReturnFocus: true, disableEnforceFocus: true }, other, { ref: useMultiRef([ref, dataListRef]) }),
         React.createElement(List, __assign({ as: "ul", size: size }, listProps, { onMouseDown: handleOnMouseDownList, ref: useMultiRef([listRef, listProps === null || listProps === void 0 ? void 0 : listProps.ref]) }), renderChildren)));
 };
 export var DataList = polymorphicComponentWithRef(DataListRender);

package/__inner__/esm/components/DataList/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const DATA_LIST_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
+export declare const DATA_LIST_DEFAULT_TAG = "div";
 export declare const DATA_LIST_DEFAULT_SIZE = "m";
 export declare const DATA_LIST_DEFAULT_OPEN = false;
 export declare const DATA_LIST_OPTION_DEFAULT_DISABLED = false;

package/__inner__/esm/components/DataList/constants.js

@@ -1,6 +1,5 @@
 import { LIST_ITEM_DEFAULT_TAG } from '../List/constants';
-import { Paper } from '../Paper';
-export var DATA_LIST_DEFAULT_TAG = Paper;
+export var DATA_LIST_DEFAULT_TAG = 'div';
 export var DATA_LIST_DEFAULT_SIZE = 'm';
 export var DATA_LIST_DEFAULT_OPEN = false;
 export var DATA_LIST_OPTION_DEFAULT_DISABLED = false;

package/__inner__/esm/components/DataList/helpers.d.ts

@@ -0,0 +1,3 @@
+import type { DataListBaseProps } from './index';
+export declare const isMultipleParams: (params: DataListBaseProps<boolean>) => params is DataListBaseProps<true>;
+export declare const isNotMultipleParams: (params: DataListBaseProps<boolean>) => params is DataListBaseProps<false>;

package/__inner__/esm/components/DataList/helpers.js

@@ -0,0 +1,2 @@
+export var isMultipleParams = function (params) { return !!params.multiple; };
+export var isNotMultipleParams = function (params) { return !params.multiple; };

package/__inner__/esm/components/DataList/{helpers → utils}/index.d.ts

@@ -1,4 +1,3 @@
 export * from './lastSelectedValue';
-export * from './types';
 export * from './useDataListNavigation';
 export * from './useScrollContainerToElement';

package/__inner__/esm/components/DataList/{helpers → utils}/index.js

@@ -1,4 +1,3 @@
 export * from './lastSelectedValue';
-export * from './types';
 export * from './useDataListNavigation';
 export * from './useScrollContainerToElement';

package/__inner__/esm/components/DatePicker/DatePicker.d.ts

@@ -19,7 +19,7 @@ export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<{
     defaultOpen?: undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "offsetDate" | "minDate" | "maxDate" | "calendarProps" | "popoverProps">, "ref"> | Omit<{
+}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref"> | Omit<{
     value?: Date | null | undefined;
     defaultValue?: Date | null | undefined;
     onChange?: DatePickerOnChange | undefined;
@@ -36,4 +36,4 @@ export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<{
     defaultOpen?: boolean | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "offsetDate" | "minDate" | "maxDate" | "calendarProps" | "popoverProps">, "ref">) & React.RefAttributes<HTMLDivElement>>;
+}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref">) & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DatePicker/DatePicker.js

@@ -150,7 +150,7 @@ export var DatePicker = forwardRef(function (inProps, ref) {
         e.preventDefault();
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(DateInput, __assign({ size: size, hint: hint, error: error, label: label, required: required, disabled: disabled, fullWidth: fullWidth, placeholder: placeholder }, other, { renderRight: React.createElement(DatePickerRenderRight, { size: size, open: open, onClear: handleClear, clearText: clearText, hasValue: !!inputValue, renderRight: renderRight, disableClearButton: disableClearButton }), value: inputValue, inputProps: __assign(__assign({ autoComplete: 'off' }, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput, onInput: handleChangeInput }), bodyProps: { ref: anchorRef, 'aria-expanded': open }, className: cnDatePicker('', [className]), onKeyDown: handleKeyDown, ref: ref })),
+        React.createElement(DateInput, __assign({ size: size, hint: hint, error: error, label: label, required: required, disabled: disabled, fullWidth: fullWidth, placeholder: placeholder }, other, { renderRight: React.createElement(DatePickerRenderRight, { size: size, open: open, onClear: handleClear, clearText: clearText, hasValue: !!value, renderRight: renderRight, disableClearButton: disableClearButton }), value: inputValue, inputProps: __assign(__assign({ autoComplete: 'off' }, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput, onInput: handleChangeInput }), bodyProps: { ref: anchorRef, 'aria-expanded': open }, className: cnDatePicker({ size: size }, [className]), onKeyDown: handleKeyDown, ref: ref })),
         React.createElement(Popover, __assign({ as: Paper, open: open, offset: [0, 4], radius: radius, anchorRef: anchorRef, onClose: handleClose, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true }, popoverProps),
             React.createElement(Calendar, __assign({ minDate: minDate, maxDate: maxDate, exclude: exclude, size: calendarSize, offsetDate: offsetDate, onMouseDown: handleMouseDownCalendar }, calendarProps, { value: value || null, onChange: handleChangeCalendar })))));
 });

package/__inner__/esm/components/Dialog/Dialog.d.ts

@@ -41,7 +41,6 @@ export declare const Dialog: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     'data-testid'?: string | undefined;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Drawer/Drawer.d.ts

@@ -42,7 +42,6 @@ export declare const Drawer: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     'data-testid'?: string | undefined;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/FieldControl/FieldControl.css

@@ -95,10 +95,14 @@
       }
 .FieldControl_hasLabel .FieldInput::placeholder {
         opacity: 0;
+        color: var(--textfield-placeholder-color);
       }
 .FieldControl_hasLabel .FieldInput:focus::placeholder {
         opacity: 1;
       }
+.FieldControl .FieldLabel_shrink + .FieldInput::placeholder {
+          opacity: 1;
+        }
 .FieldControl_fullWidth {
     inline-size: 100%;
   }

package/__inner__/esm/components/FieldInput/FieldInput.d.ts

@@ -1,11 +1,3 @@
-import type { ComponentRef, ElementType } from 'react';
-import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-export declare const FIELD_INPUT_DEFAULT_TAG = "input";
-export type FieldInputRef = ComponentRef<typeof FIELD_INPUT_DEFAULT_TAG>;
-type FieldInputBaseProps = {
-    'data-testid'?: string;
-};
-export type FieldInputProps<As extends ElementType = typeof FIELD_INPUT_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FieldInputBaseProps, As>;
+import type { FieldInputBaseProps } from './types';
 export declare const cnFieldInput: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldInput: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FieldInputBaseProps, "div">;
-export {};