@astral/ui 4.18.4 → 4.18.5

package/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/components/Tree/TreeItem/types.js

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

package/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/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/components/Tree/TreeList/TreeItem/index.d.ts

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

package/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/components/Tree/TreeList/TreeItem/types.js

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

package/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/components/Tree/TreeList/TreeList.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../utils';
+import { classNames } from '../../utils/classNames';
 import { treeListClassnames } from './constants';
 import { List } from './styles';
 import { TreeItem } from './TreeItem';

package/components/Tree/TreeList/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../../utils';
+import { createUIKitClassname } from '../../utils/createUIKitClassname';
 export const treeListClassnames = {
     list: createUIKitClassname('tree-list'),
 };

package/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/components/Tree/TreeList/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef } from 'react';
 import { useId } from '../../../hooks/useId';
-import { getFormatDisabledItems } from '../../utils';
+import { getFormatDisabledItems } from '../../utils/getFormatDisabledItems';
 import { getChainId } from './utils';
 export const useLogic = ({ value, data, disabledItems, isObjectMode, }) => {
     const prefixId = useId();

package/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/components/TreeAutocomplete/Input/index.d.ts

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

package/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/components/TreeAutocomplete/Input/types.js

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

package/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/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/components/TreeAutocomplete/OptionsModal/index.d.ts

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

package/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/components/TreeAutocomplete/OptionsModal/types.js

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

package/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/components/TreeLikeAsyncAutocomplete/OptionsModal/useLogic/hooks/useSelectedTreeView/useSelectedTreeView.js

@@ -1,6 +1,8 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { deepMap } from '../../../../../utils/array';
-import { buildSelectedTree, findInTree, preserveNodeOrder } from '../../utils';
+import { buildSelectedTree } from '../../utils/buildSelectedTree';
+import { findInTree } from '../../utils/findInTree';
+import { preserveNodeOrder } from '../../utils/preserveNodeOrder';
 const addIsForceExpandedFlag = (item) => {
     if (item.children) {
         return {

package/components/TreeLikeAutocomplete/Input/Input.d.ts

@@ -1,17 +1,3 @@
 /// <reference types="react" />
-import { type TextFieldProps } from '../../TextField';
-import type { TreeLikeAutocompleteValue, TreeLikeListAutocompleteData } from '../types';
-export type InputProps = Omit<TextFieldProps, 'value' | 'onChange'> & {
-    value?: TreeLikeAutocompleteValue;
-    valueToRender?: TreeLikeListAutocompleteData[] | undefined;
-    /**
-     * Флаг загрузки options
-     * Если true, будет дополнительно отображен лоадер
-     */
-    isLoading?: boolean;
-    /**
-     * Функция, которая запускается при изменении значений
-     */
-    onChange?: (value: TreeLikeAutocompleteValue | undefined) => void;
-};
+import { type InputProps } from './types';
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/components/TreeLikeAutocomplete/Input/index.d.ts

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

package/components/TreeLikeAutocomplete/Input/types.d.ts

@@ -0,0 +1,15 @@
+import { type TextFieldProps } from '../../TextField';
+import type { TreeLikeAutocompleteValue, TreeLikeListAutocompleteData } from '../types';
+export type InputProps = Omit<TextFieldProps, 'value' | 'onChange'> & {
+    value?: TreeLikeAutocompleteValue;
+    valueToRender?: TreeLikeListAutocompleteData[] | undefined;
+    /**
+     * Флаг загрузки options
+     * Если true, будет дополнительно отображен лоадер
+     */
+    isLoading?: boolean;
+    /**
+     * Функция, которая запускается при изменении значений
+     */
+    onChange?: (value: TreeLikeAutocompleteValue | undefined) => void;
+};

package/components/TreeLikeAutocomplete/Input/types.js

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

package/components/TreeLikeAutocomplete/Input/useLogic/useLogic.d.ts

@@ -1,9 +1,8 @@
 import { type SyntheticEvent } from 'react';
 import { type TreeListData } from '../../../Tree';
 import type { TreeLikeAutocompleteValue } from '../../types';
-import { type InputProps } from '../Input';
-type UseLogicParams = InputProps;
-export declare const useLogic: ({ value, disabled, isLoading, inputRef: externalInputRef, onChange, }: UseLogicParams) => {
+import { type InputProps } from '../types';
+export declare const useLogic: ({ value, disabled, isLoading, inputRef: externalInputRef, onChange, }: InputProps) => {
     textFieldProps: {
         $isHidden: boolean;
         inputRef: import("react").RefObject<HTMLInputElement | null>;
@@ -14,4 +13,3 @@ export declare const useLogic: ({ value, disabled, isLoading, inputRef: external
     handleChange: (newValue: TreeListData[] | undefined) => void;
     handleClearAll: (event: SyntheticEvent<HTMLButtonElement>) => void;
 };
-export {};

package/components/TreeLikeAutocomplete/OptionsModal/OptionsModal.d.ts

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

package/components/TreeLikeAutocomplete/OptionsModal/index.d.ts

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

package/components/TreeLikeAutocomplete/OptionsModal/types.d.ts

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

package/components/TreeLikeAutocomplete/OptionsModal/types.js

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

package/components/TreeLikeAutocomplete/OptionsModal/useLogic/useLogic.d.ts

@@ -2,7 +2,7 @@ import { type ButtonProps } from '../../../Button';
 import { type DialogProps } from '../../../Dialog';
 import { type SearchFieldProps } from '../../../SearchField';
 import { type TreeLikeListProps } from '../../../TreeLikeList';
-import { type OptionsModalProps } from '../OptionsModal';
+import { type OptionsModalProps } from '../types';
 type UseLogicParams = OptionsModalProps;
 type UseLogicResult = {
     isNoResult: boolean;

package/components/TreeLikeList/TreeItem/types.d.ts

@@ -1,5 +1,5 @@
 import type { TreeListData } from '../../Tree';
-import type { SyncFunctionComponent } from '../../types';
+import type { SyncFunctionComponent } from '../../types/SyncFunctionComponent';
 import type { MultipleValue } from '../types';
 type FormatDisableItem = {
     id: string;

package/components/TreeLikeList/types.d.ts

@@ -1,5 +1,5 @@
 import type { TreeListData } from '../Tree';
-import type { SyncFunctionComponent } from '../types';
+import type { SyncFunctionComponent } from '../types/SyncFunctionComponent';
 export type MultipleValue = TreeListData[] | string[] | undefined;
 export type DisabledItemValue = string | {
     id: string;