@astral/ui 4.18.3 → 4.18.5

package/node/components/Tree/TreeItem/types.d.ts

@@ -0,0 +1,70 @@
+import { type ComponentProps, type ElementType, type ReactNode, type SyntheticEvent } from 'react';
+import type { SyncFunctionComponent } from '../../types/SyncFunctionComponent';
+import { type TreeListData } from '../types';
+export type TreeItemProps<TComponent extends ElementType = ElementType> = {
+    /**
+     * Название класса, применяется к корневому компоненту.
+     */
+    className?: string;
+    /**
+     * Уникальный префикс для идентификаторов в рамках дерева
+     */
+    prefixId?: string;
+    /**
+     * Если true, item выделяется как активный.
+     */
+    isSelected: boolean;
+    /**
+     * Содержимое, которое будет отображено внутри элемента списка.
+     */
+    label: ReactNode;
+    /**
+     * Подзаголовок, который будет отображено под элементом списка.
+     */
+    note?: ReactNode;
+    /**
+     * Render-props, позволяет более гибко настраивать содержимое item
+     */
+    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
+    /**
+     * Содержимое, отображающееся при раскрытии элемента.
+     * При наличии children item будет отображен как родительский элемент.
+     */
+    children?: ReactNode;
+    /**
+     * Компонент, используемый для корневого узла элемента списка. Либо строка для использования элемента HTML, либо компонент.
+     * @default 'div'
+     */
+    component?: TComponent;
+    /**
+     * Уровень вложенности в дереве.
+     */
+    level: number;
+    /**
+     * Если true, то элемент будет не доступен для взаимодействия
+     * @default 'false'
+     */
+    isDisabled?: boolean;
+    /**
+     * Текст тултипа при заблокированном состоянии элемента дерева
+     */
+    disabledReason?: string;
+    /**
+     * Если true, то список можно будет развернуть даже если установлен `isDisabled=true`
+     * @default 'false'
+     */
+    isNotBlockingExpandList?: boolean;
+    /**
+     * Если true, то вложенный список будет раскрыт
+     * @default 'false'
+     */
+    isDefaultExpanded?: boolean;
+    /**
+     * Флаг для переопределения внутреннего состояния открыто/закрыто
+     */
+    isForceExpanded?: boolean;
+    /**
+     * Функция, которая запускается при нажатии на элемент списка.
+     */
+    onClick?: (event: SyntheticEvent) => void;
+} & Omit<ComponentProps<TComponent>, ''>;

