@rolder/kit 3.0.0-alpha.8 → 3.0.0-alpha.9

package/dist/ui/error/defaultErrorNotification.js

@@ -0,0 +1,8 @@
+import { notifications } from "@mantine/notifications";
+const defaultErrorNotification = (error)=>notifications.show({
+        title: 'Системная ошибка',
+        message: error.message,
+        color: 'red',
+        autoClose: false
+    });
+export { defaultErrorNotification };

package/dist/ui/error/index.js

@@ -0,0 +1,5 @@
+import { DefaultError } from "./DefaultError.js";
+import { DefaultNotFound } from "./DefaultNotFound.js";
+import { defaultErrorNotification } from "./defaultErrorNotification.js";
+import { Forbidden } from "./Forbidden.js";
+export { DefaultError, DefaultNotFound, Forbidden, defaultErrorNotification };

package/dist/ui/form/blurOnError.d.ts

@@ -0,0 +1,4 @@
+import type { AnyFormApi } from '@tanstack/react-form';
+export declare const blurOnError: ({ formApi }: {
+    formApi: AnyFormApi;
+}) => void;

package/dist/ui/form/blurOnError.js

@@ -0,0 +1,11 @@
+const blurOnError = ({ formApi })=>{
+    const inputNames = Array.from(new Set(Object.keys(formApi.state.fieldMeta).filter((i)=>formApi.state.fieldMeta[i]?.errors.length)));
+    for (const inputName of inputNames){
+        const input = document.querySelector(`#form input[name="${inputName}"]`);
+        if (input) {
+            input.focus();
+            break;
+        }
+    }
+};
+export { blurOnError };

package/dist/ui/form/buttons/CancelButton.d.ts

@@ -0,0 +1,5 @@
+import { type ButtonProps } from '@mantine/core';
+export declare const CancelButton: (props: ButtonProps & {
+    label?: string;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/buttons/CancelButton.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@mantine/core";
+import { useFormContext } from "../context.js";
+const CancelButton = (props)=>{
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state.isSubmitting,
+        children: (isSubmitting)=>/*#__PURE__*/ jsx(Button, {
+                type: "reset",
+                size: "xs",
+                variant: "light",
+                leftSection: /*#__PURE__*/ jsxs("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    role: "img",
+                    "aria-label": "Cancel",
+                    children: [
+                        /*#__PURE__*/ jsx("path", {
+                            stroke: "none",
+                            d: "M0 0h24v24H0z",
+                            fill: "none"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M18.364 5.636l-12.728 12.728"
+                        })
+                    ]
+                }),
+                disabled: isSubmitting,
+                ...props,
+                children: props.label || 'Отмена'
+            })
+    });
+};
+export { CancelButton };

package/dist/ui/form/buttons/SubmitButton.d.ts

@@ -0,0 +1,5 @@
+import { type ButtonProps } from '@mantine/core';
+export declare const SubmitButton: (props: ButtonProps & {
+    label?: string;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/buttons/SubmitButton.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@mantine/core";
+import { useFormContext } from "../context.js";
+const SubmitButton = (props)=>{
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state,
+        children: (state)=>/*#__PURE__*/ jsx(Button, {
+                type: "submit",
+                size: "xs",
+                leftSection: /*#__PURE__*/ jsxs("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    role: "img",
+                    "aria-label": "Submit",
+                    children: [
+                        /*#__PURE__*/ jsx("path", {
+                            stroke: "none",
+                            d: "M0 0h24v24H0z",
+                            fill: "none"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M10 14a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M14 4l0 4l-6 0l0 -4"
+                        })
+                    ]
+                }),
+                loading: state.isSubmitting,
+                disabled: !state.isDirty,
+                ...props,
+                children: props.label || 'Сохранить'
+            })
+    });
+};
+export { SubmitButton };

package/dist/ui/form/buttons/SubscribeActionIcon.d.ts

@@ -0,0 +1,4 @@
+import { type ActionIconProps } from '@mantine/core';
+export declare const SubscribeActionIcon: (props: ActionIconProps & {
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/buttons/SubscribeActionIcon.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon } from "@mantine/core";
+import { useFormContext } from "../context.js";
+const SubscribeActionIcon = (props)=>{
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state.isSubmitting,
+        children: (isSubmitting)=>/*#__PURE__*/ jsx(ActionIcon, {
+                disabled: isSubmitting,
+                ...props,
+                children: props.children
+            })
+    });
+};
+export { SubscribeActionIcon };

