@rolder/kit 3.0.0-alpha-9 → 3.0.0-alpha-10

package/dist/ui/editor/Toolbar.js

@@ -1,138 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Loader } from "@mantine/core";
-import { RichTextEditor } from "@mantine/tiptap";
-import { IconCheck } from "@tabler/icons-react";
-import { useEditor } from "./Provider.js";
-const Toolbar = ({ saving, children })=>{
-    const { editor, disabledToolbar } = useEditor();
-    return disabledToolbar ? null : /*#__PURE__*/ jsxs(RichTextEditor.Toolbar, {
-        sticky: true,
-        children: [
-            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
-                children: [
-                    /*#__PURE__*/ jsx(RichTextEditor.Bold, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.Italic, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.Underline, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.Strikethrough, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.ClearFormatting, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.Highlight, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.Code, {
-                        disabled: !editor?.isEditable
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
-                children: [
-                    /*#__PURE__*/ jsx(RichTextEditor.H1, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.H2, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.H3, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.H4, {
-                        disabled: !editor?.isEditable
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
-                children: [
-                    /*#__PURE__*/ jsx(RichTextEditor.Blockquote, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.Hr, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.BulletList, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.OrderedList, {
-                        disabled: !editor?.isEditable
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
-                children: [
-                    /*#__PURE__*/ jsx(RichTextEditor.TaskList, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.TaskListLift, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.TaskListSink, {
-                        disabled: !editor?.isEditable
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
-                children: [
-                    /*#__PURE__*/ jsx(RichTextEditor.Link, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.Unlink, {
-                        disabled: !editor?.isEditable
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
-                children: [
-                    /*#__PURE__*/ jsx(RichTextEditor.AlignLeft, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.AlignCenter, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.AlignJustify, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.AlignRight, {
-                        disabled: !editor?.isEditable
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
-                children: [
-                    /*#__PURE__*/ jsx(RichTextEditor.Undo, {
-                        disabled: !editor?.isEditable
-                    }),
-                    /*#__PURE__*/ jsx(RichTextEditor.Redo, {
-                        disabled: !editor?.isEditable
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
-                ml: "auto",
-                children: [
-                    children,
-                    /*#__PURE__*/ jsx(RichTextEditor.Control, {
-                        ml: "10px",
-                        style: {
-                            cursor: 'default'
-                        },
-                        children: saving ? /*#__PURE__*/ jsx(Loader, {
-                            size: 14
-                        }) : /*#__PURE__*/ jsx(IconCheck, {
-                            stroke: 1.5,
-                            size: 16
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-export { Toolbar };

package/dist/ui/editor/index.js

@@ -1,11 +0,0 @@
-import { Content } from "./Content.js";
-import { Provider, useEditor } from "./Provider.js";
-import { Root } from "./Root.js";
-import { Toolbar } from "./Toolbar.js";
-const Editor = {
-    Root: Root,
-    Content: Content,
-    Toolbar: Toolbar,
-    Provider: Provider
-};
-export { Editor, useEditor };

package/dist/ui/editor/styles.module.js

@@ -1,7 +0,0 @@
-import "./styles_module.css";
-const styles_module = {
-    root: "root-OYYJgs",
-    content: "content-b5nnhz",
-    toolbar: "toolbar-RksEGD"
-};
-export { styles_module as default };

package/dist/ui/editor/styles_module.css

@@ -1,16 +0,0 @@
-.root-OYYJgs {
-  --editor-border-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
-  border: rem(1px) solid var(--editor-border-color);
-  border-radius: var(--mantine-radius-md);
-}
-
-.content-b5nnhz {
-  border-radius: var(--mantine-radius-md);
-}
-
-.toolbar-RksEGD {
-  border-color: var(--editor-border-color);
-  border-top-left-radius: var(--mantine-radius-md);
-  border-top-right-radius: var(--mantine-radius-md);
-}
-

package/dist/ui/error/DefaultError.js

@@ -1,62 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, Group, Stack, Title } from "@mantine/core";
-import { rootRouteId, useMatch, useRouter } from "@tanstack/react-router";
-import { RouterLink } from "../routerLink/index.js";
-const DefaultError = ({ error })=>{
-    const router = useRouter();
-    const isRoot = useMatch({
-        strict: false,
-        select: (state)=>state.id === rootRouteId
-    });
-    return /*#__PURE__*/ jsxs(Stack, {
-        align: "center",
-        justify: "center",
-        gap: 0,
-        ta: "center",
-        h: "100vh",
-        children: [
-            /*#__PURE__*/ jsx(Title, {
-                textWrap: "balance",
-                size: 65,
-                children: "Произошла ошибка!"
-            }),
-            error.message && /*#__PURE__*/ jsx(Title, {
-                order: 3,
-                ml: 4,
-                textWrap: "balance",
-                c: "var(--mantine-color-error)",
-                children: error.message
-            }),
-            /*#__PURE__*/ jsxs(Group, {
-                children: [
-                    /*#__PURE__*/ jsx(Button, {
-                        mt: "xl",
-                        size: "lg",
-                        variant: "light",
-                        onClick: ()=>{
-                            router.invalidate();
-                        },
-                        children: "Попробовать еще раз"
-                    }),
-                    isRoot ? /*#__PURE__*/ jsx(RouterLink.Button, {
-                        to: "/",
-                        mt: "xl",
-                        size: "lg",
-                        radius: "md",
-                        children: "На главную"
-                    }) : /*#__PURE__*/ jsx(Button, {
-                        mt: "xl",
-                        radius: "md",
-                        size: "lg",
-                        onClick: (e)=>{
-                            e.preventDefault();
-                            router.history.back();
-                        },
-                        children: "Назад"
-                    })
-                ]
-            })
-        ]
-    });
-};
-export { DefaultError };

package/dist/ui/error/DefaultNotFound.js

@@ -1,37 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack, Text, Title } from "@mantine/core";
-import { RouterLink } from "../routerLink/index.js";
-const DefaultNotFound = ()=>/*#__PURE__*/ jsxs(Stack, {
-        align: "center",
-        justify: "center",
-        gap: 0,
-        ta: "center",
-        h: "100vh",
-        children: [
-            /*#__PURE__*/ jsx(Text, {
-                c: "dimmed",
-                fw: "bold",
-                children: "404"
-            }),
-            /*#__PURE__*/ jsx(Title, {
-                textWrap: "balance",
-                size: 65,
-                children: "Страница не найдена"
-            }),
-            /*#__PURE__*/ jsx(Title, {
-                order: 3,
-                ml: 4,
-                textWrap: "balance",
-                c: "dimmed",
-                children: "Извините, но здесь нет страницы. Возможно она перемещена."
-            }),
-            /*#__PURE__*/ jsx(RouterLink.Button, {
-                to: "/",
-                mt: "xl",
-                size: "lg",
-                radius: "md",
-                children: "На главную"
-            })
-        ]
-    });
-export { DefaultNotFound };

package/dist/ui/error/Forbidden.js

@@ -1,32 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack, Title } from "@mantine/core";
-import { RouterLink } from "../routerLink/index.js";
-const Forbidden = ()=>/*#__PURE__*/ jsxs(Stack, {
-        align: "center",
-        justify: "center",
-        gap: 0,
-        ta: "center",
-        h: "100vh",
-        children: [
-            /*#__PURE__*/ jsx(Title, {
-                textWrap: "balance",
-                size: 65,
-                children: "Доступ запрещен!"
-            }),
-            /*#__PURE__*/ jsx(Title, {
-                order: 3,
-                ml: 4,
-                textWrap: "balance",
-                c: "var(--mantine-color-error)",
-                children: "У вас нет доступа к этой странице"
-            }),
-            /*#__PURE__*/ jsx(RouterLink.Button, {
-                to: "/",
-                mt: "xl",
-                size: "lg",
-                radius: "md",
-                children: "На главную"
-            })
-        ]
-    });
-export { Forbidden };

package/dist/ui/error/defaultErrorNotification.js

@@ -1,8 +0,0 @@
-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

@@ -1,4 +0,0 @@
-export * from "./DefaultError.js";
-export * from "./DefaultNotFound.js";
-export * from "./defaultErrorNotification.js";
-export * from "./Forbidden.js";

package/dist/ui/form/blurOnError.js

@@ -1,11 +0,0 @@
-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.js

@@ -1,22 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Button } from "@mantine/core";
-import { IconCancel } from "@tabler/icons-react";
-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__*/ jsx(IconCancel, {
-                    size: 16
-                }),
-                disabled: isSubmitting,
-                ...props,
-                children: props.label || 'Отмена'
-            })
-    });
-};
-export { CancelButton };

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

@@ -1,22 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Button } from "@mantine/core";
-import { IconDeviceFloppy } from "@tabler/icons-react";
-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__*/ jsx(IconDeviceFloppy, {
-                    size: 20
-                }),
-                loading: state.isSubmitting,
-                disabled: !state.isDirty,
-                ...props,
-                children: props.label || 'Сохранить'
-            })
-    });
-};
-export { SubmitButton };

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

@@ -1,15 +0,0 @@
-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.js

@@ -1,16 +0,0 @@
-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

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

package/dist/ui/form/context.js

@@ -1,26 +0,0 @@
-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.js

@@ -1,13 +0,0 @@
-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.js

@@ -1,15 +0,0 @@
-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.js

@@ -1,15 +0,0 @@
-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.js

@@ -1,18 +0,0 @@
-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.js

@@ -1,15 +0,0 @@
-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.js

@@ -1,15 +0,0 @@
-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.js

@@ -1,15 +0,0 @@
-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.js

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { ActionIcon, TextInput } from "@mantine/core";
-import { IconRefresh } from "@tabler/icons-react";
-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__*/ jsx(IconRefresh, {
-                size: 16
-            })
-        }),
-        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.js

@@ -1,15 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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.js

@@ -1,13 +0,0 @@
-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

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