@astral/ui 4.18.4 → 4.18.6

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/TreeItem/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useToggle } from '../../../hooks/useToggle';
+import { useToggle } from '../../../useToggle';
 import { addItem, addItemsByIds, checkIsSelected, getAllChildrenId, getCurrentValueIds, removeItem, removeItemsByIds, } from './utils';
 export const useLogic = ({ item, value = [], level, isConfirmChildrenSelection, isInitialExpanded, expandedLevel, chainsToSelectedItem = [], disabledItems, onChange, isObjectMode, }) => {
     const { id, children } = item;

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;

package/components/TreeLikeList/useLogic/useLogic.js

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

package/components/Typography/Typography.d.ts

@@ -1,66 +1,15 @@
-import { type TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
-import { type ElementType, type HTMLAttributes } from 'react';
-import type { Intensity, TypographyColor, TypographyVariant } from './types';
-type ComponentProp = ElementType<any>;
-type TypographyPropsBase = Pick<MuiTypographyProps, 'paragraph' | 'noWrap' | 'align' | 'gutterBottom' | 'children'>;
-export type TypographyProps = TypographyPropsBase & {
-    /**
-     * Цвет текста
-     * @default undefined
-     */
-    color?: TypographyColor;
-    /**
-     * Применяет стили оформления темы
-     * @default 'body1'
-     */
-    variant?: TypographyVariant;
-    /**
-     * Интенсивность цвета, будет применена для цвета, у которого есть градации
-     * @default '800'
-     */
-    colorIntensity?: Intensity;
-    /**
-     * Тип HTML - элемента
-     * @default 'p'
-     */
-    component?: ComponentProp;
-    /**
-     * Верхний регистр дочерних элементов
-     * @default false
-     */
-    isUpperCase?: boolean;
-} & HTMLAttributes<HTMLParagraphElement>;
+/// <reference types="react" />
+import type { ComponentProp } from './types';
 declare module '@mui/material/Typography' {
     interface TypographyPropsVariantOverrides {
         link: true;
         pointer: true;
     }
 }
-export declare const Typography: import("react").ForwardRefExoticComponent<TypographyPropsBase & {
-    /**
-     * Цвет текста
-     * @default undefined
-     */
-    color?: TypographyColor | undefined;
-    /**
-     * Применяет стили оформления темы
-     * @default 'body1'
-     */
-    variant?: TypographyVariant | undefined;
-    /**
-     * Интенсивность цвета, будет применена для цвета, у которого есть градации
-     * @default '800'
-     */
-    colorIntensity?: Intensity | undefined;
-    /**
-     * Тип HTML - элемента
-     * @default 'p'
-     */
+export declare const Typography: import("react").ForwardRefExoticComponent<import("./types").TypographyPropsBase & {
+    color?: import("./types").TypographyColor | undefined;
+    variant?: import("./types").TypographyVariant | undefined;
+    colorIntensity?: import("./types").Intensity | undefined;
     component?: ComponentProp | undefined;
-    /**
-     * Верхний регистр дочерних элементов
-     * @default false
-     */
     isUpperCase?: boolean | undefined;
-} & HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement>>;
-export {};
+} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/components/Typography/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Typography';
-export * from './types';
+export type { Intensity, TypographyColor, TypographyProps, TypographyVariant, } from './types';

package/components/Typography/index.js

@@ -1,2 +1 @@
 export * from './Typography';
-export * from './types';

package/components/Typography/public.d.ts

@@ -1,2 +1,2 @@
 export * from './Typography';
-export * from './types';
+export type { Intensity, TypographyColor, TypographyProps, TypographyVariant, } from './types';

package/components/Typography/public.js

@@ -1,2 +1 @@
 export * from './Typography';
-export * from './types';

package/components/Typography/types.d.ts

@@ -1,3 +1,34 @@
+import { type TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
+import { type ElementType, type HTMLAttributes } from 'react';
 export type Intensity = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100';
 export type TypographyColor = 'text' | 'secondary' | 'primary' | 'error' | 'success' | 'warning' | 'textSecondary' | 'grey' | 'red' | 'green' | 'yellow';
 export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'caption' | 'button' | 'pointer' | 'link' | 'inherit';
+export type ComponentProp = ElementType<any>;
+export type TypographyPropsBase = Pick<MuiTypographyProps, 'paragraph' | 'noWrap' | 'align' | 'gutterBottom' | 'children'>;
+export type TypographyProps = TypographyPropsBase & {
+    /**
+     * Цвет текста
+     * @default undefined
+     */
+    color?: TypographyColor;
+    /**
+     * Применяет стили оформления темы
+     * @default 'body1'
+     */
+    variant?: TypographyVariant;
+    /**
+     * Интенсивность цвета, будет применена для цвета, у которого есть градации
+     * @default '800'
+     */
+    colorIntensity?: Intensity;
+    /**
+     * Тип HTML - элемента
+     * @default 'p'
+     */
+    component?: ComponentProp;
+    /**
+     * Верхний регистр дочерних элементов
+     * @default false
+     */
+    isUpperCase?: boolean;
+} & HTMLAttributes<HTMLParagraphElement>;

package/components/WelcomeScreen/styles.d.ts

@@ -15,32 +15,20 @@ export declare const GreetingWrapper: import("../styled").StyledComponent<{
     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 Greeting: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Greeting: import("../styled").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;
 }, {}, {}>;
-export declare const UserName: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const UserName: import("../styled").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/components/declaration/mui-material.d.ts

@@ -2,8 +2,11 @@ import { type Theme as MuiTheme } from '@mui/material/styles';
 
 import { type Elevation } from '../theme/elevation';
 import { type MicroSpacing } from '../theme/microSpacing';
-import { type Palette, type Shape } from '../theme/types';
-import { type TypographyThemeOptions } from '../theme/typography';
+import {
+  type Palette,
+  type Shape,
+  type TypographyThemeOptions,
+} from '../theme/types';
 
 declare module '@mui/material/styles' {
   export interface Theme

package/components/fileUploading/FileInfo/styles.d.ts

@@ -342,17 +342,11 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
 } & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const FileSize: import("../../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const FileSize: import("../../styled").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/components/fileUploading/FileUploaderDropzone/HintPlaceholder/HintPlaceholder.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
 import { Typography } from '../../../Typography';
-import { declensionFile } from '../../utils';
+import { declensionFile } from '../../utils/declensionFile';
 import { Extensions } from './styles';
 import { useLogic } from './useLogic';
 export const HintPlaceholder = (props) => {

package/components/fileUploading/FileUploaderDropzone/LimitMaxFilePlaceholder/LimitMaxFilePlaceholder.js

@@ -1,4 +1,4 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography } from '../../../Typography';
-import { declensionFile } from '../../utils';
+import { declensionFile } from '../../utils/declensionFile';
 export const LimitMaxFilePlaceholder = ({ maxFileCount, className, }) => (_jsxs(Typography, { className: className, component: "p", color: "textSecondary", variant: "caption", align: "center", children: ["\u0412\u044B \u0434\u043E\u0441\u0442\u0438\u0433\u043B\u0438 \u043B\u0438\u043C\u0438\u0442\u0430 \u0432 ", maxFileCount, " ", declensionFile(maxFileCount), ". \u0414\u043B\u044F \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043D\u043E\u0432\u044B\u0445 \u0443\u0434\u0430\u043B\u0438\u0442\u0435 \u043B\u044E\u0431\u043E\u0439 \u0438\u0437 \u0442\u0435\u043A\u0443\u0449\u0438\u0445"] }));

package/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.js

@@ -3,7 +3,7 @@ import { useContext } from 'react';
 import { ConfigContext } from '../../../../ConfigProvider';
 import { ABORT_ERROR_MESSAGE, EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE, } from '../../../constants';
 import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
-import { generateAttrLinkNewTab } from '../../../utils';
+import { generateAttrLinkNewTab } from '../../../utils/generateAttrLinkNewTab';
 export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, fileName, }) => {
     const { captureException } = useContext(ConfigContext);
     const { generateUrl } = useGenerateLocalFileURL();

package/components/fileUploading/FileUploaderFile/FileUploaderFile.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography } from '../../Typography';
-import { Grow } from '../../transitions';
+import { Grow } from '../../transitions/Grow';
 import { FileInfo } from '../FileInfo';
 import { Actions } from './Actions';
 import { Progress } from './Progress';

package/components/fileUploading/FileUploaderFile/Progress/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useInterval } from '../../../../hooks/useInterval';
+import { useInterval } from '../../../../useInterval';
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 export const useLogic = ({ progress }) => {

package/components/fileUploading/PreviewFileUploaderFile/FileLoading/Progress/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useInterval } from '../../../../../hooks/useInterval';
+import { useInterval } from '../../../../../useInterval';
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 export const useLogic = ({ progress }) => {

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/FilePreview.js

@@ -3,10 +3,10 @@ import { BinOutlineMd } from '../../../../icons/BinOutlineMd';
 import { DownloadOutlineMd } from '../../../../icons/DownloadOutlineMd';
 import { EyeOutlineMd } from '../../../../icons/EyeOutlineMd';
 import { Button } from '../../../Button';
-import { useViewportType } from '../../../hooks/useViewportType';
 import { IconButton } from '../../../IconButton';
 import { Tooltip } from '../../../Tooltip';
 import { Typography } from '../../../Typography';
+import { useViewportType } from '../../../useViewportType';
 import { previewFileUploaderClassnames } from '../../constants';
 import { Preview } from './Preview';
 import { Actions, Details, StyledFileInfo, Wrapper } from './styles';

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.js

@@ -3,7 +3,7 @@ import { useContext } from 'react';
 import { ConfigContext } from '../../../../ConfigProvider';
 import { EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE, } from '../../../constants';
 import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
-import { generateAttrLinkNewTab } from '../../../utils';
+import { generateAttrLinkNewTab } from '../../../utils/generateAttrLinkNewTab';
 export const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onView, fileType, }) => {
     const { captureException } = useContext(ConfigContext);
     const { generateUrl } = useGenerateLocalFileURL();

package/components/fileUploading/PreviewFileUploaderFile/PreviewFileUploaderFile.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fade } from '../../transitions';
+import { Fade } from '../../transitions/Fade';
 import { FileError } from './FileError';
 import { FileLoading } from './FileLoading';
 import { FilePreview } from './FilePreview';

