@astral/ui 4.21.2 → 4.22.0

package/components/PageContent/public.d.ts

@@ -1,4 +1,4 @@
 export { pageContentClassnames } from './constants';
 export { PageContent } from './PageContent';
-export type { PageContentHeader, PageContentHeaderActions, PageContentHeaderActionsProps, PageContentHeaderProps, } from './PageContentHeader';
+export { PageContentHeader, PageContentHeaderActions, type PageContentHeaderActionsProps, type PageContentHeaderProps, } from './PageContentHeader';
 export type { PageContentProps } from './types';

package/components/PageContent/public.js

@@ -1,2 +1,3 @@
 export { pageContentClassnames } from './constants';
 export { PageContent } from './PageContent';
+export { PageContentHeader, PageContentHeaderActions, } from './PageContentHeader';

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

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+export type FormControlContextProps = {
+    /**
+     *  Размер элементов формы
+     */
+    size?: 'small' | 'medium';
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
+};
+export type FormControlProviderProps = Partial<FormControlContextProps> & {
+    children: ReactNode;
+};
+/**
+ * Контекст для управления состоянием и конфигурацией элементов формы.
+ */
+export declare const FormControlContext: import("react").Context<FormControlContextProps | undefined>;
+/**
+ * Провайдер контекста для группы элементов формы.
+ * Оборачивает группу элементов предоставляет им общую конфигурацию.
+ */
+export declare const FormControlProvider: ({ children, size, hideHelperText, }: FormControlProviderProps) => import("react/jsx-runtime").JSX.Element;

package/hook-form/FormControlProvider/FormControlProvider.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext } from 'react';
+/**
+ * Контекст для управления состоянием и конфигурацией элементов формы.
+ */
+export const FormControlContext = createContext(undefined);
+/**
+ * Провайдер контекста для группы элементов формы.
+ * Оборачивает группу элементов предоставляет им общую конфигурацию.
+ */
+export const FormControlProvider = ({ children, size, hideHelperText, }) => {
+    return (_jsx(FormControlContext.Provider, { value: { size, hideHelperText }, children: children }));
+};

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

@@ -0,0 +1 @@
+export * from './FormControlProvider';

package/hook-form/FormControlProvider/index.js

@@ -0,0 +1 @@
+export * from './FormControlProvider';

package/hook-form/useFormFieldProps/useFormFieldProps.js

@@ -1,5 +1,7 @@
+import { useContext } from 'react';
 import { useController, } from 'react-hook-form';
 import { useForwardedRef } from '../../components/useForwardedRef';
+import { FormControlContext } from '../FormControlProvider';
 import { useFormFieldErrorProps, } from '../useFormFieldErrorProps';
 import { useFormInputProps, } from '../useFormInputProps';
 /**
@@ -11,9 +13,11 @@ export const useFormFieldProps = (props) => {
         disabled: undefined,
     });
     const ref = useForwardedRef(field.ref);
+    const contextProps = useContext(FormControlContext);
     const inputProps = useFormInputProps(props);
     const errorProps = useFormFieldErrorProps(fieldState);
     return {
+        ...contextProps,
         ...field,
         ...inputProps,
         ...errorProps,

package/node/components/PageContent/public.d.ts

@@ -1,4 +1,4 @@
 export { pageContentClassnames } from './constants';
 export { PageContent } from './PageContent';
-export type { PageContentHeader, PageContentHeaderActions, PageContentHeaderActionsProps, PageContentHeaderProps, } from './PageContentHeader';
+export { PageContentHeader, PageContentHeaderActions, type PageContentHeaderActionsProps, type PageContentHeaderProps, } from './PageContentHeader';
 export type { PageContentProps } from './types';

package/node/components/PageContent/public.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageContent = exports.pageContentClassnames = void 0;
+exports.PageContentHeaderActions = exports.PageContentHeader = exports.PageContent = exports.pageContentClassnames = void 0;
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "pageContentClassnames", { enumerable: true, get: function () { return constants_1.pageContentClassnames; } });
 var PageContent_1 = require("./PageContent");
 Object.defineProperty(exports, "PageContent", { enumerable: true, get: function () { return PageContent_1.PageContent; } });
+var PageContentHeader_1 = require("./PageContentHeader");
+Object.defineProperty(exports, "PageContentHeader", { enumerable: true, get: function () { return PageContentHeader_1.PageContentHeader; } });
+Object.defineProperty(exports, "PageContentHeaderActions", { enumerable: true, get: function () { return PageContentHeader_1.PageContentHeaderActions; } });

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

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+export type FormControlContextProps = {
+    /**
+     *  Размер элементов формы
+     */
+    size?: 'small' | 'medium';
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
+};
+export type FormControlProviderProps = Partial<FormControlContextProps> & {
+    children: ReactNode;
+};
+/**
+ * Контекст для управления состоянием и конфигурацией элементов формы.
+ */
+export declare const FormControlContext: import("react").Context<FormControlContextProps | undefined>;
+/**
+ * Провайдер контекста для группы элементов формы.
+ * Оборачивает группу элементов предоставляет им общую конфигурацию.
+ */
+export declare const FormControlProvider: ({ children, size, hideHelperText, }: FormControlProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlProvider = exports.FormControlContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * Контекст для управления состоянием и конфигурацией элементов формы.
+ */
+exports.FormControlContext = (0, react_1.createContext)(undefined);
+/**
+ * Провайдер контекста для группы элементов формы.
+ * Оборачивает группу элементов предоставляет им общую конфигурацию.
+ */
+const FormControlProvider = ({ children, size, hideHelperText, }) => {
+    return ((0, jsx_runtime_1.jsx)(exports.FormControlContext.Provider, { value: { size, hideHelperText }, children: children }));
+};
+exports.FormControlProvider = FormControlProvider;

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

@@ -0,0 +1 @@
+export * from './FormControlProvider';

package/node/hook-form/FormControlProvider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FormControlProvider"), exports);

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

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormFieldProps = void 0;
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const useForwardedRef_1 = require("../../components/useForwardedRef");
+const FormControlProvider_1 = require("../FormControlProvider");
 const useFormFieldErrorProps_1 = require("../useFormFieldErrorProps");
 const useFormInputProps_1 = require("../useFormInputProps");
 /**
@@ -14,9 +16,11 @@ const useFormFieldProps = (props) => {
         disabled: undefined,
     });
     const ref = (0, useForwardedRef_1.useForwardedRef)(field.ref);
+    const contextProps = (0, react_1.useContext)(FormControlProvider_1.FormControlContext);
     const inputProps = (0, useFormInputProps_1.useFormInputProps)(props);
     const errorProps = (0, useFormFieldErrorProps_1.useFormFieldErrorProps)(fieldState);
     return {
+        ...contextProps,
         ...field,
         ...inputProps,
         ...errorProps,

package/package.json

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