@astral/ui 4.73.1 → 4.75.0

package/node/components/useProfiler/utils/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./shallowEqual"), exports);

package/node/components/useProfiler/utils/shallowEqual/index.d.ts

@@ -0,0 +1 @@
+export { shallowEqual, isObject } from './shallowEqual';

package/node/components/useProfiler/utils/shallowEqual/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isObject = exports.shallowEqual = void 0;
+var shallowEqual_1 = require("./shallowEqual");
+Object.defineProperty(exports, "shallowEqual", { enumerable: true, get: function () { return shallowEqual_1.shallowEqual; } });
+Object.defineProperty(exports, "isObject", { enumerable: true, get: function () { return shallowEqual_1.isObject; } });

package/node/components/useProfiler/utils/shallowEqual/shallowEqual.d.ts

@@ -0,0 +1,5 @@
+export declare const isObject: (value: unknown) => value is Record<string, unknown>;
+/**
+ * Поверхностное сравнение объектов (ключ-в-ключ)
+ */
+export declare const shallowEqual: (objA: unknown, objB: unknown) => boolean;

package/node/components/useProfiler/utils/shallowEqual/shallowEqual.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shallowEqual = exports.isObject = void 0;
+const isObject = (value) => {
+    return typeof value === 'object' && value !== null;
+};
+exports.isObject = isObject;
+/**
+ * Поверхностное сравнение объектов (ключ-в-ключ)
+ */
+const shallowEqual = (objA, objB) => {
+    if (Object.is(objA, objB)) {
+        return true;
+    }
+    if (!(0, exports.isObject)(objA) || !(0, exports.isObject)(objB)) {
+        return false;
+    }
+    const keysA = Object.keys(objA);
+    const keysB = Object.keys(objB);
+    if (keysA.length !== keysB.length) {
+        return false;
+    }
+    for (const key of keysA) {
+        if (!Object.prototype.hasOwnProperty.call(objB, key) ||
+            !Object.is(objA[key], objB[key])) {
+            return false;
+        }
+    }
+    return true;
+};
+exports.shallowEqual = shallowEqual;

package/node/hook-form/FormFilters/FormFilters.js

@@ -19,7 +19,7 @@ const FormFilters = (props) => {
     const { form, onSubmit, searchField: SearchField, mainFilters: MainFilters, quickFilters: QuickFilters, submitButton: SubmitButton, secondaryFilters: SecondaryFilters, onOpenModal, dialogProps, mainFiltersColumns, isLoading, } = (0, useLogic_1.useLogic)(props);
     const { filtersClassName, quickFiltersClassName } = (0, react_1.useContext)(PageHeader_1.FormFiltersLayoutContext) ?? {};
     if (isLoading) {
-        return (0, jsx_runtime_1.jsx)(FormFiltersSkeleton_1.FormFiltersSkeleton, {});
+        return (0, jsx_runtime_1.jsx)(FormFiltersSkeleton_1.FormFiltersSkeleton, { hasQuickFilters: Boolean(QuickFilters) });
     }
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FormControlProvider_1.FormControlProvider, { size: "small", hideHelperText: true, children: (0, jsx_runtime_1.jsx)(Form_1.Form, { name: "astral-ui-form-filters", form: form, onSubmit: form.handleSubmit(onSubmit || (() => undefined)), className: filtersClassName, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [SearchField && (0, jsx_runtime_1.jsx)(SearchField, { control: form.control }), (0, jsx_runtime_1.jsx)(AllFiltersButton_1.AllFiltersButton, { form: form, onOpenModal: onOpenModal, hasMainFilters: Boolean(MainFilters), hasSecondaryFilters: Boolean(SecondaryFilters), hasSearch: Boolean(SearchField), hasQuickFilters: Boolean(QuickFilters) }), (0, jsx_runtime_1.jsx)(styles_1.MainFiltersWrapper, { columns: mainFiltersColumns, children: MainFilters && ((0, jsx_runtime_1.jsx)(MainFilters, { control: form.control, isModal: false })) }), SubmitButton && ((0, jsx_runtime_1.jsx)(styles_1.SubmitButtonWrapper, { children: (0, jsx_runtime_1.jsx)(SubmitButton, { size: "medium", className: constants_1.formFiltersClassnames.submitButton }) }))] }) }) }), QuickFilters && ((0, jsx_runtime_1.jsx)(styles_1.QuickFiltersWrapper, { className: quickFiltersClassName, children: (0, jsx_runtime_1.jsx)(QuickFilters, { control: form.control }) })), (0, jsx_runtime_1.jsx)(FormFiltersDialog_1.FormFiltersDialog, { ...dialogProps })] }));
 };

package/node/hook-form/FormFilters/FormFiltersSkeleton/FormFiltersSkeleton.d.ts

