@astral/ui 4.4.1 → 4.6.0

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/checkIsIndeterminate/checkIsIndeterminate.d.ts

@@ -1 +1,2 @@
-export declare const checkIsIndeterminate: (value: string[] | undefined, childrenIds: string[] | undefined) => boolean;
+import type { MultipleValue } from '../../../../types';
+export declare const checkIsIndeterminate: <TValue extends MultipleValue = string[]>(value: TValue, childrenIds: string[] | undefined) => boolean;

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/checkIsIndeterminate/checkIsIndeterminate.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIsIndeterminate = void 0;
+const getIdFromValue_1 = require("../getIdFromValue");
 const checkIsIndeterminate = (value, childrenIds) => {
     if (!value || !childrenIds) {
         return false;
     }
-    return value.some((item) => childrenIds.includes(item));
+    return value.some((item) => childrenIds.includes((0, getIdFromValue_1.getIdFromValue)(item)));
 };
 exports.checkIsIndeterminate = checkIsIndeterminate;

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/checkIsSelected/checkIsSelected.d.ts

@@ -1 +1,2 @@
-export declare const checkIsSelected: (value: string[] | undefined, optionId: string) => boolean;
+import type { MultipleValue } from '../../../../types';
+export declare const checkIsSelected: <TValue extends MultipleValue = string[]>(value: TValue, optionId: string) => boolean;

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/checkIsSelected/checkIsSelected.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIsSelected = void 0;
+const getIdFromValue_1 = require("../getIdFromValue");
 const checkIsSelected = (value, optionId) => {
     if (!value || !value.length) {
         return false;
     }
-    return value.includes(optionId);
+    return value.some((item) => (0, getIdFromValue_1.getIdFromValue)(item) === optionId);
 };
 exports.checkIsSelected = checkIsSelected;

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/findObjectsByIds/findObjectsByIds.d.ts

@@ -0,0 +1,5 @@
+import type { TreeListData } from '../../../../../types';
+/**
+ * Находит объекты TreeListData в дереве по массиву ID
+ */
+export declare const findObjectsByIds: (nodes: TreeListData[], ids: string[]) => TreeListData[];

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/findObjectsByIds/findObjectsByIds.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findObjectsByIds = void 0;
+/**
+ * Находит объекты TreeListData в дереве по массиву ID
+ */
+const findObjectsByIds = (nodes, ids) => {
+    if (!ids.length) {
+        return [];
+    }
+    // Создаем Map для быстрого поиска объектов по ID
+    const idToObjectMap = new Map();
+    const traverse = (items) => {
+        for (const item of items) {
+            idToObjectMap.set(item.id, item);
+            if (item.children) {
+                traverse(item.children);
+            }
+        }
+    };
+    traverse(nodes);
+    return ids
+        .map((id) => idToObjectMap.get(id))
+        .filter((obj) => obj !== undefined);
+};
+exports.findObjectsByIds = findObjectsByIds;

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/findObjectsByIds/index.d.ts

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

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/findObjectsByIds/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./findObjectsByIds"), exports);

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getIdFromValue/getIdFromValue.d.ts

@@ -0,0 +1,5 @@
+import type { TreeListData } from '../../../../../types';
+/**
+ * Получает Id из значения, которое может быть строкой или объектом TreeListData
+ */
+export declare const getIdFromValue: (item: string | TreeListData) => string;

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getIdFromValue/getIdFromValue.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIdFromValue = void 0;
+/**
+ * Получает Id из значения, которое может быть строкой или объектом TreeListData
+ */
+const getIdFromValue = (item) => {
+    return typeof item === 'string' ? item : item.id;
+};
+exports.getIdFromValue = getIdFromValue;

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getIdFromValue/index.d.ts

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

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getIdFromValue/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./getIdFromValue"), exports);

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getItemsToAdd/getItemsToAdd.d.ts

