@astral/ui 4.87.0 → 4.88.0

package/node/components/PageAlert/PageAlert.js

@@ -2,11 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageAlert = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("./styles");
+const DashboardAlert_1 = require("../DashboardAlert");
 /**
  * Компонент отображения уведомления на странице приложения
+ *
+ * @deprecated Компонент будет удалён — планируется полный переход на {@link Alert}.
+ * Не используйте `PageAlert` в новом коде, вместо него используйте `Alert`.
+ * Подробнее — в разделе «DashboardAlert / PageAlert» V5 Migration Guide.
  */
 const PageAlert = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledDashboardAlert, { ...props });
+    return (0, jsx_runtime_1.jsx)(DashboardAlert_1.DashboardAlert, { ...props });
 };
 exports.PageAlert = PageAlert;

package/node/components/PageLayout/styles.js

@@ -7,12 +7,16 @@ exports.MobileAlertWrapper = styled_1.styled.div `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: block;
 
+    margin: ${({ theme }) => theme.spacing(3, 4, 0, 4)};
+
     background-color: ${({ theme }) => theme.palette.background.default};
   }
 `;
 exports.DesktopAlertWrapper = styled_1.styled.div `
   display: block;
 
+  margin-bottom: ${({ theme }) => theme.spacing(4)};
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }

package/node/components/Select/Select.js

@@ -40,7 +40,7 @@ const SelectInner = ({ required, getOptionLabel, placeholder, helperText, hideHe
     const renderValue = (selectedOptions) => {
         // Массив с выбранными опциями
         if (Array.isArray(selectedOptions) && selectedOptions.length) {
-            return ((0, jsx_runtime_1.jsx)(TagsList_1.TagsList, { data: selectedOptions, keyId: "value", getOptionLabel: getOptionLabel || ((optionLabel) => optionLabel), onChange: handleChangeArrayValue, onClick: openSelect }));
+            return ((0, jsx_runtime_1.jsx)(TagsList_1.TagsList, { data: selectedOptions, getOptionLabel: getOptionLabel || ((optionLabel) => optionLabel), onChange: handleChangeArrayValue, onClick: openSelect }));
         }
         // Пустой массив или пустая строка
         if ((Array.isArray(selectedOptions) || typeof selectedOptions === 'string') &&

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

@@ -13,7 +13,7 @@ export declare const useLogic: <TValue>({ value, onChange, children, open: exter
     isSelectedAll: boolean | undefined;
     isIndeterminate: boolean | undefined;
     optionsLength: number | null;
-    handleChangeArrayValue: (inputValue: TValue[] | undefined) => void | undefined;
+    handleChangeArrayValue: (inputValue: unknown[] | undefined) => void | undefined;
     selectAllClassName: string | undefined;
     findMenuItemsLabel: (nodes: ReactNode, selectedValue: TValue) => ReactNode;
     isShowingPlaceholder: boolean;

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

@@ -1,5 +1,5 @@
 import { type MouseEvent, type RefObject } from 'react';
-export type TagValue = string | Record<string, unknown>;
+export type TagValue = string | number | Record<string, unknown>;
 export type TagsListProps<TData extends TagValue = TagValue> = {
     /**
      * Название класса, применяется к корневому компоненту
@@ -17,7 +17,7 @@ export type TagsListProps<TData extends TagValue = TagValue> = {
      * Поле, используемое в качестве ключа списка.
      * Если не передано, для генерации ключа будет использоваться getOptionLabel
      */
-    keyId?: TData extends string ? never : keyof TData;
+    keyId?: TData extends object ? keyof TData : never;
     /**
      * Используется для определения строкового значения опции
      */

package/node/components/TagsList/useLogic/useLogic.js

@@ -82,19 +82,25 @@ const useLogic = ({ data = [], keyId, getOptionLabel, onChange, inputContainerRe
             resizeObserver.disconnect();
         };
     }, [data]);
+    /**
+     * Возвращает значение, по которому определяется идентичность тегов.
+     * Для примитивов сравнение идет по самому значению, keyId применим только к объектам
+     */
+    const getComparableValue = (option) => {
+        if (typeof option !== 'object' || option === null) {
+            return option;
+        }
+        if (keyId) {
+            return option[keyId];
+        }
+        return getOptionLabel(option);
+    };
     const getTagProps = (option) => {
         const label = getOptionLabel(option);
         const onDelete = () => {
-            const newValue = data.filter((value) => {
-                if (typeof value === 'string') {
-                    return value !== option;
-                }
-                if (keyId) {
-                    return value[keyId] !== option[keyId];
-                }
-                return getOptionLabel(value) !== getOptionLabel(option);
-            });
-            onChange(newValue.length ? newValue : []);
+            const deletedValue = getComparableValue(option);
+            const newValue = data.filter((value) => getComparableValue(value) !== deletedValue);
+            onChange(newValue);
         };
         return { label, shrinks: false, onDelete };
     };

package/node/components/TagsList/utils/getKey/getKey.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getKey = void 0;
 const getKey = (option, keyId, getOptionLabel) => {
-    if (typeof option === 'string') {
-        return option;
+    const isObjectOption = typeof option === 'object' && option !== null;
+    if (!isObjectOption) {
+        return String(option);
     }
     if (keyId) {
-        const key = option[keyId];
-        return typeof key === 'number' ? key.toString() : key;
+        return String(option[keyId]);
     }
     return getOptionLabel(option).toString();
 };

package/node/components/fileUploading/FileUploader/faker.d.ts

@@ -1,2 +1,2 @@
 import { type AxiosRequestConfig } from 'axios';
-export declare const fakeFileUploadQuery: (formData: FormData, options?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any, {}>>;
+export declare const fakeFileUploadQuery: (formData: FormData, options?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any, {}, any>>;

package/node/components/fileUploading/PreviewFileUploader/faker.d.ts

@@ -1,2 +1,2 @@
 import { type AxiosRequestConfig } from 'axios';
-export declare const fakePreviewFileUploadQuery: (formData: FormData, options?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any, {}>>;
+export declare const fakePreviewFileUploadQuery: (formData: FormData, options?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any, {}, any>>;

package/node/hook-form/EditableText/EditingForm/useLogic/useLogic.d.ts

@@ -5,7 +5,7 @@ type UseLogicParams<TValue> = EditingFormProps<TValue>;
 export declare const useLogic: <TValue>({ initialValue, children, validate, onClose, onSubmit, }: UseLogicParams<TValue>) => {
     formProps: {
         form: import("react-hook-form").UseFormReturn<FormValues, any>;
-        onSubmit: (e?: import("react").BaseSyntheticEvent<object, any, any> | undefined) => Promise<void>;
+        onSubmit: (e?: import("react").BaseSyntheticEvent<object, any, any> | undefined) => Promise<void | undefined>;
     };
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.87.0",
+  "version": "4.88.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
@@ -34,156 +34,156 @@
   },
   "exports": {
     ".": {
-      "node": "./node/index.js",
       "module": "./index.js",
       "require": "./node/index.js",
       "types": "./index.d.ts",
       "default": "./index.js",
-      "import": "./index.js"
+      "import": "./index.js",
+      "node": "./node/index.js"
     },
     "./declarations": {
-      "node": "./node/declarations.js",
       "module": "./declarations.js",
       "require": "./node/declarations.js",
       "types": "./declarations.d.ts",
       "default": "./declarations.js",
-      "import": "./declarations.js"
+      "import": "./declarations.js",
+      "node": "./node/declarations.js"
     },
     "./server": {
-      "node": "./node/server/index.js",
       "module": "./server/index.js",
       "require": "./node/server/index.js",
       "types": "./server/index.d.ts",
       "default": "./server/index.js",
-      "import": "./server/index.js"
+      "import": "./server/index.js",
+      "node": "./node/server/index.js"
     },
     "./components/PdfViewer": {
-      "node": "./node/components/PdfViewer/index.js",
       "module": "./components/PdfViewer/index.js",
       "require": "./node/components/PdfViewer/index.js",
       "types": "./components/PdfViewer/index.d.ts",
       "default": "./components/PdfViewer/index.js",
-      "import": "./components/PdfViewer/index.js"
+      "import": "./components/PdfViewer/index.js",
+      "node": "./node/components/PdfViewer/index.js"
     },
     "./components/JsonViewer": {
-      "node": "./node/components/JsonViewer/index.js",
       "module": "./components/JsonViewer/index.js",
       "require": "./node/components/JsonViewer/index.js",
       "types": "./components/JsonViewer/index.d.ts",
       "default": "./components/JsonViewer/index.js",
-      "import": "./components/JsonViewer/index.js"
+      "import": "./components/JsonViewer/index.js",
+      "node": "./node/components/JsonViewer/index.js"
     },
     "./components/Notification": {
-      "node": "./node/components/Notification/index.js",
       "module": "./components/Notification/index.js",
       "require": "./node/components/Notification/index.js",
       "types": "./components/Notification/index.d.ts",
       "default": "./components/Notification/index.js",
-      "import": "./components/Notification/index.js"
+      "import": "./components/Notification/index.js",
+      "node": "./node/components/Notification/index.js"
     },
     "./components/LegacyNotification": {
-      "node": "./node/components/LegacyNotification/index.js",
       "module": "./components/LegacyNotification/index.js",
       "require": "./node/components/LegacyNotification/index.js",
       "types": "./components/LegacyNotification/index.d.ts",
       "default": "./components/LegacyNotification/index.js",
-      "import": "./components/LegacyNotification/index.js"
+      "import": "./components/LegacyNotification/index.js",
+      "node": "./node/components/LegacyNotification/index.js"
     },
     "./components/Banner": {
-      "node": "./node/components/Banner/index.js",
       "module": "./components/Banner/index.js",
       "require": "./node/components/Banner/index.js",
       "types": "./components/Banner/index.d.ts",
       "default": "./components/Banner/index.js",
-      "import": "./components/Banner/index.js"
+      "import": "./components/Banner/index.js",
+      "node": "./node/components/Banner/index.js"
     },
     "./components/unstable/ResizingDataGrid": {
-      "node": "./node/components/ResizingDataGrid/index.js",
       "module": "./components/ResizingDataGrid/index.js",
       "require": "./node/components/ResizingDataGrid/index.js",
       "types": "./components/ResizingDataGrid/index.d.ts",
       "default": "./components/ResizingDataGrid/index.js",
-      "import": "./components/ResizingDataGrid/index.js"
+      "import": "./components/ResizingDataGrid/index.js",
+      "node": "./node/components/ResizingDataGrid/index.js"
     },
     "./components/unstable/ResizingDataGridInfinite": {
-      "node": "./node/components/ResizingDataGridInfinite/index.js",
       "module": "./components/ResizingDataGridInfinite/index.js",
       "require": "./node/components/ResizingDataGridInfinite/index.js",
       "types": "./components/ResizingDataGridInfinite/index.d.ts",
       "default": "./components/ResizingDataGridInfinite/index.js",
-      "import": "./components/ResizingDataGridInfinite/index.js"
+      "import": "./components/ResizingDataGridInfinite/index.js",
+      "node": "./node/components/ResizingDataGridInfinite/index.js"
     },
     "./components/InfiniteTreeList": {
-      "node": "./node/components/InfiniteTreeList/index.js",
       "module": "./components/InfiniteTreeList/index.js",
       "require": "./node/components/InfiniteTreeList/index.js",
       "types": "./components/InfiniteTreeList/index.d.ts",
       "default": "./components/InfiniteTreeList/index.js",
-      "import": "./components/InfiniteTreeList/index.js"
+      "import": "./components/InfiniteTreeList/index.js",
+      "node": "./node/components/InfiniteTreeList/index.js"
     },
     "./components/RedesignBanner": {
-      "node": "./node/components/RedesignBanner/index.js",
       "module": "./components/RedesignBanner/index.js",
       "require": "./node/components/RedesignBanner/index.js",
       "types": "./components/RedesignBanner/index.d.ts",
       "default": "./components/RedesignBanner/index.js",
-      "import": "./components/RedesignBanner/index.js"
+      "import": "./components/RedesignBanner/index.js",
+      "node": "./node/components/RedesignBanner/index.js"
     },
     "./components/TreeAsyncAutocomplete": {
-      "node": "./node/components/TreeAsyncAutocomplete/index.js",
       "module": "./components/TreeAsyncAutocomplete/index.js",
       "require": "./node/components/TreeAsyncAutocomplete/index.js",
       "types": "./components/TreeAsyncAutocomplete/index.d.ts",
       "default": "./components/TreeAsyncAutocomplete/index.js",
-      "import": "./components/TreeAsyncAutocomplete/index.js"
+      "import": "./components/TreeAsyncAutocomplete/index.js",
+      "node": "./node/components/TreeAsyncAutocomplete/index.js"
     },
     "./components/TreeLikeAsyncAutocomplete": {
-      "node": "./node/components/TreeLikeAsyncAutocomplete/index.js",
       "module": "./components/TreeLikeAsyncAutocomplete/index.js",
       "require": "./node/components/TreeLikeAsyncAutocomplete/index.js",
       "types": "./components/TreeLikeAsyncAutocomplete/index.d.ts",
       "default": "./components/TreeLikeAsyncAutocomplete/index.js",
-      "import": "./components/TreeLikeAsyncAutocomplete/index.js"
+      "import": "./components/TreeLikeAsyncAutocomplete/index.js",
+      "node": "./node/components/TreeLikeAsyncAutocomplete/index.js"
     },
     "./components/CardGridInfinite": {
-      "node": "./node/components/CardGridInfinite/index.js",
       "module": "./components/CardGridInfinite/index.js",
       "require": "./node/components/CardGridInfinite/index.js",
       "types": "./components/CardGridInfinite/index.d.ts",
       "default": "./components/CardGridInfinite/index.js",
-      "import": "./components/CardGridInfinite/index.js"
+      "import": "./components/CardGridInfinite/index.js",
+      "node": "./node/components/CardGridInfinite/index.js"
     },
     "./*": {
-      "node": "./node/components/*/public.js",
       "module": "./components/*/public.js",
       "require": "./node/components/*/public.js",
       "types": "./components/*/public.d.ts",
       "default": "./components/*/public.js",
-      "import": "./components/*/public.js"
+      "import": "./components/*/public.js",
+      "node": "./node/components/*/public.js"
     },
     "./hook-form/*": {
-      "node": "./node/hook-form/*/public.js",
       "module": "./hook-form/*/public.js",
       "require": "./node/hook-form/*/public.js",
       "types": "./hook-form/*/public.d.ts",
       "default": "./hook-form/*/public.js",
-      "import": "./hook-form/*/public.js"
+      "import": "./hook-form/*/public.js",
+      "node": "./node/hook-form/*/public.js"
     },
     "./icons/*": {
-      "node": "./node/icons/*/public.js",
       "module": "./icons/*/public.js",
       "require": "./node/icons/*/public.js",
       "types": "./icons/*/public.d.ts",
       "default": "./icons/*/public.js",
-      "import": "./icons/*/public.js"
+      "import": "./icons/*/public.js",
+      "node": "./node/icons/*/public.js"
     },
     "./constants/*": {
-      "node": "./node/constants/*/public.js",
       "module": "./constants/*/public.js",
       "require": "./node/constants/*/public.js",
       "types": "./constants/*/public.d.ts",
       "default": "./constants/*/public.js",
-      "import": "./constants/*/public.js"
+      "import": "./constants/*/public.js",
+      "node": "./node/constants/*/public.js"
     }
   },
   "author": "Astral.Soft",

package/components/PageAlert/styles.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const StyledDashboardAlert: import("../styled").StyledComponent<Omit<import("../Alert").AlertProps, "title" | "display" | "slots" | "slotProps" | "actions"> & {
-    linkButtonProps?: import("../DashboardAlert/types").LinkButtonProps<import("react").ElementType> | undefined;
-    isShow?: boolean | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/components/PageAlert/styles.js

@@ -1,10 +0,0 @@
-import { alertClassnames } from '../Alert';
-import { DashboardAlert } from '../DashboardAlert';
-import { styled } from '../styled';
-export const StyledDashboardAlert = styled(DashboardAlert) `
-  &.${alertClassnames.root} {
-    ${({ theme }) => theme.breakpoints.down('sm')} {
-      margin: ${({ theme }) => theme.spacing(3, 4, 0, 4)};
-    }
-  }
-`;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const StyledDashboardAlert: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../Alert").AlertProps, "title" | "display" | "slots" | "slotProps" | "actions"> & {
-    linkButtonProps?: import("../DashboardAlert/types").LinkButtonProps<import("react").ElementType> | undefined;
-    isShow?: boolean | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/node/components/PageAlert/styles.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledDashboardAlert = void 0;
-const Alert_1 = require("../Alert");
-const DashboardAlert_1 = require("../DashboardAlert");
-const styled_1 = require("../styled");
-exports.StyledDashboardAlert = (0, styled_1.styled)(DashboardAlert_1.DashboardAlert) `
-  &.${Alert_1.alertClassnames.root} {
-    ${({ theme }) => theme.breakpoints.down('sm')} {
-      margin: ${({ theme }) => theme.spacing(3, 4, 0, 4)};
-    }
-  }
-`;