@astral/ui 4.18.4 → 4.18.6

package/node/components/AddressAutocomplete/index.d.ts

@@ -1 +1,2 @@
-export { AddressAutocomplete, type AddressAutocompleteProps, type AddressAutocompleteValue, } from './AddressAutocomplete';
+export { AddressAutocomplete } from './AddressAutocomplete';
+export type { Address, AddressAutocompleteProps, AddressAutocompleteValue, } from './types';

package/node/components/AddressAutocomplete/public.d.ts

@@ -1 +1,2 @@
-export { AddressAutocomplete, type AddressAutocompleteProps, type AddressAutocompleteValue, } from './AddressAutocomplete';
+export { AddressAutocomplete } from './AddressAutocomplete';
+export type { Address, AddressAutocompleteProps, AddressAutocompleteValue, } from './types';

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

@@ -0,0 +1,24 @@
+import { type AsyncAutocompleteProps } from '../AsyncAutocomplete';
+export type Address = {
+    addressString: string;
+};
+export type AddressAutocompleteValue<TOptions extends Address = Address> = TOptions;
+export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompleteValue> = Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, 'className' | 'ref' | 'id' | 'placeholder' | 'onClose' | 'onOpen' | 'open' | 'disablePortal' | 'loadingText' | 'noOptionsText' | 'readOnly' | 'renderOption' | 'autoHighlight' | 'getOptionDisabled' | 'label' | 'helperText' | 'inputRef' | 'size' | 'isDisabled' | 'isLoading' | 'isFullWidth' | 'isError' | 'isSuccess' | 'isRequired' | 'fetchDelayMs' | 'minSymbolsToFetch' | 'fetchOptions' | 'onInputChange' | 'role' | 'defaultValue' | 'hideHelperText'> & {
+    /**
+     *  Значение для autocomplete
+     */
+    value?: AddressAutocompleteValue<TOptions>;
+    /**
+     *  Функция, вызываемая при изменении адреса
+     */
+    onChange: (value: AddressAutocompleteValue<TOptions>) => void;
+    /**
+     *  `freeSolo` позволяет ввести собственное значение в инпут
+     *  @default true
+     */
+    freeSolo?: boolean;
+    /**
+     * Скрытие персональных данных от инструментов мониторинга
+     */
+    isHidePersonalData?: boolean;
+};

