@astral/ui 4.17.5 → 4.17.6

package/node/components/PageLayout/PageHeader/PageActions/SecondaryVisibleActions/styles.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export declare const StyledMobileButton: import("@emotion/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
-    loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
-    component?: import("react").ElementType | undefined;
-    selected?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const StyledSecondaryVisibleActions: import("@emotion/styled").StyledComponent<import("../../../../ActionGroup").SecondaryVisibleActionProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/node/components/PageLayout/PageHeader/PageActions/SecondaryVisibleActions/styles.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledSecondaryVisibleActions = exports.StyledMobileButton = void 0;
-const ActionGroup_1 = require("../../../../ActionGroup");
-const Button_1 = require("../../../../Button");
-const styles_1 = require("../../../../styles");
-exports.StyledMobileButton = (0, styles_1.styled)(Button_1.Button) `
-  display: none;
-  flex-grow: 1;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: flex;
-  }
-`;
-exports.StyledSecondaryVisibleActions = (0, styles_1.styled)(ActionGroup_1.SecondaryVisibleActions) `
-  display: flex;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;

package/node/components/PageLayout/PageHeader/PageActions/styles.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SecondaryWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $spacing: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ActionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $spacing: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/PageLayout/PageHeader/PageActions/styles.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionWrapper = exports.SecondaryWrapper = exports.Wrapper = void 0;
-const styles_1 = require("../../../styles");
-exports.Wrapper = styles_1.styled.div `
-  display: flex;
-  grid-column: 3;
-  grid-row: 1 / 4;
-  gap: ${({ theme }) => theme.spacing(2)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;
-exports.SecondaryWrapper = (0, styles_1.styled)('div') `
-  display: flex;
-  flex-wrap: nowrap;
-  gap: ${({ theme, $spacing }) => theme.spacing($spacing)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    gap: ${({ theme }) => theme.spacing(2)};
-  }
-`;
-exports.ActionWrapper = styles_1.styled.div `
-  display: flex;
-  flex-direction: row-reverse;
-  gap: ${({ theme, $spacing }) => theme.spacing($spacing)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    gap: ${({ theme }) => theme.spacing(2)};
-  }
-`;

package/node/components/PageLayout/PageHeader/PageHeader.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils");
-const constants_1 = require("./constants");
-const HeaderContent_1 = require("./HeaderContent");
-const MobilePageActions_1 = require("./MobilePageActions");
-const styles_1 = require("./styles");
-const Title_1 = require("./Title");
-const useLogic_1 = require("./useLogic");
-const PageHeader = (props) => {
-    const { title, description, subheader, breadcrumbs, actions, backButton, className, } = props;
-    const { isLoading, mobileTitleActions, isShowMobileActions, mobileClassnames, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MobileTitleWrapper, { className: mobileClassnames, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading }), mobileTitleActions && mobileTitleActions] }), (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: className, children: (0, jsx_runtime_1.jsx)(HeaderContent_1.HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, isLoading: isLoading }) }), isShowMobileActions && ((0, jsx_runtime_1.jsx)(MobilePageActions_1.MobilePageActions, { className: (0, utils_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, ...actions }))] }));
-};
-exports.PageHeader = PageHeader;

package/node/components/PageLayout/PageHeader/Title/Title.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../../../icons");
-const OverflowTypography_1 = require("../../../OverflowTypography");
-const styles_1 = require("./styles");
-const Title = ({ backButton, title, isLoading, hasDescription, hasBreadcrumbs, }) => {
-    if (!title && isLoading) {
-        return (0, jsx_runtime_1.jsx)(styles_1.StyledSkeleton, { height: 20, width: 280, variant: "rounded" });
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [backButton && ((0, jsx_runtime_1.jsx)(styles_1.BackButton, { ...backButton, variant: "outlined", color: "grey", size: "medium", children: (0, jsx_runtime_1.jsx)(icons_1.ArrowLOutlineMd, {}) })), typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(styles_1.TitleWrapper, { component: "h1", variant: "h3", "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { component: "div", variant: "inherit", children: title }) })) : ((0, jsx_runtime_1.jsx)(styles_1.TitleWrapper, { component: "div", role: "heading", variant: "h3", "aria-level": 1, "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: title }))] }));
-};
-exports.Title = Title;