package/dist/ui/form/buttons/SubscribeButton.d.ts

@@ -0,0 +1,5 @@
+import { type ButtonProps } from '@mantine/core';
+export declare const SubscribeButton: (props: ButtonProps & {
+    label: string;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/buttons/SubscribeButton.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@mantine/core";
+import { useFormContext } from "../context.js";
+const SubscribeButton = (props)=>{
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state.isSubmitting,
+        children: (isSubmitting)=>/*#__PURE__*/ jsx(Button, {
+                type: "button",
+                disabled: isSubmitting,
+                ...props,
+                children: props.label
+            })
+    });
+};
+export { SubscribeButton };

package/dist/ui/form/buttons/index.js

@@ -0,0 +1,4 @@
+export * from "./CancelButton.js";
+export * from "./SubmitButton.js";
+export * from "./SubscribeActionIcon.js";
+export * from "./SubscribeButton.js";

package/dist/ui/form/context.d.ts

@@ -0,0 +1,83 @@
+declare const useFieldContext: <TData>() => import("@tanstack/form-core").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
+declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/form-core").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
+    readonly NumberField: (props: import("@mantine/core").NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+    readonly TextareaField: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
+    readonly TextPassowrdField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
+    readonly PassowrdField: (props: import("@mantine/core").PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+    readonly SelectField: (props: import("@mantine/core").SelectProps) => import("react/jsx-runtime").JSX.Element;
+    readonly MultiSelectField: (props: import("@mantine/core").MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    readonly SwitchField: (props: import("@mantine/core").SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    readonly JsonField: (props: import("@uiw/react-codemirror").ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+        label?: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+        label?: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+        label: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly SubscribeActionIcon: (props: import("@mantine/core").ActionIconProps & {
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+}>, withForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
+    readonly NumberField: (props: import("@mantine/core").NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+    readonly TextareaField: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
+    readonly TextPassowrdField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
+    readonly PassowrdField: (props: import("@mantine/core").PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+    readonly SelectField: (props: import("@mantine/core").SelectProps) => import("react/jsx-runtime").JSX.Element;
+    readonly MultiSelectField: (props: import("@mantine/core").MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    readonly SwitchField: (props: import("@mantine/core").SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    readonly JsonField: (props: import("@uiw/react-codemirror").ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+        label?: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+        label?: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+        label: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly SubscribeActionIcon: (props: import("@mantine/core").ActionIconProps & {
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+}, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly TextField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
+        readonly NumberField: (props: import("@mantine/core").NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+        readonly TextareaField: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
+        readonly TextPassowrdField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
+        readonly PassowrdField: (props: import("@mantine/core").PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+        readonly SelectField: (props: import("@mantine/core").SelectProps) => import("react/jsx-runtime").JSX.Element;
+        readonly MultiSelectField: (props: import("@mantine/core").MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+        readonly SwitchField: (props: import("@mantine/core").SwitchProps) => import("react/jsx-runtime").JSX.Element;
+        readonly JsonField: (props: import("@uiw/react-codemirror").ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;
+    }, {
+        readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+            label?: string;
+            onClick?: () => void;
+        }) => import("react/jsx-runtime").JSX.Element;
+        readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+            label?: string;
+            onClick?: () => void;
+        }) => import("react/jsx-runtime").JSX.Element;
+        readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+            label: string;
+            onClick?: () => void;
+        }) => import("react/jsx-runtime").JSX.Element;
+        readonly SubscribeActionIcon: (props: import("@mantine/core").ActionIconProps & {
+            onClick?: () => void;
+        }) => import("react/jsx-runtime").JSX.Element;
+    }>;
+}>>;
+export { useAppForm, useFieldContext, useFormContext, withForm };

package/dist/ui/form/context.js

@@ -0,0 +1,26 @@
+import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
+import { CancelButton, SubmitButton, SubscribeActionIcon, SubscribeButton } from "./buttons/index.js";
+import { JsonField, MultiSelectField, NumberField, PassowrdField, SelectField, SwitchField, TextField, TextPassowrdField, TextareaField } from "./fields/index.js";
+const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
+const { useAppForm, withForm } = createFormHook({
+    fieldComponents: {
+        TextField: TextField,
+        NumberField: NumberField,
+        TextareaField: TextareaField,
+        TextPassowrdField: TextPassowrdField,
+        PassowrdField: PassowrdField,
+        SelectField: SelectField,
+        MultiSelectField: MultiSelectField,
+        SwitchField: SwitchField,
+        JsonField: JsonField
+    },
+    formComponents: {
+        SubmitButton: SubmitButton,
+        CancelButton: CancelButton,
+        SubscribeButton: SubscribeButton,
+        SubscribeActionIcon: SubscribeActionIcon
+    },
+    fieldContext,
+    formContext
+});
+export { useAppForm, useFieldContext, useFormContext, withForm };

package/dist/ui/form/fields/JsonField.d.ts

@@ -0,0 +1,2 @@
+import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
+export declare const JsonField: (props: ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/JsonField.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { JsonInput } from "../../JsonInput.js";
+import { useFieldContext } from "../context.js";
+const JsonField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(JsonInput, {
+        value: field.state.value || '',
+        onChange: field.handleChange,
+        onBlur: field.handleBlur,
+        ...props
+    });
+};
+export { JsonField };

package/dist/ui/form/fields/MultiSelectField.d.ts

@@ -0,0 +1,2 @@
+import { type MultiSelectProps } from '@mantine/core';
+export declare const MultiSelectField: (props: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/MultiSelectField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { MultiSelect } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const MultiSelectField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(MultiSelect, {
+        name: field.name,
+        value: field.state.value || [],
+        onChange: field.handleChange,
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { MultiSelectField };

package/dist/ui/form/fields/NumberField.d.ts

@@ -0,0 +1,2 @@
+import { type NumberInputProps } from '@mantine/core';
+export declare const NumberField: (props: NumberInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/NumberField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { NumberInput } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const NumberField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(NumberInput, {
+        name: field.name,
+        value: field.state.value || '',
+        onChange: (v)=>field.handleChange(v),
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { NumberField };

package/dist/ui/form/fields/PassowrdField.d.ts

@@ -0,0 +1,2 @@
+import { type PasswordInputProps } from '@mantine/core';
+export declare const PassowrdField: (props: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/PassowrdField.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { PasswordInput } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const PassowrdField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(PasswordInput, {
+        size: "lg",
+        label: "Пароль",
+        placeholder: "Введите пароль",
+        name: field.name,
+        value: field.state.value || '',
+        onChange: (e)=>field.handleChange(e.target.value),
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { PassowrdField };

package/dist/ui/form/fields/SelectField.d.ts

@@ -0,0 +1,2 @@
+import { type SelectProps } from '@mantine/core';
+export declare const SelectField: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/SelectField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const SelectField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(Select, {
+        name: field.name,
+        value: field.state.value,
+        onChange: field.handleChange,
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { SelectField };

package/dist/ui/form/fields/SwitchField.d.ts

@@ -0,0 +1,2 @@
+import { type SwitchProps } from '@mantine/core';
+export declare const SwitchField: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/SwitchField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const SwitchField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(Switch, {
+        name: field.name,
+        checked: field.state.value,
+        onChange: (e)=>field.handleChange(e.currentTarget.checked),
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        w: "fit-content",
+        ...props
+    });
+};
+export { SwitchField };

package/dist/ui/form/fields/TextField.d.ts

@@ -0,0 +1,2 @@
+import { type TextInputProps } from '@mantine/core';
+export declare const TextField: (props: TextInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/TextField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { TextInput } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const TextField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(TextInput, {
+        name: field.name,
+        value: field.state.value || '',
+        onChange: (e)=>field.handleChange(e.target.value),
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { TextField };

package/dist/ui/form/fields/TextPassowrdField.d.ts

@@ -0,0 +1,2 @@
+import { type TextInputProps } from '@mantine/core';
+export declare const TextPassowrdField: (props: TextInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/TextPassowrdField.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ActionIcon, TextInput } from "@mantine/core";
+import omgopass from "omgopass";
+import { useFieldContext } from "../context.js";
+const TextPassowrdField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(TextInput, {
+        label: "Пароль",
+        placeholder: "Введите пароль",
+        rightSection: /*#__PURE__*/ jsx(ActionIcon, {
+            variant: "light",
+            onClick: ()=>field.setValue(omgopass({
+                    minSyllableLength: 2,
+                    maxSyllableLength: 2
+                })),
+            children: /*#__PURE__*/ jsxs("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                role: "img",
+                "aria-label": "Refresh",
+                children: [
+                    /*#__PURE__*/ jsx("path", {
+                        stroke: "none",
+                        d: "M0 0h24v24H0z",
+                        fill: "none"
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"
+                    })
+                ]
+            })
+        }),
+        name: field.name,
+        value: field.state.value || '',
+        onChange: (e)=>field.handleChange(e.target.value),
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { TextPassowrdField };

package/dist/ui/form/fields/TextareaField.d.ts

@@ -0,0 +1,2 @@
+import { type TextareaProps } from '@mantine/core';
+export declare const TextareaField: (props: TextareaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/form/fields/TextareaField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Textarea } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const TextareaField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(Textarea, {
+        name: field.name,
+        value: field.state.value || '',
+        onChange: (e)=>field.handleChange(e.target.value),
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { TextareaField };

package/dist/ui/form/fields/index.js

@@ -0,0 +1,9 @@
+export * from "./JsonField.js";
+export * from "./MultiSelectField.js";
+export * from "./NumberField.js";
+export * from "./PassowrdField.js";
+export * from "./SelectField.js";
+export * from "./SwitchField.js";
+export * from "./TextareaField.js";
+export * from "./TextField.js";
+export * from "./TextPassowrdField.js";

package/dist/ui/form/fieldsSchema.d.ts

@@ -0,0 +1,12 @@
+import z from 'zod/v4';
+export declare const fieldsSchema: {
+    id: z.ZodString;
+    str: z.ZodString;
+    strArr: z.ZodArray<z.ZodString>;
+    strMin3: z.ZodString;
+    select: z.ZodString;
+    email: z.ZodEmail;
+    username: z.ZodString;
+    password: z.ZodString;
+    kebab: z.ZodString;
+};

package/dist/ui/form/fieldsSchema.js

@@ -0,0 +1,13 @@
+import v4 from "zod/v4";
+const fieldsSchema = {
+    id: v4.string().min(1, 'ID не может быть пустым'),
+    str: v4.string().min(1, 'Значение не может быть пустым'),
+    strArr: v4.array(v4.string().min(1, 'Значение не может быть пустым')),
+    strMin3: v4.string().min(3, 'Должно содержать не менее 3 символов'),
+    select: v4.string().min(1, 'Выберите значение'),
+    email: v4.email('Неверный формат email'),
+    username: v4.string().min(3, 'Должен быть не менее 3 символов').max(24, 'Должен быть не более 24 символов'),
+    password: v4.string('Пароль не может быть пустым').min(8, 'Пароль должен содержать не менее 8 символов'),
+    kebab: v4.string().min(3, 'Минимум 3 символа').regex(/^[a-z0-9]+(-[a-z0-9]+)*$/, 'Должен быть в формате kebab-case (только строчные буквы, цифры и дефисы)')
+};
+export { fieldsSchema };

package/dist/ui/form/index.js

@@ -0,0 +1,4 @@
+import { blurOnError } from "./blurOnError.js";
+import { useAppForm, useFieldContext, withForm } from "./context.js";
+import { fieldsSchema } from "./fieldsSchema.js";
+export { blurOnError, fieldsSchema, useAppForm, useFieldContext, withForm };

package/dist/ui/hoverPaper/HoverPaper.d.ts

@@ -0,0 +1,6 @@
+import { type ElementProps, type PaperProps } from '@mantine/core';
+interface Props extends PaperProps, ElementProps<'div', keyof PaperProps> {
+    disabled?: boolean;
+}
+export declare const HoverPaper: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/ui/hoverPaper/HoverPaper.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+import { forwardRef } from "react";
+const HoverPaper = /*#__PURE__*/ forwardRef(({ disabled, classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Paper, {
+        ref: ref,
+        classNames: {
+            root: 'rolder-hover-paper-root',
+            ...classNames
+        },
+        mod: {
+            disabled
+        },
+        ...props
+    }));
+export { HoverPaper };

package/dist/ui/hoverPaper/index.js

@@ -0,0 +1,3 @@
+import { HoverPaper } from "./HoverPaper.js";
+import { usePaperHover } from "./usePaperHover.js";
+export { HoverPaper, usePaperHover };

package/dist/ui/hoverPaper/usePaperHover.d.ts

@@ -0,0 +1,4 @@
+export declare const usePaperHover: () => {
+    paperHovered: boolean;
+    paperRef: (node: HTMLDivElement | null) => void;
+};