@consta/uikit 3.23.1 → 3.24.1

package/__internal__/src/components/Combobox/helpers.d.ts

@@ -1,165 +0,0 @@
-import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '../SelectComponents/types';
-import { TextFieldPropOnChange } from '../TextField/helpers';
-export declare type DefaultItem = {
-    label: string;
-    id: string | number;
-    groupId?: string | number;
-    disabled?: boolean;
-};
-export declare type DefaultGroup = {
-    label: string;
-    id: string | number;
-};
-declare type RenderValueProps<ITEM> = {
-    item: ITEM;
-    handleRemove?: (e: React.SyntheticEvent) => void;
-};
-export declare type PropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type PropGetItemKey<ITEM> = (item: ITEM) => string | number;
-export declare type PropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;
-export declare type PropGetGroupLabel<GROUP> = (group: GROUP) => string;
-declare type PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
-declare type PropOnChange<ITEM, MULTIPLE extends boolean> = (props: {
-    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
-    e: React.SyntheticEvent;
-}) => void;
-declare type PropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
-export declare type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type PropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
-export declare type ComboboxProps<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    onChange: PropOnChange<ITEM, MULTIPLE>;
-    disabled?: boolean;
-    form?: PropForm;
-    size?: Exclude<PropSize, 'xs'>;
-    view?: PropView;
-    placeholder?: string;
-    ariaLabel?: string;
-    status?: PropStatus;
-    isLoading?: boolean;
-    dropdownClassName?: string;
-    dropdownRef?: React.RefObject<HTMLDivElement>;
-    name?: string;
-    renderItem?: PropRenderItem<ITEM>;
-    renderValue?: PropRenderValue<ITEM>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onCreate?: (props: {
-        e: React.SyntheticEvent;
-        label: string;
-    }) => void;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    labelForNotFound?: string;
-    required?: boolean;
-    labelForCreate?: string;
-    labelForEmptyItems?: string;
-    searchFunction?: PropSearchFunction<ITEM>;
-    multiple?: MULTIPLE;
-    value?: PropValue<ITEM, MULTIPLE>;
-    groups?: GROUP[];
-    onInputChange?: TextFieldPropOnChange;
-    getItemLabel?: PropGetItemLabel<ITEM>;
-    getItemKey?: PropGetItemKey<ITEM>;
-    getItemGroupKey?: PropGetItemGroupKey<ITEM>;
-    getItemDisabled?: PropGetItemDisabled<ITEM>;
-    getGroupLabel?: PropGetGroupLabel<GROUP>;
-    getGroupKey?: PropGetGroupKey<GROUP>;
-    label?: string;
-    caption?: string;
-    labelPosition?: 'top' | 'left';
-}, HTMLDivElement> & (ITEM extends {
-    label: DefaultItem['label'];
-} ? {} : {
-    getItemLabel: PropGetItemLabel<ITEM>;
-}) & (ITEM extends {
-    id: DefaultItem['id'];
-} ? {} : {
-    getItemKey: PropGetItemKey<ITEM>;
-}) & (GROUP extends {
-    label: DefaultGroup['label'];
-} ? {} : {
-    getGroupLabel: PropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: DefaultGroup['id'];
-} ? {} : {
-    getGroupKey: PropGetGroupKey<GROUP>;
-});
-export declare type ComboboxComponent = <ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
-export declare const defaultGetItemKey: PropGetItemKey<DefaultItem>;
-export declare const defaultGetItemLabel: PropGetItemLabel<DefaultItem>;
-export declare const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem>;
-export declare const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem>;
-export declare const defaultGetGroupKey: PropGetGroupKey<DefaultGroup>;
-export declare const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup>;
-export declare const isMultipleParams: <ITEM, GROUP>(params: ComboboxProps<ITEM, GROUP, boolean>) => params is ComboboxProps<ITEM, GROUP, true>;
-export declare const isNotMultipleParams: <ITEM, GROUP>(params: ComboboxProps<ITEM, GROUP, boolean>) => params is ComboboxProps<ITEM, GROUP, false>;
-export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>): {
-    items: ITEM[];
-    onChange: PropOnChange<ITEM, MULTIPLE>;
-    disabled?: boolean | undefined;
-    form?: "default" | "round" | "brick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
-    size?: "s" | "m" | "l" | undefined;
-    view?: "default" | "clear" | undefined;
-    placeholder?: string | undefined;
-    ariaLabel?: string | undefined;
-    status?: "alert" | "success" | "warning" | undefined;
-    isLoading?: boolean | undefined;
-    dropdownClassName?: string | undefined;
-    dropdownRef?: React.RefObject<HTMLDivElement> | undefined;
-    name?: string | undefined;
-    renderItem?: PropRenderItem<ITEM> | undefined;
-    renderValue?: PropRenderValue<ITEM> | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onCreate?: ((props: {
-        e: React.SyntheticEvent<Element, Event>;
-        label: string;
-    }) => void) | undefined;
-    inputRef?: React.RefObject<HTMLInputElement> | undefined;
-    labelForNotFound?: string | undefined;
-    required?: boolean | undefined;
-    labelForCreate?: string | undefined;
-    labelForEmptyItems?: string | undefined;
-    searchFunction?: PropSearchFunction<ITEM> | undefined;
-    multiple?: MULTIPLE | undefined;
-    value?: PropValue<ITEM, MULTIPLE>;
-    groups?: GROUP[] | undefined;
-    onInputChange?: TextFieldPropOnChange | undefined;
-    getItemLabel?: PropGetItemLabel<ITEM> | undefined;
-    getItemKey?: PropGetItemKey<ITEM> | undefined;
-    getItemGroupKey?: PropGetItemGroupKey<ITEM> | undefined;
-    getItemDisabled?: PropGetItemDisabled<ITEM> | undefined;
-    getGroupLabel?: PropGetGroupLabel<GROUP> | undefined;
-    getGroupKey?: PropGetGroupKey<GROUP> | undefined;
-    label?: string | undefined;
-    caption?: string | undefined;
-    labelPosition?: "left" | "top" | undefined;
-} & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel: PropGetItemLabel<ITEM>;
-}) & (ITEM extends {
-    id: React.ReactText;
-} ? {} : {
-    getItemKey: PropGetItemKey<ITEM>;
-}) & (GROUP extends {
-    label: string;
-} ? {} : {
-    getGroupLabel: PropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: React.ReactText;
-} ? {} : {
-    getGroupKey: PropGetGroupKey<GROUP>;
-}) & {
-    getItemLabel: PropGetItemLabel<DefaultItem> | PropGetItemLabel<ITEM>;
-    getItemKey: PropGetItemKey<DefaultItem> | PropGetItemKey<ITEM>;
-    getItemGroupKey: PropGetItemGroupKey<DefaultItem> | PropGetItemGroupKey<ITEM>;
-    getItemDisabled: PropGetItemDisabled<DefaultItem> | PropGetItemDisabled<ITEM>;
-    getGroupLabel: PropGetGroupLabel<DefaultGroup> | PropGetGroupLabel<GROUP>;
-    getGroupKey: PropGetGroupKey<DefaultGroup> | PropGetGroupKey<GROUP>;
-};
-export {};

