@vitnode/core 1.2.0-canary.59 → 1.2.0-canary.61

package/dist/src/components/form/auto-form.js

@@ -1,103 +1 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useTranslations } from "next-intl";
-import { useForm } from "react-hook-form";
-import z from "zod";
-import { useCaptcha } from "../../hooks/use-captcha.js";
-import { getDefaults, getNestedParam, getZodInputParams } from "../../lib/helpers/auto-form.js";
-import { Button } from "../ui/button.js";
-import { DialogClose, DialogFooter, useDialog } from "../ui/dialog.js";
-import { Form, FormField } from "../ui/form.js";
-export function AutoForm({ formSchema, mode, onSubmit: onSubmitProp, captcha, fields, submitButtonProps, children, ...props }) {
-    const { isReady, getToken: getTokenCaptcha, onReset: onResetCaptcha } = useCaptcha(captcha);
-    const { setIsDirty } = useDialog();
-    const t = useTranslations("core.global");
-    const jsonSchema = z.toJSONSchema(formSchema);
-    const inputParams = getZodInputParams(jsonSchema);
-    const form = useForm({
-        resolver: zodResolver(formSchema),
-        defaultValues: getDefaults(jsonSchema),
-        mode
-    });
-    const onSubmit = async (values)=>{
-        const parsedValues = formSchema.safeParse(values);
-        if (parsedValues.success) {
-            await onSubmitProp?.(parsedValues.data, form, {
-                captchaToken: captcha ? await getTokenCaptcha() : ""
-            });
-            if (captcha) {
-                onResetCaptcha();
-            }
-        }
-    };
-    const submitButton = /*#__PURE__*/ _jsx(Button, {
-        disabled: !form.formState.isValid || form.formState.isSubmitting || captcha && !isReady,
-        isLoading: form.formState.isSubmitting,
-        ...submitButtonProps,
-        "aria-label": submitButtonProps?.["aria-label"] ?? t("submit"),
-        type: "submit",
-        children: submitButtonProps?.children ?? t("submit")
-    });
-    return /*#__PURE__*/ _jsxs(Form, {
-        form: form,
-        onSubmit: onSubmit,
-        ...props,
-        children: [
-            fields.map((item)=>{
-                const params = getNestedParam(inputParams, item.id);
-                if (!params) return null;
-                if (!item.component && (item.label || item.description)) {
-                    return /*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            item.label && /*#__PURE__*/ _jsx("span", {
-                                className: "text-xl font-semibold leading-none tracking-tight",
-                                children: item.label
-                            }),
-                            item.description && /*#__PURE__*/ _jsx("div", {
-                                className: "text-muted-foreground text-sm",
-                                children: item.description
-                            })
-                        ]
-                    }, item.id);
-                }
-                if (!item.component) return null;
-                return /*#__PURE__*/ _jsx(FormField, {
-                    name: item.id,
-                    render: ({ field })=>{
-                        return /*#__PURE__*/ _jsx(_Fragment, {
-                            children: item.component({
-                                field,
-                                description: typeof params.description === "string" ? params.description : "",
-                                otherProps: {
-                                    isOptional: !params.required,
-                                    enum: Array.isArray(params.enum) ? params.enum : undefined,
-                                    maxLength: typeof params.maxLength === "number" ? params.maxLength : undefined,
-                                    minLength: typeof params.minLength === "number" ? params.minLength : undefined,
-                                    pattern: typeof params.pattern === "string" ? params.pattern : undefined,
-                                    type: typeof params.type === "string" ? params.type : undefined
-                                }
-                            })
-                        });
-                    }
-                }, item.id);
-            }),
-            children,
-            captcha && /*#__PURE__*/ _jsx("div", {
-                id: "vitnode_captcha"
-            }),
-            setIsDirty ? /*#__PURE__*/ _jsxs(DialogFooter, {
-                children: [
-                    /*#__PURE__*/ _jsx(DialogClose, {
-                        asChild: true,
-                        children: /*#__PURE__*/ _jsx(Button, {
-                            variant: "ghost",
-                            children: t("cancel")
-                        })
-                    }),
-                    submitButton
-                ]
-            }) : submitButton
-        ]
-    });
-}
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{zodResolver}from"@hookform/resolvers/zod";import{useTranslations}from"next-intl";import{useForm}from"react-hook-form";import z from"zod";import{useCaptcha}from"../../hooks/use-captcha.js";import{getDefaults,getNestedParam,getZodInputParams}from"../../lib/helpers/auto-form.js";import{Button}from"../ui/button.js";import{DialogClose,DialogFooter,useDialog}from"../ui/dialog.js";import{Form,FormField}from"../ui/form.js";export function AutoForm({formSchema,mode,onSubmit:onSubmitProp,captcha,fields,submitButtonProps,children,...props}){const{isReady,getToken:getTokenCaptcha,onReset:onResetCaptcha}=useCaptcha(captcha);const{setIsDirty}=useDialog();const t=useTranslations("core.global");const jsonSchema=z.toJSONSchema(formSchema);const inputParams=getZodInputParams(jsonSchema);const form=useForm({resolver:zodResolver(formSchema),defaultValues:getDefaults(jsonSchema),mode});const onSubmit=async values=>{const parsedValues=formSchema.safeParse(values);if(parsedValues.success){await onSubmitProp?.(parsedValues.data,form,{captchaToken:captcha?await getTokenCaptcha():""});if(captcha){onResetCaptcha()}}};const submitButton=_jsx(Button,{disabled:!form.formState.isValid||form.formState.isSubmitting||captcha&&!isReady,isLoading:form.formState.isSubmitting,...submitButtonProps,"aria-label":submitButtonProps?.["aria-label"]??t("submit"),type:"submit",children:submitButtonProps?.children??t("submit")});return _jsxs(Form,{form:form,onSubmit:onSubmit,...props,children:[fields.map(item=>{const params=getNestedParam(inputParams,item.id);if(!params)return null;if(!item.component&&(item.label||item.description)){return _jsxs("div",{children:[item.label&&_jsx("span",{className:"text-xl leading-none font-semibold tracking-tight",children:item.label}),item.description&&_jsx("div",{className:"text-muted-foreground text-sm",children:item.description})]},item.id)}if(!item.component)return null;return _jsx(FormField,{name:item.id,render:({field})=>{return _jsx(_Fragment,{children:item.component({field,description:typeof params.description==="string"?params.description:"",otherProps:{isOptional:!params.required,enum:Array.isArray(params.enum)?params.enum:undefined,maxLength:typeof params.maxLength==="number"?params.maxLength:undefined,minLength:typeof params.minLength==="number"?params.minLength:undefined,pattern:typeof params.pattern==="string"?params.pattern:undefined,type:typeof params.type==="string"?params.type:undefined}})})}},item.id)}),children,captcha&&_jsx("div",{id:"vitnode_captcha"}),setIsDirty?_jsxs(DialogFooter,{children:[_jsx(DialogClose,{asChild:true,children:_jsx(Button,{variant:"ghost",children:t("cancel")})}),submitButton]}):submitButton]})}

