@astral/ui 4.87.1 → 4.88.1

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/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
 import type { TabsProps as MuiTabsProps } from '@mui/material/Tabs';
 import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type TabsProps = WithoutEmotionSpecific<MuiTabsProps>;
-export declare const Tabs: ({ ...tabsProps }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ className, ...tabsProps }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/Tabs/Tabs.js

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const useScrollToActiveElement_1 = require("../useScrollToActiveElement");
+const classNames_1 = require("../utils/classNames");
+const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-const Tabs = ({ ...tabsProps }) => {
+const Tabs = ({ className, ...tabsProps }) => {
     const { containerRef } = (0, useScrollToActiveElement_1.useScrollToActiveElement)();
-    return ((0, jsx_runtime_1.jsx)(styles_1.Container, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTabs, { ...tabsProps, ref: containerRef }), (0, jsx_runtime_1.jsx)(styles_1.Divider, {})] }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Container, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTabs, { ...tabsProps, ref: containerRef, className: (0, classNames_1.classNames)(className, constants_1.tabsClassnames.root) }), (0, jsx_runtime_1.jsx)(styles_1.Divider, {})] }) }));
 };
 exports.Tabs = Tabs;

package/node/components/Tabs/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const tabsClassnames: {
+    root: string;
+};

package/node/components/Tabs/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabsClassnames = void 0;
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+exports.tabsClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('tabs-root'),
+};

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

@@ -1,2 +1,3 @@
-export * from './Tabs';
+export { tabsClassnames } from './constants';
 export * from './Tab';
+export * from './Tabs';

package/node/components/Tabs/index.js

@@ -14,5 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Tabs"), exports);
+exports.tabsClassnames = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "tabsClassnames", { enumerable: true, get: function () { return constants_1.tabsClassnames; } });
 __exportStar(require("./Tab"), exports);
+__exportStar(require("./Tabs"), exports);

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

@@ -1,2 +1,3 @@
+export { tabsClassnames } from './constants';
 export * from './Tab';
 export * from './Tabs';

package/node/components/Tabs/public.js

@@ -14,5 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabsClassnames = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "tabsClassnames", { enumerable: true, get: function () { return constants_1.tabsClassnames; } });
 __exportStar(require("./Tab"), exports);
 __exportStar(require("./Tabs"), exports);

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.1",
+  "version": "4.88.1",
   "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)};
-    }
-  }
-`;