@astral/ui 4.94.0 → 4.95.0

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

@@ -1,4 +1,5 @@
 import type { SecondaryAction } from '../../FormPageLayoutBase';
+import { type FormPageLayoutSubmitButtonProps } from '../types';
 export type FormFooterProps = {
     /**
      * Если true, кнопки будут недоступны для взаимодействия
@@ -13,5 +14,9 @@ export type FormFooterProps = {
      * @default 'Отправить'
      */
     submitButtonText?: string;
+    /**
+     * Параметры для кнопки отправки формы
+     */
+    submitButtonProps?: FormPageLayoutSubmitButtonProps;
 };
 export declare const FormPageFooter: (props: FormFooterProps) => import("react/jsx-runtime").JSX.Element;

package/hook-form/FormPageLayout/FormPageFooter/FormPageFooter.js

@@ -4,9 +4,9 @@ import { useFormFooter } from './hooks';
 import { SecondaryActions } from './SecondaryActions';
 import { ActionsWrapper, ShowMoreButton, StyledFormSubmitButton, } from './styles';
 export const FormPageFooter = (props) => {
-    const { isDisabled, submitButtonText = 'Отправить', secondaryActions, } = props;
+    const { isDisabled, submitButtonText = 'Отправить', secondaryActions, submitButtonProps, } = props;
     const { isActive, handleToggle, isShowMoreButton } = useFormFooter({
         secondaryActions,
     });
-    return (_jsxs(FormPageFooterContainer, { children: [_jsxs(ActionsWrapper, { "$isShowMoreButton": isShowMoreButton, children: [_jsx(StyledFormSubmitButton, { size: "large", disabled: isDisabled, children: submitButtonText }), secondaryActions && (_jsx(SecondaryActions, { isDisabled: isDisabled, actions: secondaryActions, isActive: isActive }))] }), isShowMoreButton && (_jsxs(ShowMoreButton, { disabled: isDisabled, variant: "text", onClick: handleToggle, "$isActive": isActive, children: [isActive ? 'Скрыть' : 'Показать', " \u0434\u0440\u0443\u0433\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F"] }))] }));
+    return (_jsxs(FormPageFooterContainer, { children: [_jsxs(ActionsWrapper, { "$isShowMoreButton": isShowMoreButton, children: [_jsx(StyledFormSubmitButton, { size: "large", disabled: isDisabled, ...submitButtonProps, children: submitButtonText }), secondaryActions && (_jsx(SecondaryActions, { isDisabled: isDisabled, actions: secondaryActions, isActive: isActive }))] }), isShowMoreButton && (_jsxs(ShowMoreButton, { disabled: isDisabled, variant: "text", onClick: handleToggle, "$isActive": isActive, children: [isActive ? 'Скрыть' : 'Показать', " \u0434\u0440\u0443\u0433\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F"] }))] }));
 };

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

@@ -1,29 +1,5 @@
-import { type ReactNode } from 'react';
-import { type PageLayoutProps } from '../../components/PageLayout';
-import { type FormProps } from '../Form';
-import type { SecondaryAction } from '../FormPageLayoutBase';
-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>;
-};
+import { type FormPageLayoutProps } from './types';
 /**
  * FormPageLayout предназначен для построения страниц с формами.
  */
 export declare const FormPageLayout: <TFormValues extends Record<string, unknown>>(props: FormPageLayoutProps<TFormValues>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/hook-form/FormPageLayout/FormPageLayout.js

@@ -9,8 +9,8 @@ import { FormContent } from './styles';
  */
 export const FormPageLayout = (props) => {
     const { form, children, ...restProps } = props;
-    const { secondaryActions, submitButtonText, ...restFormProps } = form;
+    const { secondaryActions, submitButtonText, submitButtonProps, ...restFormProps } = form;
     return (_jsx(FormPageLayoutBase, { ...restProps, formProps: { ...form, secondaryActions }, contentClassname: cn({
             [formPageContentClassnames.formPageContentSecondaryActions]: Boolean(secondaryActions),
-        }), children: ({ isDisabled }) => (_jsxs(Form, { ...restFormProps, isDisabled: isDisabled, children: [_jsx(FormContent, { children: children }), _jsx(FormPageFooter, { isDisabled: isDisabled, submitButtonText: submitButtonText, secondaryActions: secondaryActions })] })) }));
+        }), children: ({ isDisabled }) => (_jsxs(Form, { ...restFormProps, isDisabled: isDisabled, children: [_jsx(FormContent, { children: children }), _jsx(FormPageFooter, { isDisabled: isDisabled, submitButtonText: submitButtonText, secondaryActions: secondaryActions, submitButtonProps: submitButtonProps })] })) }));
 };