package/components/fileUploading/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const DEFAULT_FILE_STATUS = {
     isLoading: false,
     isUploadError: false,

package/components/fileUploading/hooks/useFileUploader/useFileUploader.js

@@ -1,11 +1,13 @@
 import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
 import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
 import { useMemo } from 'react';
-import { useGenerateLocalId } from '../../../hooks/useGenerateLocalId';
-import { useId } from '../../../hooks/useId';
+import { useGenerateLocalId } from '../../../useGenerateLocalId';
+import { useId } from '../../../useId';
 import { DEFAULT_FILE_STATUS, fileUploaderClassnames } from '../../constants';
 import { restrictFileMaxSize, restrictFileType } from '../../restrictions';
-import { compareFile, rulePipe, toArray } from '../../utils';
+import { compareFile } from '../../utils/compareFile';
+import { rulePipe } from '../../utils/rulePipe';
+import { toArray } from '../../utils/toArray';
 import { useDnD } from '../useDnD';
 import { useUploadFiles } from '../useUploadFiles';
 export const useFileUploader = ({ value, isDisabled, isMultiple, accept, restrictions = [], maxFileSize, maxFileCount = 1, // для случая, когда isMultiple=false

package/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.js

@@ -1,11 +1,13 @@
 import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
 import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
 import { useMemo, } from 'react';
-import { useGenerateLocalId } from '../../../hooks/useGenerateLocalId';
-import { useId } from '../../../hooks/useId';
+import { useGenerateLocalId } from '../../../useGenerateLocalId';
+import { useId } from '../../../useId';
 import { DEFAULT_FILE_STATUS, previewFileUploaderClassnames, } from '../../constants';
 import { restrictFileMaxSize, restrictFileType } from '../../restrictions';
-import { compareFile, rulePipe, toArray } from '../../utils';
+import { compareFile } from '../../utils/compareFile';
+import { rulePipe } from '../../utils/rulePipe';
+import { toArray } from '../../utils/toArray';
 import { useDnD } from '../useDnD';
 import { useUploadFiles } from '../useUploadFiles';
 export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [], maxFileSize, inputRef, notify, onChange, onUploadFile, label, isError, generateDownloadLink, onView, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }) => {

package/components/fileUploading/hooks/useSyncFiles/useSyncFiles.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { isEmpty } from '../../../utils';
+import { isEmpty } from '../../../utils/isEmpty';
 export const useSyncFiles = (props) => {
     const { isMultiple, files, selfFiles } = props;
     const handleSingleFileChange = (updatedFiles) => {

package/components/index.d.ts

@@ -62,7 +62,10 @@ export { EmailOrPhoneField, type EmailOrPhoneFieldProps, type EmailOrPhoneFieldV
 export * from './ErrorBoundary';
 export { ExpansionPanel, type ExpansionPanelProps, expansionPanelClassnames, } from './ExpansionPanel';
 export * from './Fab';
-export { Fade, type FadeProps, Zoom, type ZoomProps, Slide, type SlideProps, Grow, type GrowProps, } from './transitions';
+export { Fade, type FadeProps } from './transitions/Fade';
+export { Grow, type GrowProps } from './transitions/Grow';
+export { Slide, type SlideProps } from './transitions/Slide';
+export { Zoom, type ZoomProps } from './transitions/Zoom';
 export { Fieldset, type FieldsetProps } from './Fieldset';
 export { type FileNameProps, Filename } from './Filename';
 export * from './FlowButton';
@@ -70,13 +73,43 @@ export * from './FormControl';
 export * from './FormControlLabel';
 export * from './FormHelperText';
 export * from './FormLabel';
-export { type FileId, FileUploader, type FileUploaderDropZoneProps, FileUploaderDropzone, FileUploaderFile, type FileUploaderFileProps, type FileUploaderNotify, type FileUploaderProps, PreviewFileUploader, PreviewFileUploaderDropZone, type PreviewFileUploaderDropZoneProps, PreviewFileUploaderFile, type PreviewFileUploaderFileProps, type PreviewFileUploaderProps, type RestrictionFn, type RestrictionFnResult, type UploadedFileData, type UploadFile, type UseFileUploaderParams, type UsePreviewFileUploaderParams, useFileUploader, usePreviewFileUploader, fileUploaderClassnames, previewFileUploaderClassnames, } from './fileUploading';
+export { type RestrictionFn, type RestrictionFnResult, type UploadedFileData, type UploadFile, type FileUploaderNotify, type FileUploaderProps, type FileId, FileUploader, } from './fileUploading/FileUploader';
+export { type FileUploaderDropZoneProps, FileUploaderDropzone, } from './fileUploading/FileUploaderDropzone';
+export { FileUploaderFile, type FileUploaderFileProps, } from './fileUploading/FileUploaderFile';
+export { type UseFileUploaderParams, type UsePreviewFileUploaderParams, useFileUploader, usePreviewFileUploader, } from './fileUploading/hooks';
+export { PreviewFileUploader, type PreviewFileUploaderProps, } from './fileUploading/PreviewFileUploader';
+export { PreviewFileUploaderDropZone, type PreviewFileUploaderDropZoneProps, } from './fileUploading/PreviewFileUploaderDropZone';
+export { PreviewFileUploaderFile, type PreviewFileUploaderFileProps, } from './fileUploading/PreviewFileUploaderFile';
+export { fileUploaderClassnames, previewFileUploaderClassnames, } from './fileUploading/constants';
 export * from './forwardRefWithGeneric';
 export * from './GlobalStyles';
 export * from './Grid';
 export { GuidTypography, type GuidTypographyProps } from './GuidTypography';
 export { HintIcon, type HintIconProps } from './HintIcon';
-export * from './hooks';
+export { useAsyncOptions } from './useAsyncOptions';
+export { useCheckControlled } from './useCheckControlled';
+export { type UseClickAwayListenerOptions, useClickAwayEffect, } from './useClickAwayEffect';
+export { type UseEscapeClickEffectProps, useEscapeClickEffect, } from './useEscapeClickEffect';
+export { useFeatureFlags } from './useFeatureFlags';
+export { useFirstMountState } from './useFirstMountState';
+export { useFocusAwayEffect } from './useFocusAwayEffect';
+export { useForwardedRef } from './useForwardedRef';
+export { type UseInputPopoverOptions, useInputPopover, } from './useInputPopover';
+export { useInterval } from './useInterval';
+export { useLoadingState } from './useLoadingState';
+export { useLocaleDateTimeFormat } from './useLocaleDateTimeFormat';
+export { useLocalStorage } from './useLocalStorage';
+export { useMenu } from './useMenu';
+export { type AnchorType, type UsePopoverResult, usePopover, } from './usePopover';
+export { type UsePopoverAnimationResult, usePopoverAnimation, } from './usePopoverAnimation';
+export { useRadioGroup } from './useRadioGroup';
+export { useScrollManagement } from './useScrollManagement';
+export { useSecondsCountdown } from './useSecondsCountDown';
+export { useSet } from './useSet';
+export { useStickyButton } from './useStickyButton';
+export { useToggle } from './useToggle';
+export { useUpdateEffect } from './useUpdateEffect';
+export { useViewportType } from './useViewportType';
 export * from './IconButton';
 export * from './IconDropdownButton';
 export { Iframe, type IframeProps } from './Iframe';
@@ -130,7 +163,8 @@ export * from './ProductSwitcher';
 export * from './Profile';
 export * from './ProgressBar';
 export { PersonalData, useHidePersonalData } from './personalDataSecurity';
-export { type PlaceholderImageProps, LoadingPlaceholder, Placeholder, type PlaceholderProps, type PlaceholderSize, } from './placeholders';
+export { type PlaceholderImageProps, Placeholder, type PlaceholderProps, type PlaceholderSize, } from './placeholders/Placeholder';
+export { LoadingPlaceholder } from './placeholders/LoadingPlaceholder';
 export { radioClassnames, Radio, type RadioProps } from './Radio';
 export { RadioCard, type RadioCardProps, radioCardClassnames, } from './RadioCard';
 export { RadioField, type RadioFieldProps } from './RadioField';
@@ -154,7 +188,7 @@ export * from './StylesCacheProvider';
 export * from './Switch';
 export { SvgIcon, type SvgIconProps, type SvgIconColor, svgIconClassnames, } from './SvgIcon';
 export { UNSTABLE_SecondsCountdownService } from './services';
-export * from './styled';
+export * from './styled/styled';
 export * from './Tabs';
 export * from './Tag';
 export * from './TagBadge';
@@ -169,7 +203,22 @@ export { TreeAutocomplete, type TreeAutocompleteProps, type TreeAutocompleteTree
 export { TreeLikeAutocomplete, type TreeLikeAutocompleteProps, type TreeLikeAutocompleteTreeProps, type TreeLikeAutocompleteValue, } from './TreeLikeAutocomplete';
 export { TreeLikeList, type TreeLikeListProps } from './TreeLikeList';
 export * from './Typography';
-export * from './theme';
-export * from './types';
-export { classNames, createUIKitClassname, redirectToLink, getInertProps, } from './utils';
+export * from './theme/baseTheme';
+export * from './theme/constants';
+export * from './theme/elevation';
+export * from './theme/hooks';
+export * from './theme/palette';
+export * from './theme/shape';
+export * from './theme/types';
+export * from './theme/microSpacing';
+export * from './types/CalendarGridBuilder';
+export * from './types/CloseEventReason';
+export * from './types/ProductionCalendar';
+export * from './types/WithoutEmotionSpecific';
+export * from './types/SyncReactNode';
+export * from './types/SyncFunctionComponent';
+export { classNames } from './utils/classNames';
+export { createUIKitClassname } from './utils/createUIKitClassname';
+export { redirectToLink } from './utils/redirectToLink';
+export { getInertProps } from './utils/getInertProps';
 export { WelcomeScreen, type WelcomeScreenProps } from './WelcomeScreen';