@@ -0,0 +1,5 @@
+import type { TreeListData } from '../../../../../types';
+/**
+ * Формирует массив элементов для добавления в зависимости от режима работы
+ */
+export declare const getItemsToAdd: (item: TreeListData, children: TreeListData[] | undefined, childrenIds: string[], isObjectMode: boolean | undefined) => (string | TreeListData)[];

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getItemsToAdd/getItemsToAdd.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getItemsToAdd = void 0;
+const findObjectsByIds_1 = require("../findObjectsByIds");
+/**
+ * Формирует массив элементов для добавления в зависимости от режима работы
+ */
+const getItemsToAdd = (item, children, childrenIds, isObjectMode) => {
+    if (!children) {
+        return isObjectMode ? [item] : [item.id];
+    }
+    if (isObjectMode) {
+        const childrenObjects = (0, findObjectsByIds_1.findObjectsByIds)(children, childrenIds);
+        return [item, ...childrenObjects];
+    }
+    return [item.id, ...childrenIds];
+};
+exports.getItemsToAdd = getItemsToAdd;

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getItemsToAdd/index.d.ts

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

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getItemsToAdd/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./getItemsToAdd"), exports);

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/index.d.ts

@@ -1,3 +1,6 @@
 export { checkIsIndeterminate } from './checkIsIndeterminate';
 export { checkIsSelected } from './checkIsSelected';
 export { getAllChildrenId } from './getAllChildrenId';
+export { findObjectsByIds } from './findObjectsByIds';
+export { getIdFromValue } from './getIdFromValue';
+export { getItemsToAdd } from './getItemsToAdd';

package/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/index.js

@@ -1,9 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllChildrenId = exports.checkIsSelected = exports.checkIsIndeterminate = void 0;
+exports.getItemsToAdd = exports.getIdFromValue = exports.findObjectsByIds = exports.getAllChildrenId = exports.checkIsSelected = exports.checkIsIndeterminate = void 0;
 var checkIsIndeterminate_1 = require("./checkIsIndeterminate");
 Object.defineProperty(exports, "checkIsIndeterminate", { enumerable: true, get: function () { return checkIsIndeterminate_1.checkIsIndeterminate; } });
 var checkIsSelected_1 = require("./checkIsSelected");
 Object.defineProperty(exports, "checkIsSelected", { enumerable: true, get: function () { return checkIsSelected_1.checkIsSelected; } });
 var getAllChildrenId_1 = require("./getAllChildrenId");
 Object.defineProperty(exports, "getAllChildrenId", { enumerable: true, get: function () { return getAllChildrenId_1.getAllChildrenId; } });
+var findObjectsByIds_1 = require("./findObjectsByIds");
+Object.defineProperty(exports, "findObjectsByIds", { enumerable: true, get: function () { return findObjectsByIds_1.findObjectsByIds; } });
+var getIdFromValue_1 = require("./getIdFromValue");
+Object.defineProperty(exports, "getIdFromValue", { enumerable: true, get: function () { return getIdFromValue_1.getIdFromValue; } });
+var getItemsToAdd_1 = require("./getItemsToAdd");
+Object.defineProperty(exports, "getItemsToAdd", { enumerable: true, get: function () { return getItemsToAdd_1.getItemsToAdd; } });

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

@@ -1,15 +1,15 @@
 import { type FunctionComponent } from 'react';
 import type { TreeListData } from '../types';
-export type MultipleValue = string[] | undefined;
+export type MultipleValue = TreeListData[] | string[] | undefined;
 export type DisabledItemValue = string | {
     id: string;
     disabledReason?: string;
 };