package/__internal__/src/components/Combobox/helpers.js

@@ -1,16 +0,0 @@
-import { __assign } from "tslib";
-export var defaultGetItemKey = function (item) { return item.id; };
-export var defaultGetItemLabel = function (item) { return item.label; };
-export var defaultGetItemGroupKey = function (item) { return item.groupId; };
-export var defaultGetItemDisabled = function (item) { return item.disabled; };
-export var defaultGetGroupKey = function (group) { return group.id; };
-export var defaultGetGroupLabel = function (group) { return group.label; };
-export var isMultipleParams = function (params) {
-    return !!params.multiple;
-};
-export var isNotMultipleParams = function (params) {
-    return !params.multiple;
-};
-export function withDefaultGetters(props) {
-    return __assign(__assign({}, props), { getItemLabel: props.getItemLabel || defaultGetItemLabel, getItemKey: props.getItemKey || defaultGetItemKey, getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey, getItemDisabled: props.getItemDisabled || defaultGetItemDisabled, getGroupLabel: props.getGroupLabel || defaultGetGroupLabel, getGroupKey: props.getGroupKey || defaultGetGroupKey });
-}

package/__internal__/src/components/ComboboxDeprecated/ComboboxDeprecated.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { SelectContainer } from '../SelectComponentsDeprecated/SelectContainer/SelectContainer';
-import { CommonSelectProps } from '../SelectComponentsDeprecated/types';
-declare type SelectContainerProps = React.ComponentProps<typeof SelectContainer>;
-export declare type ComboboxSelectProps<ITEM> = CommonSelectProps<ITEM> & Omit<SelectContainerProps, 'value' | 'onChange' | 'children'> & {
-    value?: ITEM | null | undefined;
-    onChange?(v: ITEM | null): void;
-    onCreate?(str: string): void;
-    getGroupOptions?(group: ITEM): ITEM[];
-    labelForCreate?: string;
-    labelForNotFound?: string;
-    inputRef?: React.RefObject<HTMLInputElement | null>;
-};
-declare type ComboboxType = <ITEM>(props: ComboboxSelectProps<ITEM>) => React.ReactElement | null;
-export declare const Combobox: ComboboxType;
-export {};