package/node/components/PageLayout/PageHeader/Title/styles.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
-    color?: import("../../../Typography").TypographyColor | undefined;
-    variant?: import("../../../Typography").TypographyVariant | undefined;
-    colorIntensity?: import("../../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
-    isUpperCase?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    $hasDescription?: boolean | undefined;
-    $hasBreadcrumbs?: boolean | undefined;
-}, {}, {}>;
-export declare const BackButton: import("@emotion/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
-    loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
-    component?: import("react").ElementType | undefined;
-    selected?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const StyledSkeleton: import("@emotion/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").SkeletonProps<import("react").ElementType, unknown>>, "animation" | "variant"> & {
-    component?: import("react").ElementType | undefined;
-    variant?: "text" | "rounded" | "circular" | undefined;
-    shapeSize?: "small" | "medium" | "large" | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/node/components/PageLayout/PageHeader/Title/styles.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledSkeleton = exports.BackButton = exports.TitleWrapper = void 0;
-const IconButton_1 = require("../../../IconButton");
-const Skeleton_1 = require("../../../Skeleton");
-const styles_1 = require("../../../styles");
-const Typography_1 = require("../../../Typography");
-const getGridRow = (hasDescription, hasBreadcrumbs) => {
-    if (!hasDescription && !hasBreadcrumbs) {
-        return '1 / 4';
-    }
-    if (!hasDescription) {
-        return '2 / 4';
-    }
-    if (!hasBreadcrumbs) {
-        return '1 / 3';
-    }
-    return '2';
-};
-exports.TitleWrapper = (0, styles_1.styled)(Typography_1.Typography, {
-    shouldForwardProp: (prop) => !['$hasDescription', '$hasBreadcrumbs'].includes(prop),
-}) `
-  overflow: hidden;
-  grid-column: 2;
-  grid-row: ${({ $hasDescription, $hasBreadcrumbs }) => getGridRow($hasDescription, $hasBreadcrumbs)};
-  align-self: center;
-
-  margin-right: ${({ theme }) => theme.spacing(3)};
-
-  line-height: ${({ theme }) => theme.typography.h2.lineHeight};
-  
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    font-size: ${({ theme }) => theme.typography.h5.fontSize};
-    line-height: ${({ theme }) => theme.typography.h5.lineHeight};
-    white-space: nowrap;
-  }
-`;
-exports.BackButton = (0, styles_1.styled)(IconButton_1.IconButton) `
-  grid-column: 1;
-  grid-row: 1 / 4;
-
-  margin-right: ${({ theme }) => theme.spacing(3)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    margin-right: ${({ theme }) => theme.spacing(1)};
-    
-    border: unset;
-  }
-`;
-exports.StyledSkeleton = (0, styles_1.styled)(Skeleton_1.Skeleton) `
-  grid-column: 2;
-  grid-row: 2;
-
-  margin: ${({ theme }) => theme.spacing(1, 0)};
-`;

package/node/components/PageLayout/PageHeader/constants.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PAGE_HEADER_HEIGHT_MOBILE = exports.pageHeaderClassnames = void 0;
-const utils_1 = require("../../utils");
-exports.pageHeaderClassnames = {
-    pageHeaderMobileTitle: (0, utils_1.createUIKitClassname)('page-header__mobile-title'),
-    pageHeaderActions: (0, utils_1.createUIKitClassname)('page-header__actions'),
-    hasBackButton: (0, utils_1.createUIKitClassname)('page-header_has-back-button'),
-    hasTitle: (0, utils_1.createUIKitClassname)('page-header_has-title'),
-};
-exports.PAGE_HEADER_HEIGHT_MOBILE = '48px';

package/node/components/PageLayout/PageHeader/hooks/usePageTitle/usePageTitle.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageTitle = void 0;
-const react_1 = require("react");
-const ConfigProvider_1 = require("../../../../ConfigProvider");
-const utils_1 = require("../../../../utils");
-const usePageTitle = ({ shouldUpdateDocumentTitle, title, htmlTitle, }) => {
-    const prevTitleRef = (0, react_1.useRef)(null);
-    const { components } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    (0, react_1.useEffect)(() => {
-        const isDynamicTitle = typeof shouldUpdateDocumentTitle === 'boolean'
-            ? shouldUpdateDocumentTitle
-            : components?.layout?.defaultProps?.shouldUpdateDocumentTitle;
-        if (!isDynamicTitle) {
-            return;
-        }
-        const newTitle = (0, utils_1.getNodeText)(title);
-        if (!newTitle && !htmlTitle) {
-            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-            console.warn('@astral/ui:PageHeader: Не получилось определить заголовок страницы. Передайте htmlTitle.');
-            return;
-        }
-        prevTitleRef.current = document.title;
-        document.title = htmlTitle ?? newTitle;
-        return () => {
-            if (prevTitleRef.current !== null) {
-                document.title = prevTitleRef.current;
-            }
-        };
-    }, [
-        shouldUpdateDocumentTitle,
-        title,
-        components?.layout?.defaultProps,
-        htmlTitle,
-    ]);
-};
-exports.usePageTitle = usePageTitle;

package/node/components/PageLayout/PageHeader/styles.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const MobileTitleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/PageLayout/PageHeader/styles.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileTitleWrapper = exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-const constants_1 = require("./constants");
-exports.Wrapper = styles_1.styled.header `
-  display: grid;
-  grid-column: 1 / -1;
-  grid-row: 1;
-  grid-template-columns: min-content 1fr auto;
-  grid-template-rows: repeat(4, auto);
-  order: 2;
-
-  padding: ${({ theme }) => theme.spacing(0, 6)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: block;
-
-    margin-bottom: ${({ theme }) => theme.spacing(4)};
-    padding: unset;
-
-    background-color: ${({ theme }) => theme.palette.background.default};
-  }
-`;
-exports.MobileTitleWrapper = styles_1.styled.div `
-  display: none;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    position: sticky;
-    z-index: ${({ theme }) => theme.zIndex.fab};
-    top: 0;
-    
-    align-items: center;
-    order: 1;
-    
-    background-color: ${({ theme }) => theme.palette.background.default};
-    
-    &.${constants_1.pageHeaderClassnames.hasTitle} {
-      display: flex;
-
-      height: ${constants_1.PAGE_HEADER_HEIGHT_MOBILE};
-      min-height: ${constants_1.PAGE_HEADER_HEIGHT_MOBILE};
-      padding: ${({ theme }) => theme.spacing(4)};
-    }
-
-    &.${constants_1.pageHeaderClassnames.hasBackButton} {
-      padding: ${({ theme }) => theme.spacing(0, 4, 0, 1)};
-    }
-  }
-`;

package/node/components/PageLayout/PageHeader/types.d.ts

@@ -1,80 +0,0 @@
-import type { ComponentProps, ElementType, ReactNode } from 'react';
-import type { ButtonProps } from '../../Button';
-import type { Theme } from '../../theme';
-import type { PageActionsProps } from './PageActions';
-export type PageHeaderProps<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TBackButtonComponent extends ElementType = ElementType> = {
-    /**
-     * Заголовок страницы
-     * @example <PageHeader title="Заголовок страницы" />
-     */
-    title?: ReactNode;
-    /**
-     * Описание страницы
-     * @example <PageHeader description="Описание страницы" />
-     */
-    description?: ReactNode;
-    /**
-     * Набор компонент, отображаемый в нижней части блока
-     * @example <PageHeader subheader={<TextField placeholder="Поиск на
-     *   странице..." size="small" />} />
-     */
-    subheader?: ReactNode;
-    /**
-     * Хлебные крошки
-     * @example <PageHeader breadcrumbs={
-     * <Breadcrumbs>
-     *   <Link>Первая ссылка</Link>,
-     *   <Link>Вторая ссылка</Link>,
-     *   <>Текст</>
-     * </Breadcrumbs>
-     * } />
-     */
-    breadcrumbs?: ReactNode;
-    /**
-     * Набор кнопок, видимые конфигурируются через объект main, скрытые в меню -
-     * через secondary
-     * @example <PageHeader actions={{
-     *  main: [
-     *    {
-     *      text: 'Основное действие',
-     *    },
-     *  ],
-     *  secondary: [
-     *    {
-     *      text: 'Вспомогательное действие',
-     *    },
-     *  ]
-     * }} />
-     */
-    actions?: PageActionsProps<TMainActionComponent, TSecondaryActionComponent>;
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Флаг загрузки данных
-     */
-    isLoading?: boolean;
-    /**
-     * Динамическое изменение html title в зависимости от title страницы
-     */
-    shouldUpdateDocumentTitle?: boolean;
-    /**
-     * HTML-заголовок страницы.
-     * Если задан, будет использован как заголовок вкладки браузера.
-     */
-    htmlTitle?: string;
-    /**
-     * Кнопка возврата на предыдущий экран
-     * @example
-     * <PageHeader
-     *  backButton={{
-     *    onClick: () => {},
-     *  }}
-     * />
-     */
-    backButton?: Omit<ButtonProps, 'children' | 'variant'> & {
-        component?: TBackButtonComponent;
-        theme?: Theme | undefined;
-    } & ComponentProps<ElementType extends TBackButtonComponent ? 'button' : TBackButtonComponent>;
-};

package/node/components/PageLayout/PageHeader/useLogic/useLogic.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const utils_1 = require("../../../utils");
-const PageContext_1 = require("../../PageContext");
-const constants_1 = require("../constants");
-const hooks_1 = require("../hooks");
-const useLogic = ({ shouldUpdateDocumentTitle, title, actions, htmlTitle, backButton, }) => {
-    //Переопределение Html title на title из параметров
-    (0, hooks_1.usePageTitle)({ shouldUpdateDocumentTitle, htmlTitle, title });
-    const { mobileTitleActions, isLoading } = (0, react_1.useContext)(PageContext_1.PageContext);
-    const isShowMobileActions = actions && !mobileTitleActions;
-    const mobileClassnames = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderMobileTitle, {
-        [constants_1.pageHeaderClassnames.hasTitle]: Boolean(title) || isLoading,
-        [constants_1.pageHeaderClassnames.hasBackButton]: Boolean(backButton),
-    }), [title, backButton, isLoading]);
-    return {
-        isShowMobileActions,
-        isLoading,
-        mobileTitleActions,
-        mobileClassnames,
-    };
-};
-exports.useLogic = useLogic;