package/node/components/Tree/TreeItem/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/Tree/TreeItem/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import { type MouseEvent, type SyntheticEvent } from 'react';
-import { type TreeItemProps } from '../TreeItem';
+import { type TreeItemProps } from '../types';
 type UseLogicProps = TreeItemProps;
 export declare const useLogic: ({ id, prefixId, isDefaultExpanded, isForceExpanded, isDisabled, disabledReason, onClick, }: UseLogicProps) => {
     isOpen: boolean;

package/node/components/Tree/TreeList/TreeItem/TreeItem.d.ts

@@ -1,50 +1,3 @@
-import type { SyncFunctionComponent } from '../../../types';
-import type { TreeListData } from '../../types';
 import type { TreeListItemValue } from '../types';
-type FormatDisableItem = {
-    id: string;
-    disabledReason?: string;
-};
-export type TreeItemProps<TValue extends TreeListItemValue = string> = {
-    item: TreeListData;
-    /**
-     * Выбранные значения
-     */
-    value?: TValue | null;
-    isObjectMode?: boolean;
-    /**
-     * Уникальный префикс для идентификаторов в рамках дерева
-     */
-    prefixId?: string;
-    /**
-     * Render-props, позволяет более гибко настраивать содержимое item
-     */
-    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
-    /**
-     * Уровень вложенности в дереве
-     */
-    level: number;
-    /**
-     * Если true, то дерево будет раскрыто по умолчанию при монтировании
-     * @default false
-     */
-    isInitialExpanded?: boolean;
-    /**
-     * Уровень раскрытия дерева по умолчанию, при isExpanded=true
-     */
-    expandedLevel: number;
-    /**
-     * Цепочка идентификаторов до выбранного элемента дерева
-     */
-    chainToSelectedItem?: string[];
-    /**
-     * Список `value` элементов дерева, которые не доступны для взаимодействия
-     */
-    disabledItems?: FormatDisableItem[];
-    /**
-     * Функция, которая запускается при выборе item
-     */
-    onChange?: (value: TValue) => void;
-};
+import { type TreeItemProps } from './types';
 export declare const TreeItem: <TValue extends TreeListItemValue = string>(props: TreeItemProps<TValue>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/node/components/Tree/TreeList/TreeItem/index.d.ts

@@ -1 +1,2 @@
 export * from './TreeItem';
+export type { TreeItemProps } from './types';

package/node/components/Tree/TreeList/TreeItem/types.d.ts

@@ -0,0 +1,49 @@
+import type { SyncFunctionComponent } from '../../../types/SyncFunctionComponent';
+import type { TreeListData } from '../../types';
+import type { TreeListItemValue } from '../types';
+type FormatDisableItem = {
+    id: string;
+    disabledReason?: string;
+};
+export type TreeItemProps<TValue extends TreeListItemValue = string> = {
+    item: TreeListData;
+    /**
+     * Выбранные значения
+     */
+    value?: TValue | null;
+    isObjectMode?: boolean;
+    /**
+     * Уникальный префикс для идентификаторов в рамках дерева
+     */
+    prefixId?: string;
+    /**
+     * Render-props, позволяет более гибко настраивать содержимое item
+     */
+    renderItem?: SyncFunctionComponent<Omit<TreeListData, 'children'>>;
+    /**
+     * Уровень вложенности в дереве
+     */
+    level: number;
+    /**
+     * Если true, то дерево будет раскрыто по умолчанию при монтировании
+     * @default false
+     */
+    isInitialExpanded?: boolean;
+    /**
+     * Уровень раскрытия дерева по умолчанию, при isExpanded=true
+     */
+    expandedLevel: number;
+    /**
+     * Цепочка идентификаторов до выбранного элемента дерева
+     */
+    chainToSelectedItem?: string[];
+    /**
+     * Список `value` элементов дерева, которые не доступны для взаимодействия
+     */
+    disabledItems?: FormatDisableItem[];
+    /**
+     * Функция, которая запускается при выборе item
+     */
+    onChange?: (value: TValue) => void;
+};
+export {};

package/node/components/Tree/TreeList/TreeItem/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/Tree/TreeList/TreeItem/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import type { TreeListItemValue } from '../../types';
-import { type TreeItemProps } from '../TreeItem';
+import { type TreeItemProps } from '../types';
 type UseLogicProps<TValue extends TreeListItemValue = string> = TreeItemProps<TValue>;
 export declare const useLogic: <TValue extends TreeListItemValue = string>({ value, level, item, isInitialExpanded, expandedLevel, chainToSelectedItem, disabledItems, onChange, isObjectMode, }: UseLogicProps<TValue>) => {
     isSelected: boolean;

package/node/components/Tree/TreeList/TreeList.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const TreeItem_1 = require("./TreeItem");
@@ -11,6 +11,6 @@ const INITIAL_LEVEL = 0;
 const TreeList = (props) => {
     const { listProps, itemProps } = (0, useLogic_1.useLogic)(props);
     const { data, className, expandedLevel = 10, disabledItems, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: (0, utils_1.classNames)(className, constants_1.treeListClassnames.list), ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: (0, classNames_1.classNames)(className, constants_1.treeListClassnames.list), ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
 };
 exports.TreeList = TreeList;

package/node/components/Tree/TreeList/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.treeListClassnames = void 0;
-const utils_1 = require("../../utils");
+const createUIKitClassname_1 = require("../../utils/createUIKitClassname");
 exports.treeListClassnames = {
-    list: (0, utils_1.createUIKitClassname)('tree-list'),
+    list: (0, createUIKitClassname_1.createUIKitClassname)('tree-list'),
 };

package/node/components/Tree/TreeList/types.d.ts

@@ -1,4 +1,4 @@
-import type { SyncFunctionComponent } from '../../types';
+import type { SyncFunctionComponent } from '../../types/SyncFunctionComponent';
 import type { TreeListData } from '../types';
 export type DisabledItemValue = string | {
     id: string;

package/node/components/Tree/TreeList/useLogic/useLogic.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const useId_1 = require("../../../hooks/useId");
-const utils_1 = require("../../utils");
-const utils_2 = require("./utils");
+const getFormatDisabledItems_1 = require("../../utils/getFormatDisabledItems");
+const utils_1 = require("./utils");
 const useLogic = ({ value, data, disabledItems, isObjectMode, }) => {
     const prefixId = (0, useId_1.useId)();
     const listRef = (0, react_1.useRef)(null);
@@ -18,8 +18,8 @@ const useLogic = ({ value, data, disabledItems, isObjectMode, }) => {
             }
         }
     }, [listRef, prefixId]);
-    const formattedDisabledItems = (0, react_1.useMemo)(() => (0, utils_1.getFormatDisabledItems)(disabledItems), [disabledItems]);
-    const chainToSelectedItem = (0, react_1.useMemo)(() => (0, utils_2.getChainId)(data, value), [data, value]);
+    const formattedDisabledItems = (0, react_1.useMemo)(() => (0, getFormatDisabledItems_1.getFormatDisabledItems)(disabledItems), [disabledItems]);
+    const chainToSelectedItem = (0, react_1.useMemo)(() => (0, utils_1.getChainId)(data, value), [data, value]);
     return {
         listProps: {
             ref: listRef,

package/node/components/TreeAsyncAutocomplete/Input/Input.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../../icons/DownOutlineMd");
 const IconButton_1 = require("../../IconButton");
 const TextField_1 = require("../../TextField");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
 exports.Input = (0, react_1.forwardRef)(({ disabled, onChange, value, inputRef, hideHelperText = false, ...restProps }, forwardedRef) => {
     const { inputRef: internalInputRef, isVisibleClearButton, handleClearAll, } = (0, useLogic_1.useLogic)({
         inputRef,
@@ -17,5 +18,5 @@ exports.Input = (0, react_1.forwardRef)(({ disabled, onChange, value, inputRef,
         onChange,
         disabled,
     });
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, value: value, hideHelperText: hideHelperText, ref: forwardedRef, inputRef: internalInputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, value: value, hideHelperText: hideHelperText, ref: forwardedRef, inputRef: internalInputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) })] }) }));
 });

