@astral/ui 4.18.0-rc.1 → 4.18.0

package/components/PageLayout/PageContent/PageContentHeader/PageContentHeader.d.ts

@@ -1,25 +0,0 @@
-import { type ReactNode } from 'react';
-export type PageContentHeaderProps = {
-    /**
-     * Заголовок контентной части
-     */
-    title?: ReactNode;
-    /**
-     * Описание контентной части
-     */
-    description?: ReactNode;
-    /**
-     * Флаг загрузки данных
-     */
-    isLoading?: boolean;
-    /**
-     * Действия контентной части
-     */
-    actions?: ReactNode;
-    /**
-     * Кастомный контент, отображаемый рядом с `title`.
-     * Если `title` не указан, `children` будет использоваться вместо него.
-     */
-    children?: ReactNode;
-};
-export declare const PageContentHeader: ({ title, description, actions, children, isLoading, }: PageContentHeaderProps) => JSX.Element;

package/components/PageLayout/PageContent/PageContentHeader/PageContentHeaderActions/PageContentHeaderActions.d.ts

@@ -1,4 +0,0 @@
-import type { ElementType } from 'react';
-import { type PageActionsProps } from '../../../PageHeader';
-export type PageContentHeaderActionsProps<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType> = PageActionsProps<TMainActionComponent, TSecondaryActionComponent>;
-export declare const PageContentHeaderActions: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>(props: PageContentHeaderActionsProps<TMainActionComponent, TSecondaryActionComponent>) => JSX.Element;

package/components/PageLayout/PageContent/PageContentHeader/Title/Title.d.ts

@@ -1,8 +0,0 @@
-import { type ReactNode } from 'react';
-type TitleProps = {
-    title?: ReactNode;
-    isLoading?: boolean;
-    children?: ReactNode;
-};
-export declare const Title: ({ title, isLoading, children }: TitleProps) => JSX.Element;
-export {};

package/components/PageLayout/PageContent/PageContentHeader/Title/Title.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { OverflowTypography } from '../../../../OverflowTypography';
-import { Skeleton } from '../../../../Skeleton';
-import { TitleWrapper } from './styles';
-export const Title = ({ title, isLoading, children }) => {
-    if (!title && !children && isLoading) {
-        return _jsx(Skeleton, { height: 20, width: 200 });
-    }
-    if (typeof title === 'string') {
-        return (_jsxs(TitleWrapper, { component: "h3", variant: "h5", children: [_jsx(OverflowTypography, { component: "div", variant: "inherit", children: title }), children] }));
-    }
-    return (_jsxs(TitleWrapper, { component: "div", role: "heading", "aria-level": 3, variant: "h5", children: [title, children] }));
-};

package/components/PageLayout/PageContent/PageContentHeader/Title/styles.d.ts

@@ -1,16 +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;
-}, {}, {}>;

package/components/PageLayout/PageContent/PageContentHeader/Title/styles.js

@@ -1,8 +0,0 @@
-import { styled } from '../../../../styles';
-import { Typography } from '../../../../Typography';
-export const TitleWrapper = styled(Typography) `
-  overflow: hidden;
-  display: flex;
-  gap: ${({ theme }) => theme.spacing(1)};
-  align-items: center;
-`;

package/components/PageLayout/PageContent/PageContentHeader/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 TitleBlock: 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/components/PageLayout/PageContent/PageContentHeader/styles.js

@@ -1,24 +0,0 @@
-import { styled } from '../../../styles';
-export const Wrapper = styled.header `
-  display: flex;
-  gap: ${({ theme }) => theme.spacing(2)};
-  align-items: center;
-  justify-content: space-between;
-
-  padding: ${({ theme }) => theme.spacing(4, 6)};
-
-  border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-      margin: ${({ theme }) => theme.spacing(0, 4)};
-
-      background-color: ${({ theme }) => theme.palette.background.default};
-      border-top-left-radius: ${({ theme }) => theme.shape.medium};
-      border-top-right-radius: ${({ theme }) => theme.shape.medium};
-  }
-`;
-export const TitleBlock = styled.div `
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-`;