package/node/components/PageLayout/PageLayoutContainer/PageLayoutContainer.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageLayoutContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("../../utils");
-const constants_1 = require("./constants");
-const styles_1 = require("./styles");
-exports.PageLayoutContainer = (0, react_1.forwardRef)(({ children, className }, forwardedRef) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.StylePaper, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, utils_1.classNames)(className, constants_1.pageLayoutClassnames.root), ref: forwardedRef, children: children }) }));
-});

package/node/components/PageLayout/PageLayoutContainer/constants.js

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

package/node/components/PageLayout/PageLayoutContainer/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StylePaper: import("@emotion/styled").StyledComponent<Omit<import("../../Paper").PaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/node/components/PageLayout/PageLayoutContainer/styles.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StylePaper = exports.Wrapper = void 0;
-const Paper_1 = require("../../Paper");
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.div `
-  display: grid;
-  grid-row-gap: ${({ theme }) => theme.spacing(4)};
-  grid-template-columns: 1fr auto;
-  grid-template-rows: auto 1fr;
-  flex-grow: 1;
-
-  height: 100%;
-  min-height: 0;
-  padding-top: ${({ theme }) => theme.spacing(4)};
-
-  background-color: ${({ theme }) => theme.palette.common.white};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    scroll-behavior: smooth;
-
-    overflow: hidden auto;
-    display: flex;
-    grid-row-gap: 0;
-    flex-direction: column;
-
-    margin-bottom: 0;
-    padding-top: 0;
-
-    background-color: ${({ theme }) => theme.palette.background.body};
-    border: unset;
-  }
-`;
-exports.StylePaper = (0, styles_1.styled)(Paper_1.Paper) `
-  height: 100%;
-  
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    border: unset;
-  }
-`;

