@astral/ui 4.17.4 → 4.17.6

package/components/PageLayout/PageHeader/styles.js

@@ -1,47 +0,0 @@
-import { styled } from '../../styles';
-import { PAGE_HEADER_HEIGHT_MOBILE, pageHeaderClassnames } from './constants';
-export const Wrapper = 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};
-  }
-`;
-export const MobileTitleWrapper = 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};
-    
-    &.${pageHeaderClassnames.hasTitle} {
-      display: flex;
-
-      height: ${PAGE_HEADER_HEIGHT_MOBILE};
-      min-height: ${PAGE_HEADER_HEIGHT_MOBILE};
-      padding: ${({ theme }) => theme.spacing(4)};
-    }
-
-    &.${pageHeaderClassnames.hasBackButton} {
-      padding: ${({ theme }) => theme.spacing(0, 4, 0, 1)};
-    }
-  }
-`;

package/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/components/PageLayout/PageHeader/useLogic/useLogic.js

@@ -1,21 +0,0 @@
-import { useContext, useMemo } from 'react';
-import { classNames } from '../../../utils';
-import { PageContext } from '../../PageContext';
-import { pageHeaderClassnames } from '../constants';
-import { usePageTitle } from '../hooks';
-export const useLogic = ({ shouldUpdateDocumentTitle, title, actions, htmlTitle, backButton, }) => {
-    //Переопределение Html title на title из параметров
-    usePageTitle({ shouldUpdateDocumentTitle, htmlTitle, title });
-    const { mobileTitleActions, isLoading } = useContext(PageContext);
-    const isShowMobileActions = actions && !mobileTitleActions;
-    const mobileClassnames = useMemo(() => classNames(pageHeaderClassnames.pageHeaderMobileTitle, {
-        [pageHeaderClassnames.hasTitle]: Boolean(title) || isLoading,
-        [pageHeaderClassnames.hasBackButton]: Boolean(backButton),
-    }), [title, backButton, isLoading]);
-    return {
-        isShowMobileActions,
-        isLoading,
-        mobileTitleActions,
-        mobileClassnames,
-    };
-};

package/components/PageLayout/PageLayoutContainer/PageLayoutContainer.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { classNames } from '../../utils';
-import { pageLayoutClassnames } from './constants';
-import { StylePaper, Wrapper } from './styles';
-export const PageLayoutContainer = forwardRef(({ children, className }, forwardedRef) => {
-    return (_jsx(StylePaper, { variant: "outlined", children: _jsx(Wrapper, { className: classNames(className, pageLayoutClassnames.root), ref: forwardedRef, children: children }) }));
-});

package/components/PageLayout/PageLayoutContainer/constants.js

@@ -1,4 +0,0 @@
-import { createUIKitClassname } from '../../utils';
-export const pageLayoutClassnames = {
-    root: createUIKitClassname('page-layout'),
-};

package/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/components/PageLayout/PageLayoutContainer/styles.js