package/components/PageLayout/PageContent/constants.js

@@ -1,8 +0,0 @@
-import { createUIKitClassname } from '../../utils';
-export const pageContentClassnames = {
-    pageContent: createUIKitClassname('page-content'),
-    content: createUIKitClassname('page-content__content'),
-    contentHasHeader: createUIKitClassname('page-content__content_has-header'),
-    animation: createUIKitClassname('page-content_animation'),
-};
-export const PAGE_CONTENT_ANIMATION = 'white-flash';

package/components/PageLayout/PageContent/styles.d.ts

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

package/components/PageLayout/PageContent/styles.js

@@ -1,93 +0,0 @@
-import { pdfViewerClassnames } from '../../PdfViewer';
-import { styled } from '../../styles';
-import { PAGE_CONTENT_ANIMATION, pageContentClassnames } from './constants';
-const getPaddingContent = (theme, hasAside) => {
-    return hasAside ? theme.spacing(4, 6, 4) : theme.spacing(0, 6, 4);
-};
-export const Wrapper = styled('article', {
-    shouldForwardProp: (prop) => !['$isFullHeight', '$isSeparatorShown'].includes(prop),
-}) `
-  scroll-behavior: smooth;
-  scrollbar-gutter: unset;
-
-  overflow: hidden;
-  display: flex;
-  grid-column: 1;
-  grid-row: 2;
-  flex-direction: column;
-
-  border-top: ${({ $isSeparatorShown, theme }) => $isSeparatorShown ? `1px solid ${theme.palette.grey[300]}` : 'none'};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    overflow: unset;
-    flex-grow: 1;
-    order: 4;
-
-    height: ${({ $isFullHeight }) => ($isFullHeight ? 'auto' : '100%')};
-
-    border-top: none;
-  }
-
-  @keyframes ${PAGE_CONTENT_ANIMATION} {
-    0% {
-      display: none;
-
-      opacity: 0;
-    }
-
-    50% {
-      display: none;
-
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
-
-  &.${pageContentClassnames.animation} > * {
-    animation: ${({ theme }) => `${PAGE_CONTENT_ANIMATION} ${theme.transitions.duration.complex * 2}ms`};
-  }
-`;
-export const Content = styled.div `
-  scroll-behavior: smooth;
-  scrollbar-gutter: stable;
-
-  overflow: auto;
-  flex-grow: 1;
-
-  padding: ${({ theme, $hasAside }) => getPaddingContent(theme, $hasAside)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    scrollbar-gutter: unset;
-
-    overflow: hidden;
-
-    margin: ${({ theme }) => theme.spacing(0, 4, 4)};
-    padding: ${({ theme }) => theme.spacing(4, 4, 3)};
-
-    background-color: ${({ theme }) => theme.palette.background.default};
-    border-radius: ${({ theme }) => theme.shape.medium};
-
-    &.${pageContentClassnames.contentHasHeader} {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-    }
-  }
-
-  &:has(.${pdfViewerClassnames.document}.${pdfViewerClassnames.zoom}) {
-    scroll-behavior: auto;
-    scrollbar-gutter: auto;
-
-    overflow: auto;
-
-    padding-right: 0;
-
-    ${({ theme }) => theme.breakpoints.down('sm')} {
-      scrollbar-gutter: auto;
-
-      padding: ${({ theme }) => theme.spacing(4, 4, 3)};
-    }
-  }
-`;

package/components/PageLayout/PageContent/types.d.ts

@@ -1,33 +0,0 @@
-import type { ReactNode, RefObject } from 'react';
-import type { PageLayoutFooterProps } from '../PageLayoutFooter';
-export type PageContentProps = {
-    children: ReactNode;
-    /**
-     * Флаг, растягивающий контейнер на 100% высоты
-     * @deprecated Не поддерживается, контейнер всегда растянут на 100% независимо от флага
-     */
-    isFullHeight?: boolean;
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Конфигурация PageLayoutFooter
-     * @example <PageLayout footer={{
-     *  children: 'Нижняя панель страницы',
-     * }} />
-     */
-    footer?: PageLayoutFooterProps | ReactNode;
-    /**
-     * Если true, убирает отступы для Content
-     */
-    isFormPaddingDisable?: boolean;
-    /**
-     * Ref на скролл контейнер
-     */
-    scrollRef?: RefObject<HTMLDivElement>;
-    /**
-     * Header контентной части
-     */
-    header?: ReactNode;
-};