package/node/components/TreeAsyncAutocomplete/Input/useLogic/useLogic.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const hooks_1 = require("../../../hooks");
+const useForwardedRef_1 = require("../../../hooks/useForwardedRef");
 const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const handleClearAll = (event) => {
         event.stopPropagation();
         onChange?.(null);

package/node/components/TreeAsyncAutocomplete/OptionsModal/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserHintWrapper = exports.StyledSearchField = exports.TreeListWrapper = exports.StyledDialogContent = void 0;
-const material_1 = require("@mui/material");
+const FormHelperText_1 = require("@mui/material/FormHelperText");
 const Dialog_1 = require("../../Dialog");
 const DialogContent_1 = require("../../DialogContent");
 const SearchField_1 = require("../../SearchField");
@@ -34,7 +34,7 @@ exports.TreeListWrapper = styled_1.styled.div `
   }
 `;
 exports.StyledSearchField = (0, styled_1.styled)(SearchField_1.SearchField) `
-  & .${material_1.formHelperTextClasses.root} {
+  & .${FormHelperText_1.formHelperTextClasses.root} {
     display: flex;
 
     margin-top: ${({ theme }) => theme.spacing(2)};

package/node/components/TreeAsyncAutocomplete/useLogic/useLogic.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useAsyncOptions_1 = require("../../hooks/useAsyncOptions");
 const constants_1 = require("../constants");
 const useLogic = ({ onBlur, isError, value, isDisabled, fetchDelayMs = constants_1.DEFAULT_DELAY_MS, fetchOptions, minSymbolsToFetch = constants_1.DEFAULT_MIN_SEARCH_CHARACTERS, onDataLoadError, onChange, loadingErrorMsg, treeProps, dialogProps, onShowUserHint, ...restInputProps }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(false);
     const [isLoadingModal, setIsLoadingModal] = (0, react_1.useState)(false);
-    const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = (0, hooks_1.useAsyncOptions)({
+    const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = (0, useAsyncOptions_1.useAsyncOptions)({
         fetchOptions,
         fetchDelayMs,
         minSymbolsToFetch,

package/node/components/TreeAutocomplete/Input/Input.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-import { type TextFieldProps } from '../../TextField';
-import type { TreeAutocompleteValue } from '../types';
-export type InputProps = Omit<TextFieldProps, 'onChange'> & {
-    onChange?: (value: TreeAutocompleteValue | undefined) => void;
-};
+import { type InputProps } from './types';
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/node/components/TreeAutocomplete/Input/Input.js

@@ -3,15 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../../icons/DownOutlineMd");
 const IconButton_1 = require("../../IconButton");
 const TextField_1 = require("../../TextField");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
 exports.Input = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { inputRef, isVisibleClearButton, handleClearAll } = (0, useLogic_1.useLogic)(props);
     const { disabled, onChange, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, ref: forwardedRef, inputRef: inputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, ref: forwardedRef, inputRef: inputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) })] }) }));
 });

package/node/components/TreeAutocomplete/Input/index.d.ts

@@ -1 +1,2 @@
 export * from './Input';
+export type { InputProps } from './types';

package/node/components/TreeAutocomplete/Input/types.d.ts

@@ -0,0 +1,5 @@
+import { type TextFieldProps } from '../../TextField';
+import type { TreeAutocompleteValue } from '../types';
+export type InputProps = Omit<TextFieldProps, 'onChange'> & {
+    onChange?: (value: TreeAutocompleteValue | undefined) => void;
+};

package/node/components/TreeAutocomplete/Input/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/TreeAutocomplete/Input/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import { type SyntheticEvent } from 'react';
-import { type InputProps } from '../Input';
+import { type InputProps } from '../types';
 type UseLogicParams = InputProps;
 export declare const useLogic: ({ value, disabled, inputRef: externalInputRef, onChange, }: UseLogicParams) => {
     inputRef: import("react").RefObject<HTMLInputElement | null>;

package/node/components/TreeAutocomplete/Input/useLogic/useLogic.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const hooks_1 = require("../../../hooks");
+const useForwardedRef_1 = require("../../../hooks/useForwardedRef");
 const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const handleClearAll = (event) => {
         event.stopPropagation();
         onChange?.('');

package/node/components/TreeAutocomplete/OptionsModal/OptionsModal.d.ts

@@ -1,48 +1,2 @@
-import { type DialogProps } from '../../Dialog';
-import { type TreeListData, type TreeListProps } from '../../Tree';
-import type { TreeAutocompleteValue } from '../types';
-export type OptionsModalProps = Omit<DialogProps, 'open' | 'onChange'> & {
-    /**
-     * Если true, модальное окно будет открыто
-     */
-    isOpen: boolean;
-    /**
-     * Выбранное значения
-     */
-    initialValue?: TreeAutocompleteValue;
-    /**
-     * Опции, которые необходимо отобразить в виде дерева.
-     */
-    options: TreeListData[];
-    /**
-     * Флаг загрузки options
-     * Если true, вместо дерева options будет отображен лоадер
-     */
-    isLoading?: boolean;
-    /**
-     * Флаг ошибки загрузки options
-     * Если true, вместо дерева options будет отображен плейсхолдер с ошибкой
-     */
-    isLoadingError?: boolean;
-    /**
-     * Текст ошибки при загрузке данных
-     */
-    loadingErrorMsg?: string;
-    /**
-     * Функция для поиска элементов по дереву, если не определено, то будет использован встроенный поиск
-     */
-    filterOptions?: (node: TreeListData, searchValue: string) => boolean;
-    /**
-     * Предназначен для конфигурации всплывающего окна
-     */
-    treeProps?: Pick<TreeListProps, 'disabledItems' | 'renderItem'>;
-    /**
-     * Функция обработки нажатия на кнопку "Повторить запрос"
-     */
-    onRetry?: () => void;
-    /**
-     * Функция, которая запускается при выборе item
-     */
-    onChange?: (newValue?: TreeAutocompleteValue) => void;
-};
+import { type OptionsModalProps } from './types';
 export declare const OptionsModal: (props: OptionsModalProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/TreeAutocomplete/OptionsModal/index.d.ts

@@ -1 +1,2 @@
 export * from './OptionsModal';
+export type { OptionsModalProps } from './types';

package/node/components/TreeAutocomplete/OptionsModal/types.d.ts

@@ -0,0 +1,47 @@
+import { type DialogProps } from '../../Dialog';
+import { type TreeListData, type TreeListProps } from '../../Tree';
+import type { TreeAutocompleteValue } from '../types';
+export type OptionsModalProps = Omit<DialogProps, 'open' | 'onChange'> & {
+    /**
+     * Если true, модальное окно будет открыто
+     */
+    isOpen: boolean;
+    /**
+     * Выбранное значения
+     */
+    initialValue?: TreeAutocompleteValue;
+    /**
+     * Опции, которые необходимо отобразить в виде дерева.
+     */
+    options: TreeListData[];
+    /**
+     * Флаг загрузки options
+     * Если true, вместо дерева options будет отображен лоадер
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг ошибки загрузки options
+     * Если true, вместо дерева options будет отображен плейсхолдер с ошибкой
+     */
+    isLoadingError?: boolean;
+    /**
+     * Текст ошибки при загрузке данных
+     */
+    loadingErrorMsg?: string;
+    /**
+     * Функция для поиска элементов по дереву, если не определено, то будет использован встроенный поиск
+     */
+    filterOptions?: (node: TreeListData, searchValue: string) => boolean;
+    /**
+     * Предназначен для конфигурации всплывающего окна
+     */
+    treeProps?: Pick<TreeListProps, 'disabledItems' | 'renderItem'>;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry?: () => void;
+    /**
+     * Функция, которая запускается при выборе item
+     */
+    onChange?: (newValue?: TreeAutocompleteValue) => void;
+};

package/node/components/TreeAutocomplete/OptionsModal/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/TreeAutocomplete/OptionsModal/useLogic/useLogic.d.ts

@@ -2,8 +2,7 @@ import { type ButtonProps } from '../../../Button';
 import { type DialogProps } from '../../../Dialog';
 import { type SearchFieldProps } from '../../../SearchField';
 import { type TreeListProps } from '../../../Tree';
-import { type OptionsModalProps } from '../OptionsModal';
-type UseLogicParams = OptionsModalProps;
+import { type OptionsModalProps } from '../types';
 type UseLogicResult = {
     isNoResult: boolean;
     searchFieldProps: SearchFieldProps;
@@ -12,5 +11,5 @@ type UseLogicResult = {
     cancelButtonProps: ButtonProps;
     confirmButtonProps: ButtonProps;
 };
-export declare const useLogic: ({ isOpen, isLoading, isLoadingError, initialValue, options, filterOptions, onChange, onClose, }: UseLogicParams) => UseLogicResult;
+export declare const useLogic: ({ isOpen, isLoading, isLoadingError, initialValue, options, filterOptions, onChange, onClose, }: OptionsModalProps) => UseLogicResult;
 export {};

package/node/components/TreeLikeAsyncAutocomplete/Input/Input.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../../icons/DownOutlineMd");
 const IconButton_1 = require("../../IconButton");
 const Loader_1 = require("../../Loader");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
 exports.Input = (0, react_1.forwardRef)(({ disabled, onChange: propsOnChange, value, inputRef, hideHelperText = false, onClick, isLoading, ...restProps }, forwardedRef) => {
     const { isVisibleClearButton, onChange, isVisibleTagsList, textFieldProps, onClearAll, } = (0, useLogic_1.useLogic)({
         inputRef,
@@ -19,5 +20,5 @@ exports.Input = (0, react_1.forwardRef)(({ disabled, onChange: propsOnChange, va
         onClick,
         isLoading,
     });
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ...restProps, hideHelperText: hideHelperText, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, ...textFieldProps, startAdornment: isVisibleTagsList && ((0, jsx_runtime_1.jsx)(styles_1.StyledTagsList, { data: value, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: onChange })), endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: onClearAll })), isLoading ? ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { size: "small" })) : ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ...restProps, hideHelperText: hideHelperText, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, ...textFieldProps, startAdornment: isVisibleTagsList && ((0, jsx_runtime_1.jsx)(styles_1.StyledTagsList, { data: value, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: onChange })), endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: onClearAll })), isLoading ? ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { size: "small" })) : ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) }))] }) }));
 });

package/node/components/TreeLikeAsyncAutocomplete/Input/styles.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconWrapper = exports.StyledTagsList = exports.StyledTextField = void 0;
-const material_1 = require("@mui/material");
+const FormControl_1 = require("@mui/material/FormControl");
+const InputBase_1 = require("@mui/material/InputBase");
 const Loader_1 = require("../../Loader");
 const SvgIcon_1 = require("../../SvgIcon");
 const styled_1 = require("../../styled");
@@ -10,11 +11,11 @@ const TextField_1 = require("../../TextField");
 exports.StyledTextField = (0, styled_1.styled)(TextField_1.TextField, {
     shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
 }) `
-  .${material_1.inputBaseClasses.input} {
+  .${InputBase_1.inputBaseClasses.input} {
     width: ${({ $isHidden }) => $isHidden && 0};
   }
 
-  &.${material_1.formControlClasses.root} .${material_1.inputBaseClasses.adornedEnd} .${Loader_1.loaderClassnames.root} .${SvgIcon_1.svgIconClassnames.root} {
+  &.${FormControl_1.formControlClasses.root} .${InputBase_1.inputBaseClasses.adornedEnd} .${Loader_1.loaderClassnames.root} .${SvgIcon_1.svgIconClassnames.root} {
     width: 100%;
     height: 100%;
   }

package/node/components/TreeLikeAsyncAutocomplete/Input/useLogic/useLogic.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
+const useForwardedRef_1 = require("../../../hooks/useForwardedRef");
 const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRef, onChange: propsOnChange, onClick: propsOnClick, }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const prevValue = (0, react_1.useRef)(undefined);
     (0, react_1.useEffect)(() => {
         if (value && !prevValue.current) {

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserHintWrapper = exports.StyledSearchField = exports.TreeListWrapper = exports.StyledDialogContent = void 0;
-const material_1 = require("@mui/material");
+const FormHelperText_1 = require("@mui/material/FormHelperText");
 const Dialog_1 = require("../../Dialog");
 const DialogContent_1 = require("../../DialogContent");
 const SearchField_1 = require("../../SearchField");
@@ -34,7 +34,7 @@ exports.TreeListWrapper = styled_1.styled.div `
   }
 `;
 exports.StyledSearchField = (0, styled_1.styled)(SearchField_1.SearchField) `
-  & .${material_1.formHelperTextClasses.root} {
+  & .${FormHelperText_1.formHelperTextClasses.root} {
     display: flex;
 
     margin-top: ${({ theme }) => theme.spacing(2)};