package/node/components/AddressAutocomplete/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import type { SyntheticEvent } from 'react';
-import { type Address, type AddressAutocompleteProps, type AddressAutocompleteValue } from '../AddressAutocomplete';
+import { type Address, type AddressAutocompleteProps, type AddressAutocompleteValue } from '../types';
 type UseLogicParams<TOptions extends Address> = AddressAutocompleteProps<TOptions>;
 export declare const useLogic: <TOptions extends Address>({ onChange, isHidePersonalData, }: UseLogicParams<TOptions>) => {
     handleChange: (_: SyntheticEvent, newValue: string | TOptions | null) => void;

package/node/components/Alert/Alert.js

@@ -9,7 +9,7 @@ const InfoFillMd_1 = require("../../icons/InfoFillMd");
 const SuccessFillMd_1 = require("../../icons/SuccessFillMd");
 const WarningFillMd_1 = require("../../icons/WarningFillMd");
 const Collapse_1 = require("../Collapse");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
@@ -27,5 +27,5 @@ exports.Alert = (0, react_1.forwardRef)(({ children, title, closeText = 'Скр
         };
         return ((0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { "$hasTitle": Boolean(title), "$severity": severity, "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.iconWrapper, children: icon ?? iconMapping[severity] }));
     };
-    return ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: display, unmountOnExit: unmountOnExit, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { style: style, className: (0, utils_1.classNames)(className, constants_1.alertClassnames.root), role: "alert", ref: ref, "$severity": severity, "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), children: [(0, jsx_runtime_1.jsxs)(styles_1.Content, { "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.contentWrapper, children: [renderIcon(), title && ((0, jsx_runtime_1.jsx)(styles_1.Title, { variant: "h5", "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.title, children: title })), onClose && renderCloseButton(), (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { component: shouldRenderParagraph ? 'p' : 'div', "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), className: constants_1.alertClassnames.content, children: children })] }), actions && ((0, jsx_runtime_1.jsx)(styles_1.StyledGrid, { container: true, spacing: 4, children: actions }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: display, unmountOnExit: unmountOnExit, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { style: style, className: (0, classNames_1.classNames)(className, constants_1.alertClassnames.root), role: "alert", ref: ref, "$severity": severity, "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), children: [(0, jsx_runtime_1.jsxs)(styles_1.Content, { "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.contentWrapper, children: [renderIcon(), title && ((0, jsx_runtime_1.jsx)(styles_1.Title, { variant: "h5", "$hasCloseButton": Boolean(onClose), className: constants_1.alertClassnames.title, children: title })), onClose && renderCloseButton(), (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { component: shouldRenderParagraph ? 'p' : 'div', "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), className: constants_1.alertClassnames.content, children: children })] }), actions && ((0, jsx_runtime_1.jsx)(styles_1.StyledGrid, { container: true, spacing: 4, children: actions }))] }) }));
 });

package/node/components/Alert/constants.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.alertClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.alertClassnames = {
-    root: (0, utils_1.createUIKitClassname)('alert'),
-    iconWrapper: (0, utils_1.createUIKitClassname)('alert__icon-wrapper'),
-    title: (0, utils_1.createUIKitClassname)('alert__title'),
-    closeButton: (0, utils_1.createUIKitClassname)('alert__close-button'),
-    contentWrapper: (0, utils_1.createUIKitClassname)('alert__content-wrapper'),
-    content: (0, utils_1.createUIKitClassname)('alert__content'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('alert'),
+    iconWrapper: (0, createUIKitClassname_1.createUIKitClassname)('alert__icon-wrapper'),
+    title: (0, createUIKitClassname_1.createUIKitClassname)('alert__title'),
+    closeButton: (0, createUIKitClassname_1.createUIKitClassname)('alert__close-button'),
+    contentWrapper: (0, createUIKitClassname_1.createUIKitClassname)('alert__content-wrapper'),
+    content: (0, createUIKitClassname_1.createUIKitClassname)('alert__content'),
 };

package/node/components/Alert/styles.d.ts

@@ -36,17 +36,11 @@ export declare const Content: import("@emotion/styled/dist/declarations/src/type
     $hasTitle: boolean;
     $hasCloseButton?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const StyledTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -55,17 +49,11 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     $hasCloseButton?: boolean | undefined;
     $hasActions?: boolean | undefined;
 }, {}, {}>;
-export declare const Title: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Title: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/AsyncAutocomplete/AsyncAutocomplete.d.ts

@@ -1,132 +1,13 @@
 /// <reference types="react" />
-import { type AutocompleteProps } from '../Autocomplete';
-export type AsyncAutocompleteProps<TOptions, TMultiple extends boolean = false, TDisableClearable extends boolean = false, TFreeSolo extends boolean = false> = Omit<AutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>, 'inputValue' | 'loading' | 'disabled' | 'fullWidth' | 'error' | 'required' | 'success' | 'options' | 'filterOptions'> & {
-    /**
-     * Если `true`, будет показан индикатор загрузки
-     */
-    isLoading?: boolean;
-    /**
-     * Если `true`, компонент будет не доступен для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Если `true`, компонент растянется на всю ширину
-     */
-    isFullWidth?: boolean;
-    /**
-     * Если `true`, компонент будет отображаться в состоянии ошибки
-     */
-    isError?: boolean;
-    /**
-     * Если `true`, компонент будет помечен как обязательный
-     */
-    isRequired?: boolean;
-    /**
-     * Если `true`, компонент будет отображаться в состоянии успеха
-     */
-    isSuccess?: boolean;
-    /**
-     * Задержка для fetchOptions
-     * @default 300
-     */
-    fetchDelayMs?: number;
-    /**
-     * Функция для асинхронной загрузки опций на основе поискового запроса
-     * При возникновении ошибки запроса данных, компонент сам ее обработает.
-     * Для обработки ошибок вручную используйте параметр `onDataLoadError`
-     *
-     * @param search - Строка поиска, введенная пользователем. На основе этой
-     *   строки функция должна вернуть подходящие опции.
-     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
-     *   если пользователь изменил поисковый запрос или закрыл компонент.
-     *
-     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
-     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
-     *
-     * @example
-     * ```typescript
-     * const fetchOptions = async (search: string, signal: AbortSignal) => {
-     *   const response = await fetch(`/api/search?query=${search}`, { signal });
-     *   const data = await response.json();
-     *   return data.results;
-     * };
-     *
-     * <AsyncAutocomplete fetchOptions={fetchOptions} />
-     * ```
-     */
-    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
-    /**
-     * Минимальное количество символов для выполнения запроса
-     * @default 0
-     */
-    minSymbolsToFetch?: number;
-    /**
-     * Функция для обработки ошибок загрузки данных
-     */
-    onDataLoadError?: (error: Error) => void;
-};
-export declare const AsyncAutocomplete: <TOptions, TMultiple extends boolean = false, TDisableClearable extends boolean = false, TFreeSolo extends boolean = false>(props: Omit<AutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>, "success" | "error" | "disabled" | "fullWidth" | "loading" | "required" | "options" | "filterOptions" | "inputValue"> & {
-    /**
-     * Если `true`, будет показан индикатор загрузки
-     */
+export declare const AsyncAutocomplete: <TOptions, TMultiple extends boolean = false, TDisableClearable extends boolean = false, TFreeSolo extends boolean = false>(props: Omit<import("../Autocomplete").AutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>, "success" | "error" | "disabled" | "fullWidth" | "loading" | "required" | "options" | "filterOptions" | "inputValue"> & {
     isLoading?: boolean | undefined;
-    /**
-     * Если `true`, компонент будет не доступен для взаимодействия
-     */
     isDisabled?: boolean | undefined;
-    /**
-     * Если `true`, компонент растянется на всю ширину
-     */
     isFullWidth?: boolean | undefined;
-    /**
-     * Если `true`, компонент будет отображаться в состоянии ошибки
-     */
     isError?: boolean | undefined;
-    /**
-     * Если `true`, компонент будет помечен как обязательный
-     */
     isRequired?: boolean | undefined;
-    /**
-     * Если `true`, компонент будет отображаться в состоянии успеха
-     */
     isSuccess?: boolean | undefined;
-    /**
-     * Задержка для fetchOptions
-     * @default 300
-     */
     fetchDelayMs?: number | undefined;
-    /**
-     * Функция для асинхронной загрузки опций на основе поискового запроса
-     * При возникновении ошибки запроса данных, компонент сам ее обработает.
-     * Для обработки ошибок вручную используйте параметр `onDataLoadError`
-     *
-     * @param search - Строка поиска, введенная пользователем. На основе этой
-     *   строки функция должна вернуть подходящие опции.
-     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
-     *   если пользователь изменил поисковый запрос или закрыл компонент.
-     *
-     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
-     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
-     *
-     * @example
-     * ```typescript
-     * const fetchOptions = async (search: string, signal: AbortSignal) => {
-     *   const response = await fetch(`/api/search?query=${search}`, { signal });
-     *   const data = await response.json();
-     *   return data.results;
-     * };
-     *
-     * <AsyncAutocomplete fetchOptions={fetchOptions} />
-     * ```
-     */
-    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
-    /**
-     * Минимальное количество символов для выполнения запроса
-     * @default 0
-     */
+    fetchOptions: (search: string, signal?: AbortSignal | undefined) => Promise<TOptions[]>;
     minSymbolsToFetch?: number | undefined;
-    /**
-     * Функция для обработки ошибок загрузки данных
-     */
     onDataLoadError?: ((error: Error) => void) | undefined;
 } & import("react").RefAttributes<unknown>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/node/components/AsyncAutocomplete/AsyncAutocomplete.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Autocomplete_1 = require("../Autocomplete");
 const forwardRefWithGeneric_1 = require("../forwardRefWithGeneric");
 const useLogic_1 = require("./useLogic");
+/* cSpell:ignore Промис */
 const AsyncAutocompleteInner = (props, ref) => {
     const { autocompleteProps } = (0, useLogic_1.useLogic)(props);
     return (0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { ...autocompleteProps, ref: ref });

package/node/components/AsyncAutocomplete/index.d.ts

@@ -1 +1,2 @@
-export { AsyncAutocomplete, type AsyncAutocompleteProps, } from './AsyncAutocomplete';
+export { AsyncAutocomplete } from './AsyncAutocomplete';
+export type { AsyncAutocompleteProps } from './types';

package/node/components/AsyncAutocomplete/public.d.ts

@@ -1 +1,2 @@
-export { AsyncAutocomplete, type AsyncAutocompleteProps, } from './AsyncAutocomplete';
+export { AsyncAutocomplete } from './AsyncAutocomplete';
+export type { AsyncAutocompleteProps } from './types';

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

@@ -0,0 +1,66 @@
+import { type AutocompleteProps } from '../Autocomplete';
+export type AsyncAutocompleteProps<TOptions, TMultiple extends boolean = false, TDisableClearable extends boolean = false, TFreeSolo extends boolean = false> = Omit<AutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>, 'inputValue' | 'loading' | 'disabled' | 'fullWidth' | 'error' | 'required' | 'success' | 'options' | 'filterOptions'> & {
+    /**
+     * Если `true`, будет показан индикатор загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если `true`, компонент будет не доступен для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Если `true`, компонент растянется на всю ширину
+     */
+    isFullWidth?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии ошибки
+     */
+    isError?: boolean;
+    /**
+     * Если `true`, компонент будет помечен как обязательный
+     */
+    isRequired?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии успеха
+     */
+    isSuccess?: boolean;
+    /**
+     * Задержка для fetchOptions
+     * @default 300
+     */
+    fetchDelayMs?: number;
+    /**
+     * Функция для асинхронной загрузки опций на основе поискового запроса
+     * При возникновении ошибки запроса данных, компонент сам ее обработает.
+     * Для обработки ошибок вручную используйте параметр `onDataLoadError`
+     *
+     * @param search - Строка поиска, введенная пользователем. На основе этой
+     *   строки функция должна вернуть подходящие опции.
+     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
+     *   если пользователь изменил поисковый запрос или закрыл компонент.
+     *
+     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
+     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
+     *
+     * @example
+     * ```typescript
+     * const fetchOptions = async (search: string, signal: AbortSignal) => {
+     *   const response = await fetch(`/api/search?query=${search}`, { signal });
+     *   const data = await response.json();
+     *   return data.results;
+     * };
+     *
+     * <AsyncAutocomplete fetchOptions={fetchOptions} />
+     * ```
+     */
+    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
+    /**
+     * Минимальное количество символов для выполнения запроса
+     * @default 0
+     */
+    minSymbolsToFetch?: number;
+    /**
+     * Функция для обработки ошибок загрузки данных
+     */
+    onDataLoadError?: (error: Error) => void;
+};

package/node/components/AsyncAutocomplete/useLogic/useLogic.d.ts

@@ -1,6 +1,6 @@
 import type { AutocompleteInputChangeReason } from '@mui/material/Autocomplete';
 import { type SyntheticEvent } from 'react';
-import { type AsyncAutocompleteProps } from '../AsyncAutocomplete';
+import { type AsyncAutocompleteProps } from '../types';
 type UseLogicParams<TOptions, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = AsyncAutocompleteProps<TOptions, TMultiple, TDisableClearable, TFreeSolo>;
 export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>({ fetchOptions, fetchDelayMs, minSymbolsToFetch, defaultValue, getOptionLabel, noOptionsText, onOpen, onInputChange, onDataLoadError, isLoadedDataError, isDisabled, isFullWidth, isSuccess, isError, isLoading, isRequired, ...restProps }: UseLogicParams<TOptions, TMultiple, TDisableClearable, TFreeSolo>) => {
     autocompleteProps: {

package/node/components/AsyncAutocomplete/useLogic/useLogic.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const useAsyncOptions_1 = require("../../hooks/useAsyncOptions");
+const useAsyncOptions_1 = require("../../useAsyncOptions");
 const constants_1 = require("../constants");
 /* Стандартный фильтр. Необходим для правильного отображения опций, при асинхронном поиске
  * см. https://track.astral.ru/soft/browse/UIKIT-2823 */

package/node/components/AutoSaveIndicator/styles.d.ts

@@ -7,17 +7,11 @@ export declare const PopoverContent: import("@emotion/styled/dist/declarations/s
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const StyledTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -31,17 +25,11 @@ export declare const StyledIconButton: import("@emotion/styled/dist/declarations
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const IndicatorTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const IndicatorTypography: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Typography/types").TypographyPropsBase & {
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/AutoSaveIndicator/useLogic/useLogic.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useLocalStorage_1 = require("../../hooks/useLocalStorage");
+const useLocalStorage_1 = require("../../useLocalStorage");
 const constants_1 = require("../constants");
 const useLogic = () => {
     const [open, setOpen] = (0, react_1.useState)(false);

package/node/components/Autocomplete/Autocomplete.d.ts

@@ -1,92 +1,21 @@
-import { type ReactNode } from 'react';
-import { type OverflowedElementProps } from '../OverflowTypography';
-import { type TextFieldProps } from '../TextField';
-import type { WithoutEmotionSpecific } from '../types';
-import { type AutocompleteRenderInputParams, type MuiAutocompleteProps } from './types';
-export type AutocompleteSize = 'small' | 'medium';
-export type AutocompleteProps<TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>>, 'size' | 'renderInput' | 'noOptionsText' | 'closeText' | 'openText' | 'clearText'> & Pick<TextFieldProps, 'error' | 'success' | 'helperText' | 'label' | 'required' | 'inputRef' | 'placeholder' | 'inputProps'> & {
-    renderInput?: (props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode;
-    size?: AutocompleteSize;
-    /**
-     * Опции для OverflowTypography, который оборачивает содержимое item
-     */
-    overflowOption?: OverflowedElementProps;
-    /**
-     * Текст ошибки, который будет отображаться в меню автокомплита
-     * Пример использования: информирование пользователя о том, что АПИ
-     * используемого сервиса в текущий момент недоступно
-     */
-    loadedDataError?: string;
-    /**
-     * Если true, будет отображено сообщение об ошибке при загрузке данных
-     * в меню автокомплита
-     */
-    isLoadedDataError?: boolean;
-    /**
-     * Текст для отображения, когда нет данных
-     * @default Нет данных
-     */
-    noOptionsText?: ReactNode;
-    /**
-     * Переопределяет текст для кнопки закрытия всплывающего окна
-     * @default Закрыть
-     */
-    closeText?: string;
-    /**
-     * Переопределяет текст для кнопки открытия всплывающего окна
-     * @default Открыть
-     */
-    openText?: string;
-    /**
-     * Переопределяет текст для кнопки отчистки поля
-     * @default Очистить
-     */
-    clearText?: string;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
-    hideHelperText?: boolean;
-};
-export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<TextFieldProps, "label" | "success" | "error" | "inputRef" | "required" | "helperText" | "inputProps" | "placeholder"> & {
-    renderInput?: ((props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode) | undefined;
-    size?: AutocompleteSize | undefined;
-    /**
-     * Опции для OverflowTypography, который оборачивает содержимое item
-     */
-    overflowOption?: OverflowedElementProps | undefined;
-    /**
-     * Текст ошибки, который будет отображаться в меню автокомплита
-     * Пример использования: информирование пользователя о том, что АПИ
-     * используемого сервиса в текущий момент недоступно
-     */
+/// <reference types="react" />
+import { type AutocompleteRenderInputParams } from './types';
+export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material/Autocomplete/Autocomplete").AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<import("../TextField").TextFieldProps, "label" | "success" | "error" | "inputRef" | "required" | "helperText" | "inputProps" | "placeholder"> & {
+    renderInput?: ((props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").TextFieldProps>, "color" | "select" | "margin" | "variant" | "multiline" | "SelectProps"> & {
+        success?: boolean | undefined;
+        startAdornment?: import("react").ReactNode;
+        endAdornment?: import("react").ReactNode;
+        maxLength?: number | undefined;
+        trimmed?: boolean | undefined;
+        hideHelperText?: boolean | undefined;
+    } & Omit<AutocompleteRenderInputParams, "size">) => import("react").ReactNode) | undefined;
+    size?: import("./types").AutocompleteSize | undefined;
+    overflowOption?: import("../OverflowTypography").OverflowedElementProps | undefined;
     loadedDataError?: string | undefined;
-    /**
-     * Если true, будет отображено сообщение об ошибке при загрузке данных
-     * в меню автокомплита
-     */
     isLoadedDataError?: boolean | undefined;
-    /**
-     * Текст для отображения, когда нет данных
-     * @default Нет данных
-     */
-    noOptionsText?: ReactNode;
-    /**
-     * Переопределяет текст для кнопки закрытия всплывающего окна
-     * @default Закрыть
-     */
+    noOptionsText?: import("react").ReactNode;
     closeText?: string | undefined;
-    /**
-     * Переопределяет текст для кнопки открытия всплывающего окна
-     * @default Открыть
-     */
     openText?: string | undefined;
-    /**
-     * Переопределяет текст для кнопки отчистки поля
-     * @default Очистить
-     */
     clearText?: string | undefined;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
     hideHelperText?: boolean | undefined;
 } & import("react").RefAttributes<unknown>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/node/components/Autocomplete/Autocomplete.js

@@ -16,7 +16,7 @@ const Loader_1 = require("../Loader");
 const OverflowTypography_1 = require("../OverflowTypography");
 const Tag_1 = require("../Tag");
 const TextField_1 = require("../TextField");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
@@ -28,7 +28,7 @@ const AutocompleteInner = (props, ref) => {
             ...inputParams,
             inputProps: {
                 ...inputParams.inputProps,
-                className: (0, utils_1.classNames)(inputParams?.inputProps?.className, inputProps?.className),
+                className: (0, classNames_1.classNames)(inputParams?.inputProps?.className, inputProps?.className),
             },
             inputRef,
             required,

package/node/components/Autocomplete/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Autocomplete';
-export type { AutocompleteRenderGetTagProps } from './types';
+export type { AutocompleteRenderGetTagProps, AutocompleteSize, AutocompleteProps, } from './types';

package/node/components/Autocomplete/public.d.ts

@@ -1,2 +1,2 @@
 export * from './Autocomplete';
-export type { AutocompleteRenderGetTagProps } from './types';
+export type { AutocompleteProps, AutocompleteRenderGetTagProps, AutocompleteSize, } from './types';