package/components/PageLayout/PageContent/useLogic/useLogic.js

@@ -1,11 +0,0 @@
-import { useContext, useMemo } from 'react';
-import { classNames } from '../../../utils';
-import { PageContext } from '../../PageContext';
-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/components/PageLayout/PageContext/PageContextProvider/PageContextProvider.d.ts

@@ -1,8 +0,0 @@
-import { type ReactNode } from 'react';
-import { type PageContextProps } from '../PageContext';
-type Props = PageContextProps & {
-    children: ReactNode;
-    isLoading?: boolean;
-};
-export declare const PageContextProvider: ({ children, hasAside, mobileTitleActions, isLoading, }: Props) => JSX.Element;
-export {};

package/components/PageLayout/PageHeader/HeaderContent/Description/Description.d.ts

@@ -1,7 +0,0 @@
-import { type ReactNode } from 'react';
-type DescriptionProps = {
-    description?: ReactNode;
-    isLoading?: boolean;
-};
-export declare const Description: ({ description, isLoading }: DescriptionProps) => JSX.Element | null;
-export {};

package/components/PageLayout/PageHeader/HeaderContent/Description/styles.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-export declare const StyledTypography: 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;
-}, {}, {}>;
-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/components/PageLayout/PageHeader/HeaderContent/Description/styles.js