@@ -1,37 +0,0 @@
-import { Paper } from '../../Paper';
-import { styled } from '../../styles';
-export const Wrapper = 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;
-  }
-`;
-export const StylePaper = styled(Paper) `
-  height: 100%;
-  
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    border: unset;
-  }
-`;

package/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/components/PageLayout/PageLayoutFooter/styles.js

@@ -1,22 +0,0 @@
-import { styled } from '../../styles';
-export const Wrapper = 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/components/PageLayout/PageLayoutLoader/PageLayoutLoader.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LoadingPlaceholder } from '../../placeholders';
-import { Wrapper } from './styles';
-/**
- * Легковесный компонент для отображения Suspense fallback для lazy import PageLayout
- */
-export const PageLayoutLoader = () => (_jsx(Wrapper, { children: _jsx(LoadingPlaceholder, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445..." }) }));

package/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/components/PageLayout/PageLayoutLoader/styles.js

@@ -1,12 +0,0 @@
-import { styled } from '../../styles';
-export const Wrapper = 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/components/PageLayout/PagePinnableAside/PagePinnableAside.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuOnOutlineMd } from '../../../icons';
-import { PinButton } from '../../DashboardLayout/PinButton';
-import { classNames } from '../../utils';
-import { pinnableAsideClassnames } from './constants';
-import { Aside, ChildrenWrapper, Content, Dummy, Footer } from './styles';
-import { useLogic } from './useLogic';
-/**
- * Открепляемый aside
- */
-export const PagePinnableAside = ({ children, className, ...restProps }) => {
-    const { isPinned, togglePin } = useLogic(restProps);
-    return (_jsxs(Aside, { "$isPinned": isPinned, children: [_jsx(Dummy, { "$isPinned": isPinned, children: _jsx(MenuOnOutlineMd, {}) }), _jsxs(Content, { "$isPinned": isPinned, className: classNames(className, pinnableAsideClassnames.content), children: [_jsx(ChildrenWrapper, { children: children }), _jsx(Footer, { children: _jsx(PinButton, { isPinned: isPinned, isUseCollapse: false, onClick: togglePin }) })] })] }));
-};

package/components/PageLayout/PagePinnableAside/constants.js

@@ -1,5 +0,0 @@
-import { createUIKitClassname, generateLocalStorageKey } from '../../utils';
-export const pinnableAsideClassnames = {
-    content: createUIKitClassname('pinnable-aside__content'),
-};
-export const ASIDE_LOCAL_STORAGE_KEY = generateLocalStorageKey('Aside', 'isPinned');

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export declare const Aside: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const Dummy: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ChildrenWrapper: 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 Footer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/components/PageLayout/PagePinnableAside/styles.js

@@ -1,132 +0,0 @@
-import { css, styled } from '../../styles';
-import { PAGE_ASIDE_WIDTH } from '../PageAside';
-import { pinnableAsideClassnames } from './constants';
-export const Aside = styled('aside', {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  position: relative;
-
-  overflow: ${({ $isPinned }) => ($isPinned ? 'hidden' : 'unset')};
-  grid-column: 2;
-  grid-row: 2;
-
-  height: 100%;
-
-  border-bottom-right-radius: ${({ theme }) => theme.shape.medium};
-
-  &:hover {
-    .${pinnableAsideClassnames.content} {
-      transform: translateX(0);
-    }
-  }
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    z-index: 0;
-
-    overflow: unset;
-    order: 3;
-
-    width: ${({ theme }) => `calc(100% - ${theme.spacing(8)})`};
-    margin: ${({ theme }) => theme.spacing(0, 4, 4)};
-
-    background-color: ${({ theme }) => theme.palette.background.default};
-    border-radius: ${({ theme }) => theme.shape.medium};
-  }
-`;
-export const Dummy = styled('div', {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  cursor: pointer;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 40px;
-  height: 100%;
-
-  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-left: 1px solid ${({ theme }) => theme.palette.grey[300]};
-
-  ${({ $isPinned }) => $isPinned && 'display: none;'}
-`;
-const pinnedStyles = css `
-  transform: translateX(0);
-`;
-const unpinnedStyles = css `
-  position: absolute;
-  top: 0;
-  right: 0;
-  transform: translateX(105%);
-`;
-export const Content = styled('div', {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  position: relative;
-  z-index: ${({ theme }) => theme.zIndex.appBar - 2};
-
-  overflow: hidden;
-  display: flex;
-  grid-column: 2;
-  grid-row: 2;
-  flex-direction: column;
-
-  width: ${PAGE_ASIDE_WIDTH};
-  height: 100%;
-
-  background-color: ${({ theme }) => theme.palette.background.default};
-  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-left: 1px solid ${({ theme }) => theme.palette.grey[300]};
-
-  transition: ${({ theme }) => {
-    return theme.transitions.create(['transform'], {
-        duration: theme.transitions.duration.shorter * 2,
-        easing: theme.transitions.easing.easeInOut,
-        delay: theme.transitions.duration.shorter,
-    });
-}};
-
-  ${({ $isPinned }) => ($isPinned ? pinnedStyles : unpinnedStyles)}
-  
-  ${({ $isPinned, theme }) => !$isPinned &&
-    `
-    box-shadow: 0px 0px 1px 0px #072D574F, -8px -5px 12px -6px #072D5726;
-    border-radius: ${theme.shape.medium};
-  `}
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    overflow: unset;
-    order: -1;
-
-    width: 100%;
-
-    border-top: unset;
-    border-left: 0;
-    border-radius: ${({ theme }) => theme.shape.medium};
-  }
-`;
-export const ChildrenWrapper = styled.div `
-  overflow-y: auto;
-  flex-grow: 1;
-
-  padding: ${({ theme }) => theme.spacing(4, 6)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    padding: ${({ theme }) => theme.spacing(4)};
-  }
-`;
-export const Footer = styled.footer `
-  display: flex;
-  flex-shrink: 0;
-
-  box-sizing: content-box;
-  height: 64px;
-  margin-top: auto;
-
-  background-color: ${({ theme }) => theme.palette.background.default};
-  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;

package/components/PageLayout/PagePinnableAside/useLogic/useLogic.js

@@ -1,35 +0,0 @@
-import { useEffect, useMemo } from 'react';
-import { useLocalStorage } from '../../../hooks';
-import { ASIDE_LOCAL_STORAGE_KEY } from '../constants';
-export const useLogic = ({ isPinned: isPinnedProp, onPin: onPinProp, persistState, }) => {
-    useEffect(() => {
-        const hasIsPinned = isPinnedProp !== undefined;
-        const hasOnPin = onPinProp !== undefined;
-        const hasPersistState = persistState !== undefined;
-        if (hasIsPinned !== hasOnPin) {
-            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-            console.warn('PagePinnableAside: Параметры isPinned и onPin необходимо передавать вместе');
-        }
-        if (!hasIsPinned && !hasPersistState) {
-            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-            console.error('PagePinnableAside: Необходимо передать параметры isPinned и onPin или состояние persistState');
-        }
-    }, []);
-    const isControlled = isPinnedProp !== undefined;
-    const localStorageKey = useMemo(() => persistState ? `${ASIDE_LOCAL_STORAGE_KEY}::${persistState.id}` : null, [persistState]);
-    // Хук useLocalStorage имеет обязательный параметр key.
-    // При его отсутствии используем статично открытое состояние для aside
-    const [storedValue = true, setStoredValue] = localStorageKey
-        ? // biome-ignore lint/correctness/useHookAtTopLevel: <>
-            useLocalStorage(localStorageKey, true)
-        : [true, () => undefined];
-    const isPinned = isControlled ? isPinnedProp : (storedValue ?? true);
-    const togglePin = () => {
-        const newValue = !isPinned;
-        if (isControlled) {
-            return onPinProp?.(newValue);
-        }
-        setStoredValue(newValue);
-    };
-    return { isPinned, togglePin };
-};

package/components/styles/mixins/list/list.js

@@ -1,7 +0,0 @@
-import { css } from '../../../styles';
-export const listContainer = () => css `
-  margin: 0;
-  padding: 0;
-
-  list-style-type: none;
-`;

package/components/styles/mixins/transitions/easeOutBackTransition.js

@@ -1,4 +0,0 @@
-import { css } from '../../../styles';
-export const easeOutBackTransition = () => css `
-  transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
-`;

package/components/styles/mixins/transitions/fadeDropDownTransition.js

@@ -1,34 +0,0 @@
-import { css } from '../../../styles';
-export const fadeDropDownTransition = (isOpen) => css `
-  animation: ${isOpen
-    ? 'fade-in 150ms ease-out forwards'
-    : 'fade-out 150ms ease-out forwards'};
-
-  @keyframes fade-in {
-    from {
-      transform: translateY(-8px);
-
-      opacity: 0;
-    }
-
-    to {
-      transform: translateY(0);
-
-      opacity: 1;
-    }
-  }
-
-  @keyframes fade-out {
-    from {
-      transform: translateY(0);
-
-      opacity: 1;
-    }
-
-    to {
-      transform: translateY(-8px);
-
-      opacity: 0;
-    }
-  }
-`;

package/components/styles/styled.d.ts

@@ -1,2 +0,0 @@
-export { css, Global, keyframes } from '@emotion/react';
-export { default as styled } from '@emotion/styled';

package/hook-form/external.d.ts

@@ -1 +0,0 @@
-export { Controller as FormController, type ControllerProps as FormControllerProps, type Field as FormField, type FieldArray as FormFieldArray, type FieldArrayPath as FormFieldArrayPath, type FieldArrayWithId as FormFieldArrayWithId, type FieldError as FormFieldError, type FieldErrors as FormFieldErrors, type FieldPath as FormFieldPath, type FieldValues as FormFieldValues, type Path as FormPath, type RegisterOptions as FormRegisterOptions, type Resolver as FormResolver, type UseControllerProps as UseFormControllerProps, type UseFormGetValues, type UseWatchProps as UseFormWatchProps, useController as useFormController, useFieldArray as useFormFieldArray, useWatch as useFormWatch, } from 'react-hook-form';

package/hook-form/external.js

@@ -1 +0,0 @@
-export { Controller as FormController, useController as useFormController, useFieldArray as useFormFieldArray, useWatch as useFormWatch, } from 'react-hook-form';

package/hook-form/formLayouts/FormPageFooterContainer/styles.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledPageLayoutFooter: import("@emotion/styled").StyledComponent<import("../../../components/PageLayout").PageLayoutFooterProps & import("react").RefAttributes<HTMLElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/hook-form/formLayouts/FormPageFooterContainer/styles.js

@@ -1,36 +0,0 @@
-import { PageLayoutFooter } from '../../../components/PageLayout';
-import { styled } from '../../../components/styles';
-import { formPageLayoutClassnames } from '../FormPageLayoutBase';
-import { HEADER_HEIGHT } from './constants';
-export const StyledPageLayoutFooter = styled(PageLayoutFooter) `
-  position: sticky;
-  z-index: ${({ theme }) => theme.zIndex.speedDial};
-
-  border-top: unset;
-
-  &.${formPageLayoutClassnames.footerShadow} {
-    bottom: 0;
-
-    box-shadow: ${({ theme }) => theme.elevation.up[100]};
-  }
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-    align-items: unset;
-
-    width: 100%;
-    height: unset;
-    max-height: calc(100% - ${HEADER_HEIGHT});
-    padding: 0;
-
-    border-top-left-radius: ${({ theme }) => theme.shape.large};
-    border-top-right-radius: ${({ theme }) => theme.shape.large};
-    box-shadow: ${({ theme }) => theme.elevation.up[100]};
-  }
-`;

package/hook-form/formLayouts/FormPageFooterContainer/useLogic/useLogic.js

@@ -1,36 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-import { pageContentClassnames } from '../../../../components/PageLayout';
-import { formPageLayoutClassnames } from '../../FormPageLayoutBase';
-export const useLogic = () => {
-    const footerRef = useRef(null);
-    const updateStickyState = useCallback((container) => {
-        if (!footerRef?.current) {
-            return;
-        }
-        if (!container || !container.parentElement) {
-            return;
-        }
-        if (container.scrollHeight > container.parentElement.clientHeight) {
-            return footerRef.current.classList.add(formPageLayoutClassnames.footerShadow);
-        }
-        footerRef.current.classList.remove(formPageLayoutClassnames.footerShadow);
-    }, []);
-    useEffect(() => {
-        const container = document.querySelector(`.${pageContentClassnames.content}`);
-        const rootContainer = document.querySelector(`.${pageContentClassnames.pageContent}`);
-        updateStickyState(container);
-        if (!container) {
-            return;
-        }
-        // ResizeObserver следит за изменением размеров контейнера
-        const resizeObserver = new ResizeObserver(() => updateStickyState(container));
-        resizeObserver.observe(container);
-        if (rootContainer) {
-            resizeObserver.observe(rootContainer);
-        }
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [updateStickyState]);
-    return { footerRef };
-};

package/hook-form/formLayouts/FormPageLayout/FormPageFooter/FormPageFooter.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import type { SecondaryAction } from '../../types';
-export type FormFooterProps = {
-    /**
-     * Если true, кнопки будут недоступны для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Дополнительные кнопки формы
-     */
-    secondaryActions?: SecondaryAction[];
-    /**
-     * Текст для кнопки отправки формы
-     * @default 'Отправить'
-     */
-    submitButtonText?: string;
-};
-export declare const FormPageFooter: (props: FormFooterProps) => JSX.Element;