package/dist/src/components/form/common/desc.js

@@ -1,9 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../../lib/utils.js";
-export const AutoFormDesc = ({ children, className, ...props })=>{
-    return /*#__PURE__*/ _jsx("p", {
-        className: cn("text-muted-foreground text-sm", className),
-        ...props,
-        children: children
-    });
-};
+import{jsx as _jsx}from"react/jsx-runtime";import{cn}from"../../../lib/utils.js";export const AutoFormDesc=({children,className,...props})=>{return _jsx("p",{className:cn("text-muted-foreground text-sm",className),...props,children:children})};

package/dist/src/components/form/common/label.js

@@ -1,18 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormLabel } from "../../ui/form.js";
-import { cn } from "../../../lib/utils.js";
-export const AutoFormLabel = ({ children, labelRight, className, ...props })=>{
-    return /*#__PURE__*/ _jsxs(FormLabel, {
-        className: cn({
-            "flex flex-wrap items-center": labelRight
-        }, className),
-        ...props,
-        children: [
-            children,
-            labelRight && /*#__PURE__*/ _jsx("span", {
-                className: "ml-auto",
-                children: labelRight
-            })
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormLabel}from"../../ui/form.js";import{cn}from"../../../lib/utils.js";export const AutoFormLabel=({children,labelRight,className,...props})=>{return _jsxs(FormLabel,{className:cn({"flex flex-wrap items-center":labelRight},className),...props,children:[children,labelRight&&_jsx("span",{className:"ml-auto",children:labelRight})]})};

package/dist/src/components/form/fields/checkbox.js

@@ -1,37 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox } from "../../ui/checkbox.js";
-import { FormControl, FormItem, FormMessage } from "../../ui/form.js";
-import { AutoFormDesc } from "../common/desc.js";
-import { AutoFormLabel } from "../common/label.js";
-export const AutoFormCheckbox = ({ label, labelRight, description, otherProps: { isOptional }, field, ...props })=>{
-    return /*#__PURE__*/ _jsxs(FormItem, {
-        className: "flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4",
-        children: [
-            /*#__PURE__*/ _jsx(FormControl, {
-                children: /*#__PURE__*/ _jsx(Checkbox, {
-                    checked: field.value ?? false,
-                    onCheckedChange: (e)=>{
-                        field.onChange(e);
-                        props.onCheckedChange?.(e);
-                    },
-                    ...field,
-                    ...props
-                })
-            }),
-            !!(label ?? description) && /*#__PURE__*/ _jsxs("div", {
-                className: "space-y-1 leading-none",
-                children: [
-                    label && /*#__PURE__*/ _jsx(AutoFormLabel, {
-                        isOptional: isOptional,
-                        labelRight: labelRight,
-                        children: label
-                    }),
-                    description && /*#__PURE__*/ _jsx(AutoFormDesc, {
-                        children: description
-                    }),
-                    /*#__PURE__*/ _jsx(FormMessage, {})
-                ]
-            })
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Checkbox}from"../../ui/checkbox.js";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormCheckbox=({label,labelRight,description,otherProps:{isOptional},field,...props})=>{return _jsxs(FormItem,{className:"flex flex-row items-start space-y-0 space-x-3 rounded-md border p-4",children:[_jsx(FormControl,{children:_jsx(Checkbox,{checked:field.value??false,onCheckedChange:e=>{field.onChange(e);props.onCheckedChange?.(e)},...field,...props})}),!!(label??description)&&_jsxs("div",{className:"space-y-1 leading-none",children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})]})};

package/dist/src/components/form/fields/combobox-async.js

@@ -1,123 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useQuery } from "@tanstack/react-query";
-import { Check, ChevronsUpDown } from "lucide-react";
-import { useTranslations } from "next-intl";
-import React from "react";
-import { useDebouncedCallback } from "use-debounce";
-import { Button } from "../../ui/button.js";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../ui/command.js";
-import { FormControl, FormItem, FormMessage } from "../../ui/form.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.js";
-import { cn } from "../../../lib/utils.js";
-import { Skeleton } from "../../ui/skeleton.js";
-import { AutoFormDesc } from "../common/desc.js";
-import { AutoFormLabel } from "../common/label.js";
-export const AutoFormComboboxAsync = ({ label, field, description, placeholder, className, labelRight, id, otherProps: { isOptional }, searchPlaceholder, fetchData, ...props })=>{
-    const t = useTranslations("core.global");
-    const [search, setSearch] = React.useState("");
-    const { data, isLoading } = useQuery({
-        queryKey: [
-            id,
-            {
-                search
-            }
-        ],
-        queryFn: async ()=>{
-            return await fetchData({
-                search
-            });
-        }
-    });
-    const handleChangeSearch = useDebouncedCallback((value)=>{
-        setSearch(value);
-    }, 500);
-    return /*#__PURE__*/ _jsxs(FormItem, {
-        className: "flex flex-col",
-        children: [
-            label && /*#__PURE__*/ _jsx(AutoFormLabel, {
-                isOptional: isOptional,
-                labelRight: labelRight,
-                children: label
-            }),
-            /*#__PURE__*/ _jsxs(Popover, {
-                children: [
-                    /*#__PURE__*/ _jsx(PopoverTrigger, {
-                        asChild: true,
-                        children: /*#__PURE__*/ _jsx(FormControl, {
-                            children: /*#__PURE__*/ _jsxs(Button, {
-                                "aria-label": "Combobox",
-                                className: cn("w-[200px] justify-between bg-transparent", !field.value && "text-muted-foreground", className),
-                                role: "combobox",
-                                variant: "outline",
-                                ...props,
-                                children: [
-                                    field.value?.label ?? placeholder ?? t("select_option"),
-                                    /*#__PURE__*/ _jsx(ChevronsUpDown, {
-                                        className: "ml-2 size-4 shrink-0 opacity-50"
-                                    })
-                                ]
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(PopoverContent, {
-                        className: "w-[200px] p-0",
-                        children: /*#__PURE__*/ _jsxs(Command, {
-                            shouldFilter: false,
-                            children: [
-                                /*#__PURE__*/ _jsx(CommandInput, {
-                                    onChangeCapture: (e)=>{
-                                        handleChangeSearch(e.currentTarget.value);
-                                    },
-                                    placeholder: searchPlaceholder ?? t("search_placeholder")
-                                }),
-                                /*#__PURE__*/ _jsx(CommandList, {
-                                    children: (()=>{
-                                        if (isLoading) {
-                                            return /*#__PURE__*/ _jsxs("div", {
-                                                className: "space-y-2 p-2",
-                                                children: [
-                                                    /*#__PURE__*/ _jsx(Skeleton, {
-                                                        className: "h-6 rounded-sm"
-                                                    }),
-                                                    /*#__PURE__*/ _jsx(Skeleton, {
-                                                        className: "h-6 rounded-sm"
-                                                    })
-                                                ]
-                                            });
-                                        }
-                                        if ((data ?? []).length === 0) {
-                                            return /*#__PURE__*/ _jsx(CommandEmpty, {
-                                                children: t("results_not_found")
-                                            });
-                                        }
-                                        return /*#__PURE__*/ _jsx(CommandGroup, {
-                                            children: (data ?? []).map(({ label, value })=>/*#__PURE__*/ _jsxs(CommandItem, {
-                                                    onSelect: ()=>{
-                                                        field.onChange({
-                                                            label,
-                                                            value
-                                                        });
-                                                    },
-                                                    value: label,
-                                                    children: [
-                                                        label,
-                                                        /*#__PURE__*/ _jsx(Check, {
-                                                            className: cn("ml-auto", value === field.value?.value ? "opacity-100" : "opacity-0")
-                                                        })
-                                                    ]
-                                                }, value))
-                                        });
-                                    })()
-                                })
-                            ]
-                        })
-                    })
-                ]
-            }),
-            description && /*#__PURE__*/ _jsx(AutoFormDesc, {
-                children: description
-            }),
-            /*#__PURE__*/ _jsx(FormMessage, {})
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useQuery}from"@tanstack/react-query";import{Check,ChevronsUpDown}from"lucide-react";import{useTranslations}from"next-intl";import React from"react";import{useDebouncedCallback}from"use-debounce";import{Button}from"../../ui/button.js";import{Command,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList}from"../../ui/command.js";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Popover,PopoverContent,PopoverTrigger}from"../../ui/popover.js";import{cn}from"../../../lib/utils.js";import{Skeleton}from"../../ui/skeleton.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormComboboxAsync=({label,field,description,placeholder,className,labelRight,id,otherProps:{isOptional},searchPlaceholder,fetchData,...props})=>{const t=useTranslations("core.global");const[search,setSearch]=React.useState("");const{data,isLoading}=useQuery({queryKey:[id,{search}],queryFn:async()=>{return await fetchData({search})}});const handleChangeSearch=useDebouncedCallback(value=>{setSearch(value)},500);return _jsxs(FormItem,{className:"flex flex-col",children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsxs(Popover,{children:[_jsx(PopoverTrigger,{asChild:true,children:_jsx(FormControl,{children:_jsxs(Button,{"aria-label":"Combobox",className:cn("w-[200px] justify-between bg-transparent",!field.value&&"text-muted-foreground",className),role:"combobox",variant:"outline",...props,children:[field.value?.label??placeholder??t("select_option"),_jsx(ChevronsUpDown,{className:"ml-2 size-4 shrink-0 opacity-50"})]})})}),_jsx(PopoverContent,{className:"w-[200px] p-0",children:_jsxs(Command,{shouldFilter:false,children:[_jsx(CommandInput,{onChangeCapture:e=>{handleChangeSearch(e.currentTarget.value)},placeholder:searchPlaceholder??t("search_placeholder")}),_jsx(CommandList,{children:(()=>{if(isLoading){return _jsxs("div",{className:"space-y-2 p-2",children:[_jsx(Skeleton,{className:"h-6 rounded-sm"}),_jsx(Skeleton,{className:"h-6 rounded-sm"})]})}if((data??[]).length===0){return _jsx(CommandEmpty,{children:t("results_not_found")})}return _jsx(CommandGroup,{children:(data??[]).map(({label,value})=>_jsxs(CommandItem,{onSelect:()=>{field.onChange({label,value})},value:label,children:[label,_jsx(Check,{className:cn("ml-auto",value===field.value?.value?"opacity-100":"opacity-0")})]},value))})})()})]})})]}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/combobox.js

@@ -1,87 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, ChevronsUpDown } from "lucide-react";
-import { useTranslations } from "next-intl";
-import { Button } from "../../ui/button.js";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../ui/command.js";
-import { FormControl, FormItem, FormMessage } from "../../ui/form.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.js";
-import { cn } from "../../../lib/utils.js";
-import { AutoFormDesc } from "../common/desc.js";
-import { AutoFormLabel } from "../common/label.js";
-export const AutoFormCombobox = ({ label, field, description, placeholder, className, otherProps: { enum: enumValues = [], isOptional }, labels = [], labelRight, searchPlaceholder, ...props })=>{
-    const t = useTranslations("core.global");
-    const values = enumValues.map((value)=>{
-        const label = labels.find((l)=>l.value === value)?.label;
-        return {
-            value,
-            label: label ?? value
-        };
-    });
-    return /*#__PURE__*/ _jsxs(FormItem, {
-        className: "flex flex-col",
-        children: [
-            label && /*#__PURE__*/ _jsx(AutoFormLabel, {
-                isOptional: isOptional,
-                labelRight: labelRight,
-                children: label
-            }),
-            /*#__PURE__*/ _jsxs(Popover, {
-                children: [
-                    /*#__PURE__*/ _jsx(PopoverTrigger, {
-                        asChild: true,
-                        children: /*#__PURE__*/ _jsx(FormControl, {
-                            children: /*#__PURE__*/ _jsxs(Button, {
-                                "aria-label": "Combobox",
-                                className: cn("w-[200px] justify-between", !field.value && "text-muted-foreground", className),
-                                role: "combobox",
-                                variant: "outline",
-                                ...props,
-                                children: [
-                                    field.value ? values.find(({ value })=>value === field.value)?.label : placeholder ?? t("select_option"),
-                                    /*#__PURE__*/ _jsx(ChevronsUpDown, {
-                                        className: "ml-2 size-4 shrink-0 opacity-50"
-                                    })
-                                ]
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(PopoverContent, {
-                        className: "w-[200px] p-0",
-                        children: /*#__PURE__*/ _jsxs(Command, {
-                            children: [
-                                /*#__PURE__*/ _jsx(CommandInput, {
-                                    placeholder: searchPlaceholder ?? t("search_placeholder")
-                                }),
-                                /*#__PURE__*/ _jsxs(CommandList, {
-                                    children: [
-                                        /*#__PURE__*/ _jsx(CommandEmpty, {
-                                            children: t("results_not_found")
-                                        }),
-                                        /*#__PURE__*/ _jsx(CommandGroup, {
-                                            children: values.map(({ label, value })=>/*#__PURE__*/ _jsxs(CommandItem, {
-                                                    onSelect: ()=>{
-                                                        field.onChange(value);
-                                                    },
-                                                    value: label,
-                                                    children: [
-                                                        label,
-                                                        /*#__PURE__*/ _jsx(Check, {
-                                                            className: cn("ml-auto", value === field.value ? "opacity-100" : "opacity-0")
-                                                        })
-                                                    ]
-                                                }, value))
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    })
-                ]
-            }),
-            description && /*#__PURE__*/ _jsx(AutoFormDesc, {
-                children: description
-            }),
-            /*#__PURE__*/ _jsx(FormMessage, {})
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Check,ChevronsUpDown}from"lucide-react";import{useTranslations}from"next-intl";import{Button}from"../../ui/button.js";import{Command,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList}from"../../ui/command.js";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Popover,PopoverContent,PopoverTrigger}from"../../ui/popover.js";import{cn}from"../../../lib/utils.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormCombobox=({label,field,description,placeholder,className,otherProps:{enum:enumValues=[],isOptional},labels=[],labelRight,searchPlaceholder,...props})=>{const t=useTranslations("core.global");const values=enumValues.map(value=>{const label=labels.find(l=>l.value===value)?.label;return{value,label:label??value}});return _jsxs(FormItem,{className:"flex flex-col",children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsxs(Popover,{children:[_jsx(PopoverTrigger,{asChild:true,children:_jsx(FormControl,{children:_jsxs(Button,{"aria-label":"Combobox",className:cn("w-[200px] justify-between",!field.value&&"text-muted-foreground",className),role:"combobox",variant:"outline",...props,children:[field.value?values.find(({value})=>value===field.value)?.label:placeholder??t("select_option"),_jsx(ChevronsUpDown,{className:"ml-2 size-4 shrink-0 opacity-50"})]})})}),_jsx(PopoverContent,{className:"w-[200px] p-0",children:_jsxs(Command,{children:[_jsx(CommandInput,{placeholder:searchPlaceholder??t("search_placeholder")}),_jsxs(CommandList,{children:[_jsx(CommandEmpty,{children:t("results_not_found")}),_jsx(CommandGroup,{children:values.map(({label,value})=>_jsxs(CommandItem,{onSelect:()=>{field.onChange(value)},value:label,children:[label,_jsx(Check,{className:cn("ml-auto",value===field.value?"opacity-100":"opacity-0")})]},value))})]})]})})]}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/input.js

@@ -1,39 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormItem, FormMessage } from "../../ui/form.js";
-import { Input } from "../../ui/input.js";
-import { AutoFormDesc } from "../common/desc.js";
-import { AutoFormLabel } from "../common/label.js";
-export const AutoFormInput = ({ label, labelRight, description, otherProps: { isOptional, maxLength, minLength, pattern, type }, field, ...props })=>{
-    return /*#__PURE__*/ _jsxs(FormItem, {
-        children: [
-            label && /*#__PURE__*/ _jsx(AutoFormLabel, {
-                isOptional: isOptional,
-                labelRight: labelRight,
-                children: label
-            }),
-            /*#__PURE__*/ _jsx(FormControl, {
-                children: /*#__PURE__*/ _jsx(Input, {
-                    ...field,
-                    maxLength: maxLength,
-                    minLength: minLength,
-                    onBlur: (e)=>{
-                        field.onBlur();
-                        props.onBlur?.(e);
-                    },
-                    onChange: (e)=>{
-                        field.onChange(e);
-                        props.onChange?.(e);
-                    },
-                    pattern: pattern,
-                    type: type ?? "text",
-                    value: field.value ?? "",
-                    ...props
-                })
-            }),
-            description && /*#__PURE__*/ _jsx(AutoFormDesc, {
-                children: description
-            }),
-            /*#__PURE__*/ _jsx(FormMessage, {})
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Input}from"../../ui/input.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormInput=({label,labelRight,description,otherProps:{isOptional,maxLength,minLength,pattern,type},field,...props})=>{return _jsxs(FormItem,{children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsx(Input,{...field,maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},pattern:pattern,type:type??"text",value:field.value??"",...props})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/radio-group.js

@@ -1,50 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormItem, FormLabel, FormMessage } from "../../ui/form.js";
-import { RadioGroup, RadioGroupItem } from "../../ui/radio-group.js";
-import { AutoFormDesc } from "../common/desc.js";
-import { AutoFormLabel } from "../common/label.js";
-export const AutoFormRadioGroup = ({ label, labelRight, field, description, otherProps: { enum: enumValues = [], isOptional }, labels = [], ...props })=>{
-    const values = enumValues.map((value)=>{
-        const label = labels.find((l)=>l.value === value)?.label;
-        return {
-            value,
-            label: label ?? value
-        };
-    });
-    return /*#__PURE__*/ _jsxs(FormItem, {
-        className: "space-y-3",
-        children: [
-            label && /*#__PURE__*/ _jsx(AutoFormLabel, {
-                isOptional: isOptional,
-                labelRight: labelRight,
-                children: label
-            }),
-            /*#__PURE__*/ _jsx(FormControl, {
-                children: /*#__PURE__*/ _jsx(RadioGroup, {
-                    defaultValue: field.value,
-                    disabled: props.disabled,
-                    onValueChange: field.onChange,
-                    ...props,
-                    children: values.map(({ value, label })=>/*#__PURE__*/ _jsxs(FormItem, {
-                            className: "flex items-center space-x-3 space-y-0",
-                            children: [
-                                /*#__PURE__*/ _jsx(FormControl, {
-                                    children: /*#__PURE__*/ _jsx(RadioGroupItem, {
-                                        value: value
-                                    })
-                                }),
-                                /*#__PURE__*/ _jsx(FormLabel, {
-                                    className: "font-normal",
-                                    children: label
-                                })
-                            ]
-                        }, value))
-                })
-            }),
-            description && /*#__PURE__*/ _jsx(AutoFormDesc, {
-                children: description
-            }),
-            /*#__PURE__*/ _jsx(FormMessage, {})
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormItem,FormLabel,FormMessage}from"../../ui/form.js";import{RadioGroup,RadioGroupItem}from"../../ui/radio-group.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormRadioGroup=({label,labelRight,field,description,otherProps:{enum:enumValues=[],isOptional},labels=[],...props})=>{const values=enumValues.map(value=>{const label=labels.find(l=>l.value===value)?.label;return{value,label:label??value}});return _jsxs(FormItem,{className:"space-y-3",children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsx(RadioGroup,{defaultValue:field.value,disabled:props.disabled,onValueChange:field.onChange,...props,children:values.map(({value,label})=>_jsxs(FormItem,{className:"flex items-center space-y-0 space-x-3",children:[_jsx(FormControl,{children:_jsx(RadioGroupItem,{value:value})}),_jsx(FormLabel,{className:"font-normal",children:label})]},value))})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/select.js

@@ -1,58 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import { FormControl, FormItem, FormMessage } from "../../ui/form.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.js";
-import { AutoFormDesc } from "../common/desc.js";
-import { AutoFormLabel } from "../common/label.js";
-export const AutoFormSelect = ({ label, field, description, otherProps: { enum: enumValues = [], isOptional }, placeholder, labelRight, labels = [], ...props })=>{
-    const t = useTranslations("core.global");
-    const values = enumValues.map((value)=>{
-        const label = labels.find((l)=>l.value === value)?.label;
-        return {
-            value,
-            label: label ?? value
-        };
-    });
-    const currentPlaceholder = (values ?? labels).find((l)=>l.value === field.value)?.label ?? t("select_option");
-    return /*#__PURE__*/ _jsxs(FormItem, {
-        className: "space-y-3",
-        children: [
-            label && /*#__PURE__*/ _jsx(AutoFormLabel, {
-                isOptional: isOptional,
-                labelRight: labelRight,
-                children: label
-            }),
-            /*#__PURE__*/ _jsx(FormControl, {
-                children: /*#__PURE__*/ _jsxs(Select, {
-                    defaultValue: field.value,
-                    disabled: props.disabled,
-                    onValueChange: (e)=>{
-                        field.onChange(e);
-                        props?.onValueChange?.(e);
-                    },
-                    ...props,
-                    children: [
-                        /*#__PURE__*/ _jsx(SelectTrigger, {
-                            ...props,
-                            children: /*#__PURE__*/ _jsx(SelectValue, {
-                                onBlur: field.onBlur,
-                                placeholder: placeholder ?? currentPlaceholder,
-                                children: currentPlaceholder
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx(SelectContent, {
-                            children: values.map(({ value, label })=>/*#__PURE__*/ _jsx(SelectItem, {
-                                    value: value,
-                                    children: label
-                                }, value))
-                        })
-                    ]
-                })
-            }),
-            description && /*#__PURE__*/ _jsx(AutoFormDesc, {
-                children: description
-            }),
-            /*#__PURE__*/ _jsx(FormMessage, {})
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useTranslations}from"next-intl";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Select,SelectContent,SelectItem,SelectTrigger,SelectValue}from"../../ui/select.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormSelect=({label,field,description,otherProps:{enum:enumValues=[],isOptional},placeholder,labelRight,labels=[],...props})=>{const t=useTranslations("core.global");const values=enumValues.map(value=>{const label=labels.find(l=>l.value===value)?.label;return{value,label:label??value}});const currentPlaceholder=(values??labels).find(l=>l.value===field.value)?.label??t("select_option");return _jsxs(FormItem,{className:"space-y-3",children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsxs(Select,{defaultValue:field.value,disabled:props.disabled,onValueChange:e=>{field.onChange(e);props?.onValueChange?.(e)},...props,children:[_jsx(SelectTrigger,{...props,children:_jsx(SelectValue,{onBlur:field.onBlur,placeholder:placeholder??currentPlaceholder,children:currentPlaceholder})}),_jsx(SelectContent,{children:values.map(({value,label})=>_jsx(SelectItem,{value:value,children:label},value))})]})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/switch.js

@@ -1,36 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormItem } from "../../ui/form.js";
-import { Switch } from "../../ui/switch.js";
-import { AutoFormDesc } from "../common/desc.js";
-import { AutoFormLabel } from "../common/label.js";
-export const AutoFormSwitch = ({ label, field, labelRight, otherProps: { isOptional }, description, ...props })=>{
-    return /*#__PURE__*/ _jsxs(FormItem, {
-        className: "flex flex-row items-center justify-between rounded-lg border p-4",
-        children: [
-            (label ?? description) && /*#__PURE__*/ _jsxs("div", {
-                className: "space-y-0.5",
-                children: [
-                    label && /*#__PURE__*/ _jsx(AutoFormLabel, {
-                        className: "text-base",
-                        isOptional: isOptional,
-                        labelRight: labelRight,
-                        children: label
-                    }),
-                    description && /*#__PURE__*/ _jsx(AutoFormDesc, {
-                        children: description
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx(FormControl, {
-                children: /*#__PURE__*/ _jsx(Switch, {
-                    checked: field.value ?? false,
-                    onCheckedChange: (e)=>{
-                        field.onChange(e);
-                        props?.onCheckedChange?.(e);
-                    },
-                    ...props
-                })
-            })
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormItem}from"../../ui/form.js";import{Switch}from"../../ui/switch.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormSwitch=({label,field,labelRight,otherProps:{isOptional},description,...props})=>{return _jsxs(FormItem,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[(label??description)&&_jsxs("div",{className:"space-y-0.5",children:[label&&_jsx(AutoFormLabel,{className:"text-base",isOptional:isOptional,labelRight:labelRight,children:label}),description&&_jsx(AutoFormDesc,{children:description})]}),_jsx(FormControl,{children:_jsx(Switch,{checked:field.value??false,onCheckedChange:e=>{field.onChange(e);props?.onCheckedChange?.(e)},...props})})]})};

package/dist/src/components/form/fields/textarea.js

@@ -1,36 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormItem, FormMessage } from "../../ui/form.js";
-import { Textarea } from "../../ui/textarea.js";
-import { AutoFormDesc } from "../common/desc.js";
-import { AutoFormLabel } from "../common/label.js";
-export const AutoFormTextarea = ({ label, description, labelRight, otherProps: { isOptional, maxLength, minLength }, field, ...props })=>{
-    return /*#__PURE__*/ _jsxs(FormItem, {
-        children: [
-            label && /*#__PURE__*/ _jsx(AutoFormLabel, {
-                isOptional: isOptional,
-                labelRight: labelRight,
-                children: label
-            }),
-            /*#__PURE__*/ _jsx(FormControl, {
-                children: /*#__PURE__*/ _jsx(Textarea, {
-                    maxLength: maxLength,
-                    minLength: minLength,
-                    onBlur: (e)=>{
-                        field.onBlur();
-                        props.onBlur?.(e);
-                    },
-                    onChange: (e)=>{
-                        field.onChange(e);
-                        props.onChange?.(e);
-                    },
-                    value: field.value ?? "",
-                    ...props
-                })
-            }),
-            description && /*#__PURE__*/ _jsx(AutoFormDesc, {
-                children: description
-            }),
-            /*#__PURE__*/ _jsx(FormMessage, {})
-        ]
-    });
-};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Textarea}from"../../ui/textarea.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormTextarea=({label,description,labelRight,otherProps:{isOptional,maxLength,minLength},field,...props})=>{return _jsxs(FormItem,{children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsx(Textarea,{maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},value:field.value??"",...props})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};