package/node/components/PageLayout/PageLayoutFooter/styles.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $hasAside: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/node/components/PageLayout/PageLayoutFooter/styles.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.footer `
-  display: flex;
-  gap: ${({ theme }) => theme.spacing(4)};
-  align-items: center;
-  justify-content: flex-end;
-
-  min-height: 64px;
-  padding: ${({ theme }) => theme.spacing(0, 6)};
-
-  background-color: ${({ theme }) => theme.palette.background.default};
-  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-bottom-right-radius: ${({ theme, $hasAside }) => ($hasAside ? 0 : theme.shape.medium)};
-  border-bottom-left-radius: ${({ theme }) => theme.shape.medium};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-`;

package/node/components/PageLayout/PageLayoutLoader/PageLayoutLoader.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageLayoutLoader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const placeholders_1 = require("../../placeholders");
-const styles_1 = require("./styles");
-/**
- * Легковесный компонент для отображения Suspense fallback для lazy import PageLayout
- */
-const PageLayoutLoader = () => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(placeholders_1.LoadingPlaceholder, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445..." }) }));
-exports.PageLayoutLoader = PageLayoutLoader;

package/node/components/PageLayout/PageLayoutLoader/styles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/PageLayout/PageLayoutLoader/styles.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.div `
-  height: 100%;
-
-  background-color: ${({ theme }) => theme.palette.common.white};
-  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-radius: ${({ theme }) => theme.shape.medium};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    background-color: unset;
-  }
-`;

package/node/components/PageLayout/PagePinnableAside/PagePinnableAside.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PagePinnableAside = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../../icons");
-const PinButton_1 = require("../../DashboardLayout/PinButton");
-const utils_1 = require("../../utils");
-const constants_1 = require("./constants");
-const styles_1 = require("./styles");
-const useLogic_1 = require("./useLogic");
-/**
- * Открепляемый aside
- */
-const PagePinnableAside = ({ children, className, ...restProps }) => {
-    const { isPinned, togglePin } = (0, useLogic_1.useLogic)(restProps);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Aside, { "$isPinned": isPinned, children: [(0, jsx_runtime_1.jsx)(styles_1.Dummy, { "$isPinned": isPinned, children: (0, jsx_runtime_1.jsx)(icons_1.MenuOnOutlineMd, {}) }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { "$isPinned": isPinned, className: (0, utils_1.classNames)(className, constants_1.pinnableAsideClassnames.content), children: [(0, jsx_runtime_1.jsx)(styles_1.ChildrenWrapper, { children: children }), (0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(PinButton_1.PinButton, { isPinned: isPinned, isUseCollapse: false, onClick: togglePin }) })] })] }));
-};
-exports.PagePinnableAside = PagePinnableAside;

package/node/components/PageLayout/PagePinnableAside/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ASIDE_LOCAL_STORAGE_KEY = exports.pinnableAsideClassnames = void 0;
-const utils_1 = require("../../utils");
-exports.pinnableAsideClassnames = {
-    content: (0, utils_1.createUIKitClassname)('pinnable-aside__content'),
-};
-exports.ASIDE_LOCAL_STORAGE_KEY = (0, utils_1.generateLocalStorageKey)('Aside', 'isPinned');