package/__internal__/src/components/ComboboxDeprecated/ComboboxDeprecated.js

@@ -1,155 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useRef, useState } from 'react';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { useSelect } from '../../hooks/useSelectDeprecated/useSelect';
-import { IconClose } from '../../icons/IconClose/IconClose';
-import { IconSelect } from '../../icons/IconSelect/IconSelect';
-import { cnMixFocus } from '../../mixs/MixFocus/MixFocus';
-import { scrollIntoView } from '../../utils/scrollIntoView';
-import { cnSelect } from '../SelectComponentsDeprecated/cnSelect';
-import { getSelectDropdownForm } from '../SelectComponentsDeprecated/helpers';
-import { SelectContainer } from '../SelectComponentsDeprecated/SelectContainer/SelectContainer';
-import { SelectDropdown, } from '../SelectComponentsDeprecated/SelectDropdown/SelectDropdown';
-import { SelectItem } from '../SelectComponentsDeprecated/SelectItem/SelectItem';
-import { DefaultPropForm, DefaultPropSize, DefaultPropView, } from '../SelectComponentsDeprecated/types';
-export var Combobox = function (props) {
-    var defaultOptionsRef = useRef(null);
-    var getOptionKeyDefault = props.getOptionLabel;
-    var placeholder = props.placeholder, onBlur = props.onBlur, onFocus = props.onFocus, options = props.options, onChange = props.onChange, value = props.value, getOptionLabel = props.getOptionLabel, _a = props.getOptionKey, getOptionKey = _a === void 0 ? getOptionKeyDefault : _a, disabled = props.disabled, ariaLabel = props.ariaLabel, id = props.id, _b = props.form, form = _b === void 0 ? DefaultPropForm : _b, _c = props.view, view = _c === void 0 ? DefaultPropView : _c, _d = props.size, size = _d === void 0 ? DefaultPropSize : _d, dropdownClassName = props.dropdownClassName, onCreate = props.onCreate, getGroupOptions = props.getGroupOptions, _e = props.labelForCreate, labelForCreate = _e === void 0 ? 'Добавить' : _e, _f = props.labelForNotFound, labelForNotFound = _f === void 0 ? 'Не найдено' : _f, _g = props.dropdownRef, dropdownRef = _g === void 0 ? defaultOptionsRef : _g, name = props.name, inputRef = props.inputRef, restProps = __rest(props, ["placeholder", "onBlur", "onFocus", "options", "onChange", "value", "getOptionLabel", "getOptionKey", "disabled", "ariaLabel", "id", "form", "view", "size", "dropdownClassName", "onCreate", "getGroupOptions", "labelForCreate", "labelForNotFound", "dropdownRef", "name", "inputRef"]);
-    var _h = __read(useState(false), 2), isFocused = _h[0], setIsFocused = _h[1];
-    var _j = __read(useState({
-        value: ''
-    }), 2), inputData = _j[0], setInputData = _j[1];
-    var toggleRef = useRef(null);
-    var handlerChangeValue = function (v) {
-        var _a;
-        if (typeof onChange === 'function' && v) {
-            onChange(v);
-        }
-        setInputData({ value: (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.value });
-    };
-    var controlRef = useRef(null);
-    var arrValue = typeof value !== 'undefined' && value !== null ? [value] : null;
-    var hasGroup = typeof getGroupOptions === 'function';
-    var scrollToIndex = function (index) {
-        if (!dropdownRef.current) {
-            return;
-        }
-        var elements = dropdownRef.current.querySelectorAll('div[role=option]');
-        if (index > elements.length - 1 || index < 0) {
-            return;
-        }
-        scrollIntoView(elements[index], dropdownRef.current);
-    };
-    var searchFunctionDefault = function (item, searchValue) {
-        var searchValueLowerCase = searchValue.toLowerCase();
-        return getOptionLabel(item)
-            .toLowerCase()
-            .includes(searchValueLowerCase);
-    };
-    var _k = useSelect({
-        options: options,
-        value: arrValue,
-        onChange: handlerChangeValue,
-        optionsRef: dropdownRef,
-        controlRef: controlRef,
-        scrollToIndex: scrollToIndex,
-        disabled: disabled,
-        getOptionLabel: getOptionLabel,
-        getOptionKey: getOptionKey,
-        searchFunction: searchFunctionDefault,
-        onCreate: onCreate,
-        getGroupOptions: getGroupOptions
-    }), visibleOptions = _k.visibleOptions, highlightedIndex = _k.highlightedIndex, getToggleProps = _k.getToggleProps, getOptionProps = _k.getOptionProps, isOpen = _k.isOpen, setOpen = _k.setOpen;
-    var handleInputFocus = function (e) {
-        if (!disabled) {
-            if (!isFocused) {
-                setIsFocused(true);
-            }
-            if (typeof onFocus === 'function') {
-                onFocus(e);
-            }
-        }
-    };
-    var handleInputBlur = function (e) {
-        var _a;
-        if (isOpen) {
-            (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            return;
-        }
-        if (isFocused) {
-            setIsFocused(false);
-            if (typeof onBlur === 'function') {
-                onBlur(e);
-            }
-        }
-    };
-    var handleToggleDropdown = function () {
-        var _a;
-        if (isOpen) {
-            setOpen(false);
-            setIsFocused(false);
-        }
-        else {
-            setOpen(true);
-            setIsFocused(true);
-            (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    };
-    var handleClear = function () {
-        setInputData({ value: '' });
-        typeof onChange === 'function' && onChange(null);
-        setIsFocused(false);
-    };
-    var handleClearButtonFocus = function () {
-        setIsFocused(true);
-    };
-    var handleClearButtonBlur = function () {
-        setIsFocused(false);
-    };
-    var handleInputChange = function () {
-        var _a, _b;
-        if (!isOpen) {
-            setOpen(true);
-        }
-        typeof onChange === 'function' && onChange(null);
-        var inputValue = (_b = (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
-        setInputData({ value: inputValue });
-    };
-    var handleControlClick = function () {
-        var _a;
-        (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    var showPlaceholder = (!(arrValue === null || arrValue === void 0 ? void 0 : arrValue.length) && inputData.value === '') || (arrValue === null && inputData.value === '');
-    var showInput = arrValue !== null && arrValue.length > 0;
-    var handleCreate = function () {
-        var _a;
-        if (typeof onCreate === 'function') {
-            var newValue = (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.value.trim();
-            newValue && onCreate(newValue);
-        }
-    };
-    var renderItemDefault = function (props) {
-        var item = props.item, itemId = props.id, active = props.active, hovered = props.hovered, restProps = __rest(props, ["item", "id", "active", "hovered"]);
-        if (!item) {
-            return null;
-        }
-        var label = getOptionLabel(item);
-        var indent = form === 'round' ? 'increased' : 'normal';
-        return (React.createElement(SelectItem, __assign({ id: itemId, label: label, item: item, active: active, hovered: hovered, multiple: false, size: size, indent: indent }, restProps)));
-    };
-    return (React.createElement(SelectContainer, __assign({ focused: isFocused, disabled: disabled, size: size, view: view, form: form }, restProps),
-        React.createElement("div", { className: cnSelect('Control', { hasInput: true }), ref: controlRef, "aria-expanded": isOpen, "aria-haspopup": "listbox", id: id },
-            React.createElement("div", { className: cnSelect('ControlInner'), onClick: handleControlClick, onKeyDown: handleControlClick, role: "button" },
-                React.createElement("div", { className: cnSelect('ControlValueContainer') },
-                    arrValue && (React.createElement("span", { className: cnSelect('ControlValue') }, getOptionLabel(arrValue[0]))),
-                    showPlaceholder && React.createElement("span", { className: cnSelect('Placeholder') }, placeholder),
-                    React.createElement("input", __assign({}, getToggleProps({ onChange: handleInputChange }), { type: "text", name: name, onFocus: handleInputFocus, onBlur: handleInputBlur, "aria-label": ariaLabel, ref: useForkRef([toggleRef, inputRef]), value: inputData.value, className: cnSelect('Input', { size: size, hide: showInput }) })))),
-            React.createElement("span", { className: cnSelect('Indicators') },
-                arrValue && (React.createElement("button", { type: "button", onClick: handleClear, className: cnSelect('ClearIndicator', [cnMixFocus()]), onFocus: handleClearButtonFocus, onBlur: handleClearButtonBlur },
-                    React.createElement(IconClose, { size: "xs", className: cnSelect('ClearIndicatorIcon') }))),
-                React.createElement("span", { className: cnSelect('Delimiter') }),
-                React.createElement("button", { type: "button", className: cnSelect('IndicatorsDropdown'), tabIndex: -1, onClick: handleToggleDropdown },
-                    React.createElement(IconSelect, { size: "xs", className: cnSelect('DropdownIndicatorIcon') })))),
-        React.createElement(SelectDropdown, { isOpen: isOpen, size: size, controlRef: controlRef, visibleOptions: visibleOptions, highlightedIndex: highlightedIndex, getOptionProps: getOptionProps, onCreate: handleCreate, dropdownRef: dropdownRef, inputValue: inputData.value, id: id, hasGroup: hasGroup, selectedValues: arrValue, getOptionKey: getOptionKey, labelForCreate: labelForCreate, labelForNotFound: labelForNotFound, form: getSelectDropdownForm(form), className: dropdownClassName, renderItem: renderItemDefault })));
-};

package/__internal__/src/components/ContextMenu/ContextMenu.d.ts

@@ -1,2 +0,0 @@
-import { ContextMenuComponent } from './helpers';
-export declare const ContextMenu: ContextMenuComponent;

package/__internal__/src/components/ContextMenu/ContextMenu.js

@@ -1,108 +0,0 @@
-import { __assign, __read, __rest, __spread, __values } from "tslib";
-import React, { createRef, forwardRef, useEffect, useMemo, useState } from 'react';
-import { useClickOutside } from '../../hooks/useClickOutside/useClickOutside';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { directions } from '../Popover/Popover';
-import { clearTimers, ContextMenuLevel } from './ContextMenuLevel/ContextMenuLevel';
-import { contextMenuPropDefaultSubMenuDirection, contextMenuPropSubMenuDirections, } from './helpers';
-export var ContextMenu = forwardRef(function (props, ref) {
-    var items = props.items, anchorRef = props.anchorRef, position = props.position, direction = props.direction, _a = props.possibleDirections, possibleDirections = _a === void 0 ? directions : _a, offset = props.offset, getKeyProp = props.getKey, getSubItems = props.getSubItems, _b = props.subMenuDirection, propSubMenuDirection = _b === void 0 ? contextMenuPropDefaultSubMenuDirection : _b, getLabel = props.getLabel, onClickOutside = props.onClickOutside, spareDirection = props.spareDirection, style = props.style, otherProps = __rest(props, ["items", "anchorRef", "position", "direction", "possibleDirections", "offset", "getKey", "getSubItems", "subMenuDirection", "getLabel", "onClickOutside", "spareDirection", "style"]);
-    var getKey = getKeyProp || getLabel;
-    var defaultLevels = [
-        {
-            items: items,
-            anchorRef: anchorRef,
-            position: position,
-            direction: direction,
-            possibleDirections: possibleDirections,
-            offset: offset
-        },
-    ];
-    var _c = __read(useState(defaultLevels), 2), levels = _c[0], setLevels = _c[1];
-    var _d = __read(useState(propSubMenuDirection), 2), subMenuDirection = _d[0], setSubMenuDirection = _d[1];
-    var _e = __read(useState(-1), 2), hoveredParenLevel = _e[0], setHoveredParenLevel = _e[1];
-    var addLevel = function (level, items, anchorRef, activeItem) {
-        var newLevels = Array.from(levels);
-        var oldDirection;
-        if (newLevels[level] && newLevels.length - level > 1) {
-            oldDirection = newLevels[level].direction;
-            if (oldDirection) {
-                setSubMenuDirection(oldDirection);
-            }
-        }
-        newLevels[level - 1].activeItem = activeItem;
-        newLevels.splice(level);
-        newLevels.push({
-            items: items,
-            anchorRef: anchorRef,
-            direction: oldDirection || subMenuDirection,
-            possibleDirections: contextMenuPropSubMenuDirections
-        });
-        setLevels(newLevels);
-    };
-    var deleteLevel = function (level) {
-        var newLevels = Array.from(levels);
-        newLevels.splice(level);
-        newLevels[level - 1] = __assign(__assign({}, newLevels[level - 1]), { activeItem: undefined });
-        setLevels(newLevels);
-    };
-    var constructItemRefs = function () {
-        var refs = [];
-        for (var i = 0; i < levels.length; i++) {
-            refs[i] = createRef();
-        }
-        return refs;
-    };
-    var levelsRefs = useMemo(constructItemRefs, [levels]);
-    var firstLevelRef = useForkRef([levelsRefs[0], ref]);
-    useClickOutside({
-        isActive: !!onClickOutside,
-        ignoreClicksInsideRefs: __spread(levelsRefs, [anchorRef || { current: null }]),
-        handler: function (e) { return onClickOutside && onClickOutside(e); }
-    });
-    useEffect(function () {
-        // из-за отложенного рендера закрытия подпунктов меню
-        // может возникнуть ситуация когда таймер еще не успел отработать и вызвать рендер на закрытие меню,
-        // и если в этот изменяется props.items в компоненте, то сразу после рендера который вызван сменой props.items
-        // вызовется отложенный что приведет к неверному рендеру, который должен был вызваться до изменения props.items
-        // По этому останавливаем отложенный перерендр закрытия, чтобы избежать ошибки
-        clearTimers();
-        // пересобираем levels при изменении пропсов
-        function find(items, key) {
-            var e_1, _a;
-            try {
-                for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
-                    var item = items_1_1.value;
-                    if (getKey(item) === key) {
-                        return item;
-                    }
-                    var subItems = typeof getSubItems === 'function' && getSubItems(item);
-                    if (subItems) {
-                        var subItem = find(subItems, key);
-                        if (subItem) {
-                            return subItem;
-                        }
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (items_1_1 && !items_1_1.done && (_a = items_1["return"])) _a.call(items_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return undefined;
-        }
-        var newLevels = levels.map(function (level) {
-            return __assign(__assign({}, level), { items: level.items.map(function (item) { return find(props.items, getKey(item)); }) });
-        });
-        // привел к типа м так как TS не понимает что по ключу всегда найдется нужный нам item
-        setLevels(newLevels);
-        return function () { return clearTimers(); };
-    }, [props.items, getSubItems, getKey]);
-    return (React.createElement(React.Fragment, null, levels.map(function (level, index) {
-        var onSetDirection = index > 0 ? setSubMenuDirection : props.onSetDirection;
-        return (React.createElement(ContextMenuLevel, __assign({}, otherProps, { style: __assign(__assign({}, style), (typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' && { zIndex: (style === null || style === void 0 ? void 0 : style.zIndex) + index })), offset: level.offset, key: index, items: level.items, level: index, addLevel: addLevel, deleteLevel: deleteLevel, anchorRef: level.anchorRef, position: level.position, activeItem: level.activeItem, direction: level.direction, possibleDirections: level.possibleDirections, onSetDirection: onSetDirection, hoveredParenLevel: hoveredParenLevel, setHoveredParenLevel: setHoveredParenLevel, getSubItems: getSubItems, getLabel: getLabel, ref: index === 0 ? firstLevelRef : levelsRefs[index], spareDirection: index === 0 ? spareDirection : 'rightStartUp' })));
-    })));
-});

package/__internal__/src/components/ContextMenu/ContextMenuDivider/ContextMenuDivider.css

@@ -1,15 +0,0 @@
-.ContextMenuDivider {
-  --vertical-space: 0;
-  height: var(--control-border-width);
-  margin: var(--vertical-space) var(--space-s);
-  background: var(--color-control-bg-border-default);
-}
-
-  .ContextMenuDivider_size_l {
-      --vertical-space: var(--space-xs);
-    }
-
-  .ContextMenuDivider_size_m,
-    .ContextMenuDivider_size_s {
-      --vertical-space: var(--space-2xs);
-    }

package/__internal__/src/components/ContextMenu/ContextMenuDivider/ContextMenuDivider.d.ts

@@ -1,7 +0,0 @@
-import './ContextMenuDivider.css';
-import React from 'react';
-import { ContextMenuPropSize } from '../helpers';
-export declare const ContextMenuDivider: React.FC<{
-    size?: ContextMenuPropSize;
-    children?: never;
-}>;

package/__internal__/src/components/ContextMenu/ContextMenuDivider/ContextMenuDivider.js

@@ -1,9 +0,0 @@
-import './ContextMenuDivider.css';
-import React from 'react';
-import { cn } from '../../../utils/bem';
-import { contextMenuDefaultSize } from '../helpers';
-var cnContextMenuDivider = cn('ContextMenuDivider');
-export var ContextMenuDivider = function (props) {
-    var _a = props.size, size = _a === void 0 ? contextMenuDefaultSize : _a;
-    return React.createElement("div", { className: cnContextMenuDivider({ size: size }) });
-};

package/__internal__/src/components/ContextMenu/ContextMenuGroupHeader/ContextMenuGroupHeader.css

@@ -1,27 +0,0 @@
-.ContextMenuGroupHeader {
-  --top-space: 0;
-  --bottom-space: 0;
-  margin: 0 var(--space-s);
-  padding: var(--top-space) 0 var(--bottom-space) 0;
-  border-bottom: solid var(--control-border-width) var(--color-control-bg-border-default);
-  letter-spacing: 0.05em;
-}
-
-  .ContextMenuGroupHeader_size_s {
-      --top-space: var(--space-xs);
-      --bottom-space: var(--space-2xs);
-    }
-
-  .ContextMenuGroupHeader_size_m {
-      --top-space: var(--space-s);
-      --bottom-space: var(--space-xs);
-    }
-
-  .ContextMenuGroupHeader_size_l {
-      --top-space: var(--space-s);
-      --bottom-space: var(--space-s);
-    }
-
-  .ContextMenuGroupHeader_first {
-    padding: calc(var(--top-space) - var(--space-xs)) 0 var(--bottom-space) 0;
-  }

package/__internal__/src/components/ContextMenu/ContextMenuGroupHeader/ContextMenuGroupHeader.d.ts

@@ -1,10 +0,0 @@
-import './ContextMenuGroupHeader.css';
-import React from 'react';
-import { ContextMenuPropSize } from '../helpers';
-export declare const cnContextMenuGroupHeader: import("@bem-react/classname").ClassNameFormatter;
-export declare const ContextMenuGroupHeader: React.FC<{
-    label: string | number;
-    size?: ContextMenuPropSize;
-    children?: never;
-    first: boolean;
-}>;

package/__internal__/src/components/ContextMenu/ContextMenuGroupHeader/ContextMenuGroupHeader.js

@@ -1,16 +0,0 @@
-import './ContextMenuGroupHeader.css';
-import React from 'react';
-import { cn } from '../../../utils/bem';
-import { getByMap } from '../../../utils/getByMap';
-import { Text } from '../../Text/Text';
-import { contextMenuDefaultSize } from '../helpers';
-export var cnContextMenuGroupHeader = cn('ContextMenuGroupHeader');
-var sizeMap = {
-    s: '2xs',
-    m: 'xs',
-    l: 's'
-};
-export var ContextMenuGroupHeader = function (_a) {
-    var label = _a.label, _b = _a.size, size = _b === void 0 ? contextMenuDefaultSize : _b, first = _a.first;
-    return (React.createElement(Text, { view: "secondary", transform: "uppercase", className: cnContextMenuGroupHeader({ size: size, first: first }), size: getByMap(sizeMap, size) }, label));
-};

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.css

@@ -1,71 +0,0 @@
-.ContextMenuItem {
-  --vertical-space: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: var(--vertical-space) var(--space-s);
-  text-decoration: none;
-  word-break: break-word;
-  cursor: pointer;
-  -webkit-transition: background 0.2s;
-  transition: background 0.2s;
-}
-
-  .ContextMenuItem:hover,
-  .ContextMenuItem_active {
-    background: var(--color-control-bg-clear-hover);
-  }
-
-  .ContextMenuItem_size_s {
-      --vertical-space: var(--space-xs);
-    }
-
-  .ContextMenuItem_size_m {
-      --vertical-space: var(--space-s);
-    }
-
-  .ContextMenuItem_size_l {
-      --vertical-space: var(--space-m);
-    }
-
-  .ContextMenuItem_disabled.Text {
-    color: var(--color-control-typo-disable);
-    cursor: default;
-  }
-
-  .ContextMenuItem_disabled.Text:hover {
-      background: transparent;
-    }
-
-  .ContextMenuItem-Side {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-  }
-
-  .ContextMenuItem-Side_position_left,
-      .ContextMenuItem-Side_position_right {
-        -webkit-box-flex: 0;
-            -ms-flex: 0;
-                flex: 0;
-      }
-
-  .ContextMenuItem-Side_position_left:not(:last-child), .ContextMenuItem-Side_position_right:not(:last-child) {
-          margin-right: var(--space-xs);
-        }
-
-  .ContextMenuItem-Side_position_center {
-        -webkit-box-flex: 1;
-            -ms-flex: 1;
-                flex: 1;
-      }
-
-  .ContextMenuItem-Side_position_center:not(:last-child) {
-          margin-right: var(--space-s);
-        }

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.d.ts

@@ -1,4 +0,0 @@
-import './ContextMenuItem.css';
-import { ContextMenuItemComponent } from '../helpers';
-export declare const cnContextMenuItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const ContextMenuItem: ContextMenuItemComponent;