@astral/ui 4.26.0 → 4.27.0

package/node/components/PagePinnableAside/styles.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = exports.ChildrenWrapper = exports.Content = exports.Dummy = exports.Aside = void 0;
+const constants_1 = require("../constants");
 const PageAside_1 = require("../PageAside");
 const styled_1 = require("../styled");
-const constants_1 = require("./constants");
+const constants_2 = require("./constants");
 exports.Aside = (0, styled_1.styled)('aside', {
     shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
 }) `
@@ -18,7 +19,7 @@ exports.Aside = (0, styled_1.styled)('aside', {
   border-bottom-right-radius: ${({ theme }) => theme.shape.medium};
 
   &:hover {
-    .${constants_1.pinnableAsideClassnames.content} {
+    .${constants_2.pinnableAsideClassnames.content} {
       transform: translateX(0);
     }
   }
@@ -123,7 +124,7 @@ exports.Footer = styled_1.styled.footer `
   flex-shrink: 0;
 
   box-sizing: content-box;
-  height: 64px;
+  height: ${constants_1.FOOTER_DESKTOP_HEIGHT};
   margin-top: auto;
 
   background-color: ${({ theme }) => theme.palette.background.default};
@@ -132,4 +133,8 @@ exports.Footer = styled_1.styled.footer `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
+
+  ${({ theme }) => theme.breakpoints.down('lg')} {
+    height: ${constants_1.FOOTER_LAPTOP_HEIGHT};
+  }
 `;

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

@@ -0,0 +1,2 @@
+export declare const FOOTER_DESKTOP_HEIGHT = "64px";
+export declare const FOOTER_LAPTOP_HEIGHT = "56px";

package/node/components/constants/footer.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FOOTER_LAPTOP_HEIGHT = exports.FOOTER_DESKTOP_HEIGHT = void 0;
+exports.FOOTER_DESKTOP_HEIGHT = '64px';
+exports.FOOTER_LAPTOP_HEIGHT = '56px';

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

@@ -1,2 +1,3 @@
 export * from './date';
 export * from './scrollbar';
+export * from './footer';

package/node/components/constants/index.js

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./date"), exports);
 __exportStar(require("./scrollbar"), exports);
+__exportStar(require("./footer"), exports);

package/node/components/useFeatureFlags/useFeatureFlags.d.ts

@@ -17,5 +17,8 @@ type UseFeatureFlagsParams<TFlag extends keyof NextFeatureFlagsContextProps> = {
  * @param componentName - Название компонента, для которого нужно получить флаги.
  * @param localFlags - Локальные флаги, переданные через пропсы.
  */
-export declare const useFeatureFlags: <TFlag extends never>({ localFlags, }: UseFeatureFlagsParams<TFlag>) => {};
+export declare const useFeatureFlags: <TFlag extends keyof {
+    showFocusModeButtonOnLaptop?: boolean | undefined;
+    showFocusModeButtonOnDesktop?: boolean | undefined;
+}>({ localFlags, }: UseFeatureFlagsParams<TFlag>) => {};
 export {};

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

@@ -19,6 +19,6 @@ const FormFilters = (props) => {
     if (isLoading) {
         return (0, jsx_runtime_1.jsx)(FormFiltersSkeleton_1.FormFiltersSkeleton, {});
     }
-    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, { form: headerForm, onSubmit: headerForm.handleSubmit(onSubmit), children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [SearchField && ((0, jsx_runtime_1.jsx)(SearchField, { control: headerForm.control, fullWidth: true })), (0, jsx_runtime_1.jsx)(styles_1.AllFiltersButtonWrapper, { className: allFiltersButtonClassName, children: (0, jsx_runtime_1.jsx)(styles_1.StyledBadge, { color: "error", badgeContent: counter, variant: "dot", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onOpenModal, variant: "outlined", color: "grey", startIcon: (0, jsx_runtime_1.jsx)(Filter2OutlineMd_1.Filter2OutlineMd, {}), endIcon: counter ? ((0, jsx_runtime_1.jsx)(styles_1.StyledCounter, { color: "error", content: counter })) : null, className: constants_1.formFiltersClassnames.allFiltersButton, children: "\u0412\u0441\u0435 \u0444\u0438\u043B\u044C\u0442\u0440\u044B" }) }) }), (0, jsx_runtime_1.jsx)(styles_1.MainFiltersWrapper, { className: constants_1.formFiltersClassnames.pageHeaderFilters, columns: mainFiltersColumns, children: MainFilters && ((0, jsx_runtime_1.jsx)(MainFilters, { control: headerForm.control, isModal: false })) }), SubmitButton && ((0, jsx_runtime_1.jsx)(SubmitButton, { size: "medium", className: constants_1.formFiltersClassnames.submitButton }))] }) }) }), (0, jsx_runtime_1.jsx)(FormFiltersDialog_1.FormFiltersDialog, { ...dialogProps })] }));
+    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, { form: headerForm, onSubmit: headerForm.handleSubmit(onSubmit), children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [SearchField && ((0, jsx_runtime_1.jsx)(SearchField, { control: headerForm.control, fullWidth: true })), (0, jsx_runtime_1.jsx)(styles_1.AllFiltersButtonWrapper, { className: allFiltersButtonClassName, children: (0, jsx_runtime_1.jsx)(styles_1.StyledBadge, { color: "error", badgeContent: counter, variant: "dot", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onOpenModal, variant: "outlined", color: "grey", startIcon: (0, jsx_runtime_1.jsx)(Filter2OutlineMd_1.Filter2OutlineMd, {}), endIcon: counter ? ((0, jsx_runtime_1.jsx)(styles_1.StyledCounter, { color: "error", content: counter })) : null, className: constants_1.formFiltersClassnames.allFiltersButton, children: "\u0412\u0441\u0435 \u0444\u0438\u043B\u044C\u0442\u0440\u044B" }) }) }), (0, jsx_runtime_1.jsx)(styles_1.MainFiltersWrapper, { className: constants_1.formFiltersClassnames.pageHeaderFilters, columns: mainFiltersColumns, children: MainFilters && ((0, jsx_runtime_1.jsx)(MainFilters, { control: headerForm.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 }) }))] }) }) }), (0, jsx_runtime_1.jsx)(FormFiltersDialog_1.FormFiltersDialog, { ...dialogProps })] }));
 };
 exports.FormFilters = FormFilters;

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

@@ -27,3 +27,7 @@ export declare const StyledCounter: import("@emotion/styled/dist/declarations/sr
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
+export declare const SubmitButtonWrapper: 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/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledCounter = exports.StyledBadge = exports.MainFiltersWrapper = exports.AllFiltersButtonWrapper = exports.Wrapper = void 0;
+exports.SubmitButtonWrapper = exports.StyledCounter = exports.StyledBadge = exports.MainFiltersWrapper = exports.AllFiltersButtonWrapper = exports.Wrapper = void 0;
 const Badge_1 = require("@mui/material/Badge");
 const FormLabel_1 = require("@mui/material/FormLabel");
 const InputBase_1 = require("@mui/material/InputBase");
@@ -91,7 +91,14 @@ exports.StyledBadge = (0, styled_1.styled)(Badge_2.Badge) `
     }
 `;
 exports.StyledCounter = (0, styled_1.styled)(Counter_1.Counter) `
-   ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
 `;
+exports.SubmitButtonWrapper = styled_1.styled.div `
+  white-space: nowrap;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: contents;
+  }
+`;

package/package.json

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