@@ -1 +1,5 @@
-export declare const FormFiltersSkeleton: () => import("react/jsx-runtime").JSX.Element;
+type FormFiltersSkeletonProps = {
+    hasQuickFilters?: boolean;
+};
+export declare const FormFiltersSkeleton: ({ hasQuickFilters, }: FormFiltersSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/node/hook-form/FormFilters/FormFiltersSkeleton/FormFiltersSkeleton.js

@@ -5,9 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const PageHeader_1 = require("../../../components/PageHeader");
 const Skeleton_1 = require("../../../components/Skeleton");
+const FormQuickFiltersSkeleton_1 = require("../FormQuickFiltersSkeleton");
 const styles_1 = require("./styles");
-const FormFiltersSkeleton = () => {
+const FormFiltersSkeleton = ({ hasQuickFilters, }) => {
     const { filtersClassName } = (0, react_1.useContext)(PageHeader_1.FormFiltersLayoutContext) ?? {};
-    return ((0, jsx_runtime_1.jsxs)(styles_1.SkeletonWrapper, { className: filtersClassName, children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.SkeletonWrapper, { className: filtersClassName, children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" })] }), hasQuickFilters && (0, jsx_runtime_1.jsx)(FormQuickFiltersSkeleton_1.FormQuickFiltersSkeleton, {})] }));
 };
 exports.FormFiltersSkeleton = FormFiltersSkeleton;

package/node/hook-form/FormFilters/FormQuickFiltersSkeleton/FormQuickFiltersSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const FormQuickFiltersSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/node/hook-form/FormFilters/FormQuickFiltersSkeleton/FormQuickFiltersSkeleton.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormQuickFiltersSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const PageHeader_1 = require("../../../components/PageHeader");
+const Skeleton_1 = require("../../../components/Skeleton");
+const styles_1 = require("./styles");
+const FormQuickFiltersSkeleton = () => {
+    const { quickFiltersClassName } = (0, react_1.useContext)(PageHeader_1.FormFiltersLayoutContext) ?? {};
+    return ((0, jsx_runtime_1.jsxs)(styles_1.FormQuickFiltersSkeletonWrapper, { className: quickFiltersClassName, children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded", width: 42, height: 24 }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded", width: 92, height: 24 }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded", width: 124, height: 24 })] }));
+};
+exports.FormQuickFiltersSkeleton = FormQuickFiltersSkeleton;

package/node/hook-form/FormFilters/FormQuickFiltersSkeleton/index.d.ts

@@ -0,0 +1 @@
+export * from './FormQuickFiltersSkeleton';

package/node/hook-form/FormFilters/FormQuickFiltersSkeleton/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./FormQuickFiltersSkeleton"), exports);

package/node/hook-form/FormFilters/FormQuickFiltersSkeleton/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FormQuickFiltersSkeletonWrapper: import("@emotion/styled/dist/declarations/src/types").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>, {}>;

package/node/hook-form/FormFilters/FormQuickFiltersSkeleton/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormQuickFiltersSkeletonWrapper = void 0;
+const styled_1 = require("../../../components/styled");
+exports.FormQuickFiltersSkeletonWrapper = styled_1.styled.div `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(2)};
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.73.1",
+  "version": "4.75.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {

package/components/PageContent/useLogic/useLogic.d.ts

@@ -1,7 +0,0 @@
-import type { PageContentProps } from '../types';
-type UseLogicParams = PageContentProps;
-export declare const useLogic: ({ header }: UseLogicParams) => {
-    contentClassnames: string;
-    hasAside: boolean;
-};
-export {};

package/components/PageContent/useLogic/useLogic.js

@@ -1,11 +0,0 @@
-import { useContext, useMemo } from 'react';
-import { PageContext } from '../../PageContext';
-import { classNames } from '../../utils/classNames';
-import { pageContentClassnames } from '../constants';
-export const useLogic = ({ header }) => {
-    const { hasAside } = useContext(PageContext);
-    const contentClassnames = useMemo(() => classNames(pageContentClassnames.content, {
-        [pageContentClassnames.contentHasHeader]: Boolean(header),
-    }), [header]);
-    return { contentClassnames, hasAside };
-};

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

@@ -1,7 +0,0 @@
-import type { PageContentProps } from '../types';
-type UseLogicParams = PageContentProps;
-export declare const useLogic: ({ header }: UseLogicParams) => {
-    contentClassnames: string;
-    hasAside: boolean;
-};
-export {};

package/node/components/PageContent/useLogic/useLogic.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const PageContext_1 = require("../../PageContext");
-const classNames_1 = require("../../utils/classNames");
-const constants_1 = require("../constants");
-const useLogic = ({ header }) => {
-    const { hasAside } = (0, react_1.useContext)(PageContext_1.PageContext);
-    const contentClassnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.pageContentClassnames.content, {
-        [constants_1.pageContentClassnames.contentHasHeader]: Boolean(header),
-    }), [header]);
-    return { contentClassnames, hasAside };
-};
-exports.useLogic = useLogic;