-export type MultipleTreeListProps = {
+export type MultipleTreeListProps<TValue extends MultipleValue = string[]> = {
     /**
      * Выбранные значения
      */
-    value?: MultipleValue;
+    value?: TValue;
     /**
      * Данные, которые необходимо отобразить в виде дерева.
      */
@@ -39,5 +39,9 @@ export type MultipleTreeListProps = {
     /**
      * Функция, которая запускается при изменении состояния.
      */
-    onChange: (value: MultipleValue) => void;
+    onChange: (value: TValue) => void;
+    /**
+     *  Переключает компонент в режим работы с объектами а не с id элементов
+     */
+    isObjectMode?: boolean;
 };

package/node/components/TreeAsyncAutocomplete/types.d.ts

@@ -1,5 +1,8 @@
 import type { TreeListData } from '../Tree';
 import type { TreeAutocompleteProps } from '../TreeAutocomplete';
+/**
+ * Значение элемента дерева для TreeAsyncAutocomplete
+ */
 export type TreeAsyncAutocompleteValue = Omit<TreeListData, 'label' | 'note' | 'children'> & {
     /**
      * Заголовок элемента дерева
@@ -14,12 +17,21 @@ export type TreeAsyncAutocompleteValue = Omit<TreeListData, 'label' | 'note' | '
      */
     children?: TreeAsyncAutocompleteValue[];
 };
+/**
+ * Результат функции загрузки опций
+ */
 export type FetchOptionsResult = {
     /**
      * Элементы дерева
      */
     options: TreeAsyncAutocompleteValue[];
+    /**
+     * Метаданные результата загрузки
+     */
     meta?: {
+        /**
+         * Флаг, указывающий, что все данные загружены
+         */
         isAllDataLoaded: boolean;
     };
 };
@@ -47,13 +59,13 @@ export type TreeAsyncAutocompleteProps = Omit<TreeAutocompleteProps, 'options' |
      * @example
      ```typescript
      * const fetchOptions = async (search: string, signal?: AbortSignal) => {
-     *   const response = await fetch(`/api/nodes/search?query=${search}`, {
+     *   const response = await fetch(`/api/options/search?query=${search}`, {
      *     signal
      *   });
      *   const data = await response.json();
      *
      *   return {
-     *     nodes: data.items,
+     *     options: data.items,
      *     meta: {
      *       isAllDataLoaded: data.isAllDataLoaded,
      *     }

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { InputProps } from './types';
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+"use strict";
+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 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, {}) }));
+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,
+        value,
+        onChange: propsOnChange,
+        disabled,
+        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, {}) }))] }) }));
+});

package/node/components/TreeLikeAsyncAutocomplete/Input/constants.d.ts

@@ -0,0 +1 @@
+export declare const CLEAR_TEXT = "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C";

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CLEAR_TEXT = void 0;
+exports.CLEAR_TEXT = 'Очистить';

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Input"), exports);

package/node/components/TreeLikeAsyncAutocomplete/Input/styles.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const StyledTextField: import("@emotion/styled").StyledComponent<Omit<import("../../TextField").TextFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    $isHidden: boolean;
+}, {}, {}>;
+export declare const StyledTagsList: <TData extends import("../../TagsList").TagValue>(props: import("../../TagsList").TagsListProps<TData>) => JSX.Element;
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconWrapper = exports.StyledTagsList = exports.StyledTextField = void 0;
+const material_1 = require("@mui/material");
+const Loader_1 = require("../../Loader");
+const SvgIcon_1 = require("../../SvgIcon");
+const styles_1 = require("../../styles");
+const TagsList_1 = require("../../TagsList");
+const TextField_1 = require("../../TextField");
+exports.StyledTextField = (0, styles_1.styled)(TextField_1.TextField, {
+    shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
+}) `
+  .${material_1.inputBaseClasses.input} {
+    width: ${({ $isHidden }) => $isHidden && 0};
+  }
+
+  &.${material_1.formControlClasses.root} .${material_1.inputBaseClasses.adornedEnd} .${Loader_1.loaderClassnames.root} .${SvgIcon_1.svgIconClassnames.root} {
+    width: 100%;
+    height: 100%;
+  }
+`;
+exports.StyledTagsList = (0, styles_1.styled)(TagsList_1.TagsList) `
+  overflow: hidden;
+
+  width: 100%;
+`;
+exports.IconWrapper = styles_1.styled.div `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(1)};
+`;

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

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

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

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

package/node/components/TreeLikeAsyncAutocomplete/Input/useLogic/index.d.ts

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

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLogic"), exports);

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

@@ -0,0 +1,18 @@
+import { type MouseEvent, type SyntheticEvent } from 'react';
+import { type TreeLikeAsyncAutocompleteValue } from '../../types';
+import type { InputProps } from '../types';
+type UseLogicParams = Pick<InputProps, 'value' | 'disabled' | 'inputRef' | 'onChange' | 'isLoading' | 'onClick'>;
+export declare const useLogic: ({ value, disabled, isLoading, inputRef: externalInputRef, onChange: propsOnChange, onClick: propsOnClick, }: UseLogicParams) => {
+    isVisibleClearButton: boolean;
+    onClearAll: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    onChange: (newValue: TreeLikeAsyncAutocompleteValue | undefined) => void;
+    onClick: (event: MouseEvent<HTMLDivElement>) => void;
+    isVisibleTagsList: boolean;
+    textFieldProps: {
+        value: string;
+        $isHidden: boolean;
+        inputRef: import("react").RefObject<HTMLInputElement>;
+        onClick: (event: MouseEvent<HTMLDivElement>) => void;
+    };
+};
+export {};

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const hooks_1 = require("../../../hooks");
+const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRef, onChange: propsOnChange, onClick: propsOnClick, }) => {
+    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const prevValue = (0, react_1.useRef)(undefined);
+    (0, react_1.useEffect)(() => {
+        if (value && !prevValue.current) {
+            prevValue.current = value;
+        }
+        if (!value && prevValue.current) {
+            inputRef.current?.focus();
+            prevValue.current = undefined;
+        }
+    }, [value]);
+    const prepareValue = () => {
+        if (!value || (Array.isArray(value) && !value.length)) {
+            return '';
+        }
+        return value.map((item) => item.label).join(', ');
+    };
+    const preparedValue = prepareValue();
+    const hasValue = Boolean(preparedValue);
+    const onChange = (newValue) => {
+        propsOnChange?.(newValue);
+    };
+    const onClearAll = (event) => {
+        event.stopPropagation();
+        onChange?.([]);
+        inputRef.current?.focus();
+    };
+    const onClick = (event) => {
+        if (!isLoading) {
+            propsOnClick?.(event);
+        }
+    };
+    const isVisibleClearButton = !disabled && !isLoading && Boolean(value?.length);
+    return {
+        isVisibleClearButton,
+        onClearAll,
+        onChange,
+        onClick,
+        isVisibleTagsList: hasValue,
+        textFieldProps: {
+            value: preparedValue,
+            $isHidden: hasValue,
+            inputRef,
+            onClick,
+        },
+    };
+};
+exports.useLogic = useLogic;

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+type Props = {
+    /**
+     * Текст ошибки при загрузке данных
+     */
+    loadingErrorMsg?: string;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry?: () => void;
+};
+export declare const ErrorMessage: ({ loadingErrorMsg, onRetry, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = require("../../../Button");
+const Typography_1 = require("../../../Typography");
+const styles_1 = require("./styles");
+const DEFAULT_ERROR_MSG = 'Не удалось загрузить данные';
+const ErrorMessage = ({ loadingErrorMsg = DEFAULT_ERROR_MSG, onRetry, }) => ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { color: "textSecondary", children: loadingErrorMsg }), onRetry && (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onRetry, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" })] }));
+exports.ErrorMessage = ErrorMessage;

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/ErrorMessage/index.d.ts

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

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/ErrorMessage/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ErrorMessage"), exports);

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/ErrorMessage/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = void 0;
+const styles_1 = require("../../../styles");
+exports.Wrapper = styles_1.styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing(3)};
+  align-items: center;
+  justify-content: center;
+
+  height: 100%;
+`;

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/Loader/Loader.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Loader: () => JSX.Element;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Loader_1 = require("../../../Loader");
+const styles_1 = require("./styles");
+const Loader = () => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}) }));
+exports.Loader = Loader;

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/Loader/index.d.ts

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

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/Loader/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Loader"), exports);

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/Loader/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = void 0;
+const styles_1 = require("../../../styles");
+exports.Wrapper = styles_1.styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  height: 100%;
+`;