@@ -1,23 +0,0 @@
-import { Skeleton } from '../../../../Skeleton';
-import { styled } from '../../../../styles';
-import { Typography } from '../../../../Typography';
-export const StyledTypography = styled(Typography) `
-  grid-column: 2 / -1;
-  grid-row: 3;
-
-  padding-top: ${({ theme }) => theme.spacing(1)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;
-export const StyledSkeleton = styled(Skeleton) `
-  grid-column: 2 / -1;
-  grid-row: 3;
-
-  margin: ${({ theme }) => theme.spacing(1, 0)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;

package/components/PageLayout/PageHeader/HeaderContent/HeaderContent.d.ts

@@ -1,5 +0,0 @@
-import { type ElementType } from 'react';
-import type { PageHeaderProps } from '../types';
-type HeaderContentProps<TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType, TBackButtonComponent extends ElementType> = Pick<PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>, 'breadcrumbs' | 'backButton' | 'description' | 'actions' | 'subheader' | 'title' | 'isLoading'>;
-export declare const HeaderContent: <TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType, TBackButtonComponent extends ElementType>({ backButton, description, subheader, breadcrumbs, actions, title, isLoading, }: HeaderContentProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>) => JSX.Element;
-export {};

package/components/PageLayout/PageHeader/HeaderContent/HeaderContent.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumbs } from '../../../Breadcrumbs';
-import { classNames } from '../../../utils';
-import { pageHeaderClassnames } from '../constants';
-import { PageActions } from '../PageActions';
-import { Title } from '../Title';
-import { Description } from './Description';
-import { BreadcrumbsWrapper, DesktopTitleWrapper, PageSubheader, } from './styles';
-export const HeaderContent = ({ backButton, description, subheader, breadcrumbs, actions, title, isLoading, }) => {
-    const renderBreadcrumbs = () => {
-        if (!breadcrumbs) {
-            return null;
-        }
-        return (_jsx(BreadcrumbsWrapper, { children: Array.isArray(breadcrumbs) ? (_jsx(Breadcrumbs, { children: breadcrumbs })) : (breadcrumbs) }));
-    };
-    return (_jsxs(_Fragment, { children: [renderBreadcrumbs(), _jsx(DesktopTitleWrapper, { children: _jsx(Title, { backButton: backButton, title: title, isLoading: isLoading, hasDescription: Boolean(description), hasBreadcrumbs: Boolean(breadcrumbs) }) }), _jsx(Description, { description: description, isLoading: isLoading }), actions && (_jsx(PageActions, { className: classNames(pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, size: "medium", ...actions })), subheader && _jsx(PageSubheader, { children: subheader })] }));
-};

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare const BreadcrumbsWrapper: 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 PageSubheader: 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 DesktopTitleWrapper: 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/components/PageLayout/PageHeader/HeaderContent/styles.js

@@ -1,33 +0,0 @@
-import { styled } from '../../../styles';
-export const BreadcrumbsWrapper = styled.div `
-  grid-column: 2;
-  grid-row: 1;
-
-  margin-bottom: ${({ theme }) => theme.spacing(1)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;
-export const PageSubheader = styled.div `
-  grid-column: 1 / -1;
-  grid-row: 4;
-
-  padding-top: ${({ theme }) => theme.spacing(4)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    padding: ${({ theme }) => theme.spacing(0, 4, 4, 4)};
-  }
-`;
-export const DesktopTitleWrapper = styled.div `
-  display: contents;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-
-    min-height: 48px;
-    padding: ${({ theme }) => theme.spacing(0, 4)};
-
-    background-color: ${({ theme }) => theme.palette.grey[100]};
-  }
-`;

package/components/PageLayout/PageHeader/MobilePageActions/MobilePageActions.d.ts

@@ -1,9 +0,0 @@
-import type { ElementType } from 'react';
-import type { ActionGroupProps } from '../../../ActionGroup';
-export type MobilePageActionsProps<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType> = ActionGroupProps<TMainActionComponent, TSecondaryActionComponent> & {
-    /**
-     * Если true, отображается skeleton
-     */
-    isLoading?: boolean;
-};
-export declare const MobilePageActions: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>(props: MobilePageActionsProps<TMainActionComponent, TSecondaryActionComponent>) => JSX.Element | null;

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

@@ -1,61 +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 ShowMoreButton: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"inherit" | "error" | "success" | "warning" | "primary" | "secondary" | "info", import("@mui/material").ButtonPropsColorOverrides> | undefined;
-    disabled?: boolean | undefined;
-    disableElevation?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    endIcon?: import("react").ReactNode;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").ButtonPropsSizeOverrides> | undefined;
-    startIcon?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<"outlined" | "contained" | "text", import("@mui/material").ButtonPropsVariantOverrides> | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "action" | "color" | "fullWidth" | "size" | "children" | "tabIndex" | "sx" | "disabled" | "href" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon" | "variant"> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const StyledCollapse: import("@emotion/styled").StyledComponent<import("@mui/material").CollapseProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const ActionWrapper: 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 SecondaryActionsWrapper: 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 StyledMainActions: import("@emotion/styled").StyledComponent<Omit<import("../../../ActionGroup").MainActionsProps<import("react").ElementType>, "actions"> & {
-    actions?: import("../../..").MainAction<import("react").ElementType>[] | undefined;
-    className?: string | undefined;
-    size: "medium" | "large";
-    spacing?: number | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    $isVisibleShowMoreButton: boolean;
-}, {}, {}>;

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

@@ -1,67 +0,0 @@
-import { Button, Collapse, collapseClasses } from '@mui/material';
-import { styled } from '../../../styles';
-import { PAGE_HEADER_HEIGHT_MOBILE } from '../constants';
-import { MainActions } from '../PageActions';
-export const Wrapper = styled.div `
-  display: none;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    position: sticky;
-    z-index: ${({ theme }) => theme.zIndex.speedDial};
-    bottom: 0;
-    left: 0;
-
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-    order: 5;
-
-    width: 100%;
-
-    /* Ограничиваем высоту */
-    max-height: calc(100% - ${PAGE_HEADER_HEIGHT_MOBILE});
-    margin-top: auto;
-    padding: ${({ theme }) => theme.spacing(4)};
-
-    background-color: ${({ theme }) => theme.palette.common.white};
-    border-top-left-radius: ${({ theme }) => theme.shape.large};
-    border-top-right-radius: ${({ theme }) => theme.shape.large};
-    box-shadow: ${({ theme }) => theme.elevation.up[100]};
-  }
-`;
-export const ShowMoreButton = styled(Button) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: flex;
-
-    height: 40px;
-    min-height: 40px;
-    padding: 0;
-
-    &:hover {
-      background-color: unset;
-    }
-  }
-`;
-export const StyledCollapse = styled(Collapse) `
-  & .${collapseClasses.wrapper} > .${collapseClasses.wrapperInner} {
-    display: flex;
-    flex-direction: column;
-  }
-`;
-export const ActionWrapper = styled.div `
-  overflow: auto;
-`;
-export const SecondaryActionsWrapper = styled('div') `
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${({ theme }) => theme.spacing(2)};
-
-  padding-bottom: ${({ theme }) => theme.spacing(2)};
-`;
-export const StyledMainActions = styled(MainActions, {
-    shouldForwardProp: (prop) => !['$isVisibleShowMoreButton'].includes(prop),
-}) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    padding-bottom: ${({ theme, $isVisibleShowMoreButton }) => $isVisibleShowMoreButton ? theme.spacing(2) : 0};
-  }
-`;

package/components/PageLayout/PageHeader/MobilePageActions/useLogic/useLogic.d.ts

@@ -1,13 +0,0 @@
-import { type ElementType } from 'react';
-import { type MobilePageActionsProps } from '../MobilePageActions';
-type UseLogicParams<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType> = MobilePageActionsProps<TMainActionComponent, TSecondaryActionComponent>;
-export declare const useLogic: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>({ main, secondary, secondaryVisible, isLoading, }: UseLogicParams<TMainActionComponent, TSecondaryActionComponent>) => {
-    disabledAction: boolean;
-    isActive: boolean;
-    handleToggle: () => void;
-    visibleMainActions: import("../../../../ActionGroup").MainAction<TMainActionComponent>[] | undefined;
-    hiddenMainActions: import("../../../../ActionGroup").MainAction<TMainActionComponent>[] | undefined;
-    isVisibleShowMoreButton: boolean;
-    isLoading: boolean | undefined;
-};
-export {};

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

@@ -1,20 +0,0 @@
-import { useState } from 'react';
-import { useActionsState } from '../../../../ActionGroup';
-export const useLogic = ({ main, secondary, secondaryVisible, isLoading, }) => {
-    const [isActive, setIsActive] = useState(false);
-    const { disabledAction } = useActionsState({ main, secondary });
-    const handleToggle = () => {
-        setIsActive(!isActive);
-    };
-    const visibleMainActions = main?.slice(0, 2);
-    const hiddenMainActions = main?.slice(2);
-    return {
-        disabledAction,
-        isActive,
-        handleToggle,
-        visibleMainActions,
-        hiddenMainActions,
-        isVisibleShowMoreButton: Boolean(secondary || secondaryVisible || hiddenMainActions?.length),
-        isLoading,
-    };
-};

package/components/PageLayout/PageHeader/PageActions/MainActions/MainActions.d.ts

@@ -1,17 +0,0 @@
-import { type ElementType } from 'react';
-import { type MainAction, type MainActionsProps } from '../../../../ActionGroup';
-import { type ButtonSize } from '../../../../Button';
-type PageMainActionsProps<TMainActionComponent extends ElementType> = Omit<MainActionsProps<TMainActionComponent>, 'actions'> & {
-    actions?: MainAction<TMainActionComponent>[];
-    /**
-     * Класс, применяемый к корневому элементу
-     */
-    className?: string;
-    size: ButtonSize;
-    /**
-     * Отступ между действиями
-     */
-    spacing?: number;
-};
-export declare const MainActions: <TMainActionComponent extends ElementType = ElementType>({ actions, isDisabled, className, size, spacing, }: PageMainActionsProps<TMainActionComponent>) => JSX.Element | null;
-export {};