triafly-ui-kit 1.0.0

package/dist/components/Ui/Form/FormContext/FormContext.d.ts

@@ -0,0 +1,76 @@
+import { Rule } from '../utils/types';
+export type FieldPath = string | string[];
+export interface FormInstance {
+    /**
+     * Сбрасывает все значения формы и ошибки
+     * (возвращает форму в исходное состояние)
+     */
+    resetFields: () => void;
+    /**
+     * Устанавливает значения для нескольких полей формы сразу
+     * @param values - объект с новыми значениями {имяПоля: значение}
+     */
+    setFieldsValue: (values: Record<string, unknown>) => void;
+    /**
+     * Возвращает текущие значения всех полей формы
+     * @returns объект со значениями {имяПоля: значение}
+     */
+    getFieldsValue: () => Record<string, unknown>;
+    /**
+     * Устанавливает значение конкретного поля формы
+     * @param name - имя поля для обновления
+     * @param value - новое значение поля
+     */
+    setFieldValue: (name: FieldPath, value: unknown) => void;
+    /**
+     * Получает текущее значение конкретного поля
+     * @param name - имя поля
+     * @returns текущее значение поля
+     */
+    getFieldValue: (name: FieldPath) => unknown;
+    /**
+     * Отправляет форму (вызывает валидацию перед отправкой)
+     * @throws выбрасывает ошибку, если валидация не пройдена
+     */
+    submit: () => Promise<void>;
+    /**
+     * Валидирует указанные поля (или все поля, если не указаны)
+     * @param names - опциональный массив имен полей для валидации
+     * @returns Promise с текущими значениями формы при успешной валидации
+     * @throws выбрасывает ошибку с информацией о невалидных полях
+     */
+    validateFields: (names?: string[]) => Promise<Record<string, unknown>>;
+    /**
+     * Получает ошибки валидации для указанного поля
+     * @param name - имя поля
+     * @returns массив сообщений об ошибках или пустой массив, если ошибок нет
+     */
+    getFieldError: (name: FieldPath) => string[];
+    /**
+     * Устанавливает ошибки валидации для указанного поля
+     * @param name - имя поля
+     * @param errors - массив сообщений об ошибках
+     */
+    setFieldError: (name: FieldPath, errors: string[]) => void;
+    /**
+     * Получает правила валидации для указанного поля
+     * @param name - имя поля
+     * @returns массив правил валидации
+     */
+    getFieldRules: (name: FieldPath) => Rule[];
+    /**
+     * Устанавливает правила валидации для указанного поля
+     * @param name - имя поля
+     * @param rules - массив правил валидации
+     */
+    setFieldRules: (name: FieldPath, rules: Rule[]) => void;
+    /**
+     * Подписывает на изменения конкретного поля формы
+     * @param name - имя поля для подписки
+     * @param listener - функция-обработчик изменений
+     * @returns функция для отписки от изменений
+     */
+    subscribe: (name: FieldPath, listener: () => void) => () => void;
+    disabled?: boolean;
+}
+export declare const FormContext: import('react').Context<FormInstance | null>;

package/dist/components/Ui/Form/FormItem/FormItem.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FormItemProps } from './types';
+export declare const FormItem: React.MemoExoticComponent<({ name, children, rules, label, isDisabled: itemDisabled, style, classNameItem, }: FormItemProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Ui/Form/FormItem/fn.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentName: (component: React.ReactElement["type"]) => string;
+export declare const getChildType: (child: React.ReactElement) => string;

package/dist/components/Ui/Form/FormItem/types.d.ts

@@ -0,0 +1,10 @@
+import { Rule } from '../utils/types';
+export interface FormItemProps {
+    name: string | string[];
+    children: React.ReactElement;
+    rules?: Rule[];
+    label?: string;
+    isDisabled?: boolean;
+    style?: React.CSSProperties;
+    classNameItem?: string;
+}

package/dist/components/Ui/Form/FormRoot/FormRoot.d.ts

@@ -0,0 +1,3 @@
+import { FormComponent } from './types';
+declare const Form: FormComponent;
+export { Form };

package/dist/components/Ui/Form/FormRoot/index.d.ts

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

package/dist/components/Ui/Form/FormRoot/types.d.ts

@@ -0,0 +1,12 @@
+import { FormInstance } from '../FormContext/FormContext';
+import { FormItem } from '../FormItem/FormItem';
+interface FormProps {
+    form?: FormInstance;
+    children: React.ReactNode;
+    onFinish?: (values: Record<string, unknown>) => void;
+    disabled?: boolean;
+}
+export interface FormComponent extends React.FC<FormProps> {
+    Item: typeof FormItem;
+}
+export {};

package/dist/components/Ui/Form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormRoot';
+export * from './useForm';

package/dist/components/Ui/Form/useForm/index.d.ts

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

package/dist/components/Ui/Form/useForm/useForm.d.ts

@@ -0,0 +1,2 @@
+import { FormInstance } from '../FormContext/FormContext';
+export declare function useForm(): [FormInstance];

package/dist/components/Ui/Form/utils/fn.d.ts

@@ -0,0 +1,7 @@
+import { Rule } from './types';
+export declare const validateRule: (rule: Rule, value: unknown) => string | null;
+export declare const normalizePath: (name: string | string[]) => string[];
+export declare const getFieldKey: (name: string | string[]) => string;
+export declare const setByPath: (obj: any, path: string | string[], value: unknown) => void;
+export declare const getByPath: (obj: any, path: string | string[]) => unknown;
+export declare const getNestedValue: (obj: any, path: string[]) => unknown;

package/dist/components/Ui/Form/utils/types.d.ts

@@ -0,0 +1,12 @@
+export type FormValues = Record<string, unknown>;
+export type FormErrors = Record<string, string[]>;
+export type FormRules = Record<string, Rule[]>;
+export type Rule = {
+    required?: boolean;
+    message?: string;
+    pattern?: RegExp;
+    validator?: (value: unknown) => string | null;
+    min?: number;
+    max?: number;
+    type?: "email";
+};