@astral/ui 4.17.5 → 4.17.6

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

@@ -1,135 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = exports.ChildrenWrapper = exports.Content = exports.Dummy = exports.Aside = void 0;
-const styles_1 = require("../../styles");
-const PageAside_1 = require("../PageAside");
-const constants_1 = require("./constants");
-exports.Aside = (0, styles_1.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 {
-    .${constants_1.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};
-  }
-`;
-exports.Dummy = (0, styles_1.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 = (0, styles_1.css) `
-  transform: translateX(0);
-`;
-const unpinnedStyles = (0, styles_1.css) `
-  position: absolute;
-  top: 0;
-  right: 0;
-  transform: translateX(105%);
-`;
-exports.Content = (0, styles_1.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: ${PageAside_1.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};
-  }
-`;
-exports.ChildrenWrapper = styles_1.styled.div `
-  overflow-y: auto;
-  flex-grow: 1;
-
-  padding: ${({ theme }) => theme.spacing(4, 6)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    padding: ${({ theme }) => theme.spacing(4)};
-  }
-`;
-exports.Footer = styles_1.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/node/components/PageLayout/PagePinnableAside/useLogic/useLogic.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
-const constants_1 = require("../constants");
-const useLogic = ({ isPinned: isPinnedProp, onPin: onPinProp, persistState, }) => {
-    (0, react_1.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 = (0, react_1.useMemo)(() => persistState ? `${constants_1.ASIDE_LOCAL_STORAGE_KEY}::${persistState.id}` : null, [persistState]);
-    // Хук useLocalStorage имеет обязательный параметр key.
-    // При его отсутствии используем статично открытое состояние для aside
-    const [storedValue = true, setStoredValue] = localStorageKey
-        ? // biome-ignore lint/correctness/useHookAtTopLevel: <>
-            (0, hooks_1.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 };
-};
-exports.useLogic = useLogic;

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listContainer = void 0;
-const styles_1 = require("../../../styles");
-const listContainer = () => (0, styles_1.css) `
-  margin: 0;
-  padding: 0;
-
-  list-style-type: none;
-`;
-exports.listContainer = listContainer;

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.easeOutBackTransition = void 0;
-const styles_1 = require("../../../styles");
-const easeOutBackTransition = () => (0, styles_1.css) `
-  transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
-`;
-exports.easeOutBackTransition = easeOutBackTransition;

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fadeDropDownTransition = void 0;
-const styles_1 = require("../../../styles");
-const fadeDropDownTransition = (isOpen) => (0, styles_1.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;
-    }
-  }
-`;
-exports.fadeDropDownTransition = fadeDropDownTransition;

package/node/components/styles/styled.d.ts

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

package/node/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/node/hook-form/external.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormWatch = exports.useFormFieldArray = exports.useFormController = exports.FormController = void 0;
-var react_hook_form_1 = require("react-hook-form");
-Object.defineProperty(exports, "FormController", { enumerable: true, get: function () { return react_hook_form_1.Controller; } });
-Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return react_hook_form_1.useController; } });
-Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return react_hook_form_1.useFieldArray; } });
-Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return react_hook_form_1.useWatch; } });

package/node/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/node/hook-form/formLayouts/FormPageFooterContainer/styles.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledPageLayoutFooter = void 0;
-const PageLayout_1 = require("../../../components/PageLayout");
-const styles_1 = require("../../../components/styles");
-const FormPageLayoutBase_1 = require("../FormPageLayoutBase");
-const constants_1 = require("./constants");
-exports.StyledPageLayoutFooter = (0, styles_1.styled)(PageLayout_1.PageLayoutFooter) `
-  position: sticky;
-  z-index: ${({ theme }) => theme.zIndex.speedDial};
-
-  border-top: unset;
-
-  &.${FormPageLayoutBase_1.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% - ${constants_1.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/node/hook-form/formLayouts/FormPageFooterContainer/useLogic/useLogic.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const PageLayout_1 = require("../../../../components/PageLayout");
-const FormPageLayoutBase_1 = require("../../FormPageLayoutBase");
-const useLogic = () => {
-    const footerRef = (0, react_1.useRef)(null);
-    const updateStickyState = (0, react_1.useCallback)((container) => {
-        if (!footerRef?.current) {
-            return;
-        }
-        if (!container || !container.parentElement) {
-            return;
-        }
-        if (container.scrollHeight > container.parentElement.clientHeight) {
-            return footerRef.current.classList.add(FormPageLayoutBase_1.formPageLayoutClassnames.footerShadow);
-        }
-        footerRef.current.classList.remove(FormPageLayoutBase_1.formPageLayoutClassnames.footerShadow);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        const container = document.querySelector(`.${PageLayout_1.pageContentClassnames.content}`);
-        const rootContainer = document.querySelector(`.${PageLayout_1.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 };
-};
-exports.useLogic = useLogic;

package/node/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;

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

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import type { SecondaryAction } from '../../../types';
-export type SecondaryActionsProps = {
-    /**
-     * Если true, кнопки будут недоступны для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Массив вторичных действий для отображения
-     */
-    actions: SecondaryAction[];
-    /**
-     * Состояние для Collapse
-     */
-    isActive: boolean;
-    /**
-     * Отключает отступ у действий скрытых
-     */
-    isDisablePadding?: boolean;
-};
-export declare const SecondaryActions: (props: SecondaryActionsProps) => JSX.Element;

package/node/hook-form/formLayouts/FormPageLayout/FormPageFooter/SecondaryActions/SecondaryActions.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SecondaryActions = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Collapse_1 = require("../../../../../components/Collapse");
-const Tooltip_1 = require("../../../../../components/Tooltip");
-const styles_1 = require("./styles");
-const useLogic_1 = require("./useLogic");
-const SecondaryActions = (props) => {
-    const { isDisabled, actions, isActive, isDisablePadding = false } = props;
-    const { isShowCollapseActions } = (0, useLogic_1.useLogic)(props);
-    const renderMobileButton = ({ text, disabled, isBlockingOperation, ...restButtonProps }) => ((0, jsx_runtime_1.jsx)(styles_1.StyledMobileButton, { disabled: isDisabled || disabled, variant: "outlined", color: "grey", ...restButtonProps, children: text }, text));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.MobileActionWrapper, { children: isShowCollapseActions ? ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: isActive, children: (0, jsx_runtime_1.jsx)(styles_1.ActionWrapper, { "$isDisablePadding": isDisablePadding, children: actions.map(renderMobileButton) }) })) : ((0, jsx_runtime_1.jsx)(styles_1.ActionWrapper, { "$isDisablePadding": isDisablePadding, children: renderMobileButton(actions[0]) })) }), (0, jsx_runtime_1.jsx)(styles_1.DesktopActionWrapper, { children: actions?.map((action) => {
-                    const { text, disabled, disabledReason, loading, isBlockingOperation, ...restActionProps } = action;
-                    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: disabled && disabledReason, withoutContainer: !(isDisabled || disabled), children: (0, jsx_runtime_1.jsx)(styles_1.StyledButton, { disabled: isDisabled || disabled, loading: loading, size: "large", color: "grey", variant: "outlined", ...restActionProps, children: text }) }, text));
-                }) })] }));
-};
-exports.SecondaryActions = SecondaryActions;

package/node/hook-form/formLayouts/FormPageLayout/FormPageFooter/SecondaryActions/styles.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-export declare const StyledButton: 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 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 ActionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isDisablePadding?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DesktopActionWrapper: 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 MobileActionWrapper: 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/hook-form/formLayouts/FormPageLayout/FormPageFooter/SecondaryActions/styles.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileActionWrapper = exports.DesktopActionWrapper = exports.ActionWrapper = exports.StyledMobileButton = exports.StyledButton = void 0;
-const Button_1 = require("../../../../../components/Button");
-const styles_1 = require("../../../../../components/styles");
-exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
-  flex-grow: 1;
-`;
-exports.StyledMobileButton = (0, styles_1.styled)(Button_1.Button) `
-  display: none;
-
-  width: 100%;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: flex;
-
-    height: 50px;
-  }
-`;
-exports.ActionWrapper = (0, styles_1.styled)('div', {
-    shouldForwardProp: (prop) => !['$isDisablePadding'].includes(prop),
-}) `
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${({ theme }) => theme.spacing(2)};
-
-  padding-top: ${({ theme, $isDisablePadding }) => $isDisablePadding ? 0 : theme.spacing(2)};
-`;
-exports.DesktopActionWrapper = styles_1.styled.div `
-  display: flex;
-  gap: ${({ theme }) => theme.spacing(4)}; 
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;
-exports.MobileActionWrapper = styles_1.styled.div `
-  display: none;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: block;
-    order: 2;
-  }
-`;

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

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isShowMoreButton?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ShowMoreButton: 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;
-} & {
-    $isActive: boolean;
-}, {}, {}>;
-export declare const StyledFormSubmitButton: import("@emotion/styled").StyledComponent<import("../../../FormSubmitButton").FormSubmitButtonProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    $isShowSecondaryActions?: boolean | undefined;
-}, {}, {}>;

package/node/hook-form/formLayouts/FormPageLayout/FormPageFooter/styles.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledFormSubmitButton = exports.ShowMoreButton = exports.ActionsWrapper = void 0;
-const Button_1 = require("../../../../components/Button");
-const styles_1 = require("../../../../components/styles");
-const FormSubmitButton_1 = require("../../../FormSubmitButton");
-exports.ActionsWrapper = (0, styles_1.styled)('div', {
-    shouldForwardProp: (prop) => !['$isShowMoreButton'].includes(prop),
-}) `
-  display: flex;
-  flex-direction: row-reverse;
-  gap: ${({ theme }) => theme.spacing(4)};  
-
-  width: 100%;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    overflow: auto;
-    flex-direction: column;
-    gap: 0;
-
-    padding: ${({ theme, $isShowMoreButton }) => $isShowMoreButton ? theme.spacing(4, 4, 0) : theme.spacing(4)};
-  }
-`;
-exports.ShowMoreButton = (0, styles_1.styled)(Button_1.Button, {
-    shouldForwardProp: (prop) => !['$isActive'].includes(prop),
-}) `
-  display: none;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: flex;
-
-    width: 100%;
-    height: 36px;
-    min-height: 36px;
-    margin-top: ${({ theme }) => theme.spacing(2)};
-    margin-bottom: ${({ theme }) => theme.spacing(4)};
-    padding: 0;
-
-    &:hover {
-      background-color: unset;
-    }
-  }
-`;
-exports.StyledFormSubmitButton = (0, styles_1.styled)(FormSubmitButton_1.FormSubmitButton, {
-    shouldForwardProp: (prop) => !['$isShowSecondaryActions'].includes(prop),
-}) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    height: 50px;
-    margin-bottom: ${({ theme, $isShowSecondaryActions }) => $isShowSecondaryActions ? theme.spacing(2) : 0};
-  }
-`;

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

@@ -1,29 +0,0 @@
-import { type ReactNode } from 'react';
-import { type PageLayoutProps } from '../../../components/PageLayout';
-import { type FormProps } from '../../Form';
-import type { SecondaryAction } from '../types';
-type FormPageProps<TFormValues extends Record<string, unknown>> = Omit<FormProps<TFormValues>, 'children'> & {
-    /**
-     * Текст для кнопки отправки формы
-     */
-    submitButtonText?: string;
-    /**
-     * Дополнительные кнопки формы
-     */
-    secondaryActions?: SecondaryAction[];
-};
-export type FormPageLayoutProps<TFormValues extends Record<string, unknown>> = Omit<PageLayoutProps, 'content'> & {
-    /**
-     * Содержимое формы
-     */
-    children: ReactNode;
-    /**
-     * Параметры страницы формы
-     */
-    form: FormPageProps<TFormValues>;
-};
-/**
- * FormPageLayout предназначен для построения страниц с формами.
- */
-export declare const FormPageLayout: <TFormValues extends Record<string, unknown>>(props: FormPageLayoutProps<TFormValues>) => JSX.Element;
-export {};

package/node/hook-form/formLayouts/FormPageLayout/FormPageLayout.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormPageLayout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../../components/utils");
-const Form_1 = require("../../Form");
-const FormPageLayoutBase_1 = require("../FormPageLayoutBase");
-const FormPageFooter_1 = require("./FormPageFooter");
-const styles_1 = require("./styles");
-/**
- * FormPageLayout предназначен для построения страниц с формами.
- */
-const FormPageLayout = (props) => {
-    const { form, children, ...restProps } = props;
-    const { secondaryActions, submitButtonText, ...restFormProps } = form;
-    return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { ...restProps, formProps: { ...form, secondaryActions }, contentClassname: (0, utils_1.classNames)({
-            [FormPageLayoutBase_1.formPageContentClassnames.formPageContentSecondaryActions]: Boolean(secondaryActions),
-        }), children: ({ isDisabled }) => ((0, jsx_runtime_1.jsxs)(Form_1.Form, { ...restFormProps, isDisabled: isDisabled, children: [(0, jsx_runtime_1.jsx)(styles_1.FormContent, { children: children }), (0, jsx_runtime_1.jsx)(FormPageFooter_1.FormPageFooter, { isDisabled: isDisabled, submitButtonText: submitButtonText, secondaryActions: secondaryActions })] })) }));
-};
-exports.FormPageLayout = FormPageLayout;

package/node/hook-form/formLayouts/FormPageLayout/styles.d.ts

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