package/hook-form/FormPageLayout/index.d.ts

@@ -1,2 +1,3 @@
 export { ActionsWrapper, SecondaryActions, ShowMoreButton, StyledFormSubmitButton, useFormFooter, } from './FormPageFooter';
 export * from './FormPageLayout';
+export type { FormPageLayoutProps, FormPageLayoutSubmitButtonProps, } from './types';

package/hook-form/FormPageLayout/public.d.ts

@@ -1,2 +1,3 @@
 export { formPageContentClassnames, formPageLayoutClassnames, } from '../FormPageLayoutBase';
 export * from './FormPageLayout';
+export type { FormPageLayoutProps, FormPageLayoutSubmitButtonProps, } from './types';

package/hook-form/FormPageLayout/types.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type PageLayoutProps } from '../../components/PageLayout';
+import { type FormProps } from '../Form';
+import { type SecondaryAction } from '../FormPageLayoutBase';
+import { type FormSubmitButtonProps } from '../FormSubmitButton';
+export type FormPageLayoutSubmitButtonProps = Pick<FormSubmitButtonProps, 'color' | 'startIcon' | 'endIcon'>;
+type FormPageProps<TFormValues extends Record<string, unknown>> = Omit<FormProps<TFormValues>, 'children'> & {
+    /**
+     * Параметры для кнопки отправки формы
+     */
+    submitButtonProps?: FormPageLayoutSubmitButtonProps;
+    /**
+     * Текст для кнопки отправки формы
+     */
+    submitButtonText?: string;
+    /**
+     * Дополнительные кнопки формы
+     */
+    secondaryActions?: SecondaryAction[];
+};
+export type FormPageLayoutProps<TFormValues extends Record<string, unknown>> = Omit<PageLayoutProps, 'content'> & {
+    /**
+     * Содержимое формы
+     */
+    children: ReactNode;
+    /**
+     * Параметры страницы формы
+     */
+    form: FormPageProps<TFormValues>;
+};
+export {};

package/hook-form/FormPageLayout/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,5 @@
 import type { SecondaryAction } from '../../FormPageLayoutBase';
+import { type FormPageLayoutSubmitButtonProps } from '../types';
 export type FormFooterProps = {
     /**
      * Если true, кнопки будут недоступны для взаимодействия
@@ -13,5 +14,9 @@ export type FormFooterProps = {
      * @default 'Отправить'
      */
     submitButtonText?: string;
+    /**
+     * Параметры для кнопки отправки формы
+     */
+    submitButtonProps?: FormPageLayoutSubmitButtonProps;
 };
 export declare const FormPageFooter: (props: FormFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,10 +7,10 @@ const hooks_1 = require("./hooks");
 const SecondaryActions_1 = require("./SecondaryActions");
 const styles_1 = require("./styles");
 const FormPageFooter = (props) => {
-    const { isDisabled, submitButtonText = 'Отправить', secondaryActions, } = props;
+    const { isDisabled, submitButtonText = 'Отправить', secondaryActions, submitButtonProps, } = props;
     const { isActive, handleToggle, isShowMoreButton } = (0, hooks_1.useFormFooter)({
         secondaryActions,
     });
-    return ((0, jsx_runtime_1.jsxs)(FormPageFooterContainer_1.FormPageFooterContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ActionsWrapper, { "$isShowMoreButton": isShowMoreButton, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledFormSubmitButton, { size: "large", disabled: isDisabled, children: submitButtonText }), secondaryActions && ((0, jsx_runtime_1.jsx)(SecondaryActions_1.SecondaryActions, { isDisabled: isDisabled, actions: secondaryActions, isActive: isActive }))] }), isShowMoreButton && ((0, jsx_runtime_1.jsxs)(styles_1.ShowMoreButton, { disabled: isDisabled, variant: "text", onClick: handleToggle, "$isActive": isActive, children: [isActive ? 'Скрыть' : 'Показать', " \u0434\u0440\u0443\u0433\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F"] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(FormPageFooterContainer_1.FormPageFooterContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ActionsWrapper, { "$isShowMoreButton": isShowMoreButton, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledFormSubmitButton, { size: "large", disabled: isDisabled, ...submitButtonProps, children: submitButtonText }), secondaryActions && ((0, jsx_runtime_1.jsx)(SecondaryActions_1.SecondaryActions, { isDisabled: isDisabled, actions: secondaryActions, isActive: isActive }))] }), isShowMoreButton && ((0, jsx_runtime_1.jsxs)(styles_1.ShowMoreButton, { disabled: isDisabled, variant: "text", onClick: handleToggle, "$isActive": isActive, children: [isActive ? 'Скрыть' : 'Показать', " \u0434\u0440\u0443\u0433\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F"] }))] }));
 };
 exports.FormPageFooter = FormPageFooter;

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

@@ -1,29 +1,5 @@
-import { type ReactNode } from 'react';
-import { type PageLayoutProps } from '../../components/PageLayout';
-import { type FormProps } from '../Form';
-import type { SecondaryAction } from '../FormPageLayoutBase';
-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>;
-};
+import { type FormPageLayoutProps } from './types';
 /**
  * FormPageLayout предназначен для построения страниц с формами.
  */
 export declare const FormPageLayout: <TFormValues extends Record<string, unknown>>(props: FormPageLayoutProps<TFormValues>) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -12,9 +12,9 @@ const styles_1 = require("./styles");
  */
 const FormPageLayout = (props) => {
     const { form, children, ...restProps } = props;
-    const { secondaryActions, submitButtonText, ...restFormProps } = form;
+    const { secondaryActions, submitButtonText, submitButtonProps, ...restFormProps } = form;
     return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { ...restProps, formProps: { ...form, secondaryActions }, contentClassname: (0, cn_1.cn)({
             [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 })] })) }));
+        }), 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, submitButtonProps: submitButtonProps })] })) }));
 };
 exports.FormPageLayout = FormPageLayout;

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

@@ -1,2 +1,3 @@
 export { ActionsWrapper, SecondaryActions, ShowMoreButton, StyledFormSubmitButton, useFormFooter, } from './FormPageFooter';
 export * from './FormPageLayout';
+export type { FormPageLayoutProps, FormPageLayoutSubmitButtonProps, } from './types';

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

@@ -1,2 +1,3 @@
 export { formPageContentClassnames, formPageLayoutClassnames, } from '../FormPageLayoutBase';
 export * from './FormPageLayout';
+export type { FormPageLayoutProps, FormPageLayoutSubmitButtonProps, } from './types';

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

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type PageLayoutProps } from '../../components/PageLayout';
+import { type FormProps } from '../Form';
+import { type SecondaryAction } from '../FormPageLayoutBase';
+import { type FormSubmitButtonProps } from '../FormSubmitButton';
+export type FormPageLayoutSubmitButtonProps = Pick<FormSubmitButtonProps, 'color' | 'startIcon' | 'endIcon'>;
+type FormPageProps<TFormValues extends Record<string, unknown>> = Omit<FormProps<TFormValues>, 'children'> & {
+    /**
+     * Параметры для кнопки отправки формы
+     */
+    submitButtonProps?: FormPageLayoutSubmitButtonProps;
+    /**
+     * Текст для кнопки отправки формы
+     */
+    submitButtonText?: string;
+    /**
+     * Дополнительные кнопки формы
+     */
+    secondaryActions?: SecondaryAction[];
+};
+export type FormPageLayoutProps<TFormValues extends Record<string, unknown>> = Omit<PageLayoutProps, 'content'> & {
+    /**
+     * Содержимое формы
+     */
+    children: ReactNode;
+    /**
+     * Параметры страницы формы
+     */
+    form: FormPageProps<TFormValues>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

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