dgz-ui-shared/dist/components/form/index.cjs.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("dgz-ui/form"),e=require("react/jsx-runtime"),b=require("react"),g=require("dgz-ui/calendar"),M=require("dgz-ui/popover"),x=require("dgz-ui/utils"),F=require("../../chunks/MyInput-mL2G5h2s.cjs.js"),S=require("lucide-react"),I=require("../../chunks/DateRangePicker-VYbOLs-w.cjs.js"),P=require("../../chunks/MySelect-CmLxmNJz.cjs.js"),T=({control:r,name:t,label:a,rules:o,...c})=>{const l=b.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:o,render:({field:n})=>e.jsx(s.FormLabel,{className:"block",htmlFor:c.id||l,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.Checkbox,{id:c.id||l,checked:n.value,onCheckedChange:n.onChange,...c})}),a&&e.jsx("div",{className:"mt-0.5",children:a})]})})})||null},f=({control:r,name:t,label:a,required:o,rules:c,format:l=g.DATE,floatingError:n,placeholder:i,disabled:m,register:j,className:u,showTime:N,inputProps:y,...v})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:d,formState:h})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",o&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs(M.Popover,{children:[e.jsx(M.PopoverTrigger,{asChild:!0,children:e.jsxs("div",{className:"relative",children:[e.jsx(s.FormControl,{children:e.jsx(s.Input,{...y,variant:F.get(h.errors,`${t}.message`)?"failure":"default",disabled:m,...d,readOnly:!0,placeholder:i||"Pick a date",value:d.value?x.dayjs(d.value).format(l):void 0,className:x.cn("m-0 text-start",u)})}),e.jsx(S.Calendar1,{className:x.cn("text-secondary absolute top-2.5 right-2 size-5",m&&"pointer-events-none opacity-50")}),e.jsx(s.FormMessage,{className:x.cn(n&&"absolute -bottom-5")})]})}),!m&&e.jsxs(M.PopoverContent,{className:"w-auto p-0",align:"start",children:[e.jsx(g.Calendar,{...v,mode:"single",selected:d.value,onSelect:d.onChange}),N&&e.jsx("div",{className:"px-4 pb-3",children:e.jsx(g.TimePicker,{value:x.dayjs(d.value).format("HH:mm"),onChange:k=>{const[C,p]=k.split(":");d.onChange(x.dayjs(d.value).set("hour",Number(C)).set("minute",Number(p)).toDate())}})})]})]})]})})||null,q=({control:r,name:t,label:a,required:o,rules:c,placeholder:l,floatingError:n,...i})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:m,formState:j})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",o&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{children:[e.jsx(s.FormControl,{children:e.jsx(I.DateRangePicker,{...i,error:`${F.get(j.errors,t,"")}`,selected:m.value,onRangeSelected:m.onChange,placeholder:l})}),e.jsx(s.FormMessage,{className:x.cn(n&&"absolute -bottom-5")})]})]})})||null,L=({control:r,name:t,label:a,rules:o,required:c,floatingError:l,...n})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:o,render:({field:i})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",c&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{children:[e.jsx(s.FormControl,{children:e.jsx(s.HtmlEditor,{...i,...n})}),e.jsx(s.FormMessage,{className:x.cn(l&&"absolute -bottom-5")})]})]})})||null,R=({control:r,name:t,label:a,rules:o,required:c,floatingError:l,...n})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:o,render:({field:i,formState:m})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",c&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{children:[e.jsx(s.FormControl,{children:e.jsx(s.MaskInput,{thousandsSeparator:" ",lazy:!1,placeholderChar:"_",unmask:!0,...i,...n,variant:F.get(m.errors,`${t}.message`)?"failure":"default",onAccept:j=>i.onChange(j)})}),e.jsx(s.FormMessage,{className:x.cn(l&&"absolute -bottom-5")})]})]})})||null,w=({control:r,name:t,label:a,rules:o,value:c,...l})=>{const n=b.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:o,render:({field:i})=>e.jsx(s.FormLabel,{className:"block",htmlFor:l.id||n,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.RadioGroupItem,{id:l.id||n,value:c,checked:i.value===c,onClick:()=>{i.value!==c&&i.onChange(c)},...l})}),a&&e.jsx("div",{className:"mt-0.5",children:a})]})})})||null},D=({control:r,name:t,label:a,required:o,className:c,rules:l,options:n=[],placeholder:i="Select an option",disabled:m,onChange:j})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:l,render:({field:u,formState:N})=>{const y=!!F.get(N.errors,`${t}`),v=d=>{const h=Number(d)?Number(d):d;h&&u.value!==h&&(u.onChange(h),j==null||j(h))};return e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{children:[a," ",o&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{children:[e.jsx(s.FormControl,{children:e.jsxs(s.Select,{value:`${u.value||""}`,onValueChange:v,disabled:m,children:[e.jsx(s.SelectTrigger,{ref:u.ref,variant:y?"failure":"default",className:x.cn(c),children:e.jsx(s.SelectValue,{placeholder:i})}),e.jsx(s.SelectContent,{children:n.map(d=>e.jsx(s.SelectItem,{value:String(d.value),children:d.label},String(d.value)))})]})}),e.jsx(s.FormMessage,{})]})]})}}),E=({control:r,name:t,label:a,rules:o,...c})=>{const l=b.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:o,render:({field:n})=>e.jsx(s.FormLabel,{className:"block",htmlFor:c.id||l,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.Switch,{id:c.id||l,className:"m-0",checked:n.value,onCheckedChange:n.onChange,...c})}),a&&e.jsx("div",{className:"mt-0.5",children:a})]})})})||null},O=({control:r,name:t,label:a,required:o,rules:c,className:l,floatingError:n,...i})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:m,formState:j})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",o&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{children:[e.jsx(s.FormControl,{children:e.jsx(s.Textarea,{variant:F.get(j.errors,`${t}.message`)?"failure":"default",...i,...m,className:x.cn(l)})}),e.jsx(s.FormMessage,{className:x.cn(n&&"absolute -bottom-5")})]})]})})||null,$=({control:r,name:t,label:a,required:o,className:c,rules:l,floatingError:n,...i})=>t&&r?e.jsx(s.FormField,{control:r,name:t,rules:l,render:({field:m})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",o&&e.jsx("span",{className:"text-red-600",children:"*"})]})," ",e.jsxs("div",{children:[e.jsx(s.FormControl,{children:e.jsx(g.TimePicker,{...m,...i})}),e.jsx(s.FormMessage,{className:x.cn(n&&"absolute -bottom-5")})]})]})}):e.jsx(g.TimePicker,{className:"mt-2",...i});exports.MyInput=F.MyInput;exports.MySelect=P.MySelect;exports.MyCheckbox=T;exports.MyDatePicker=f;exports.MyDateRangePicker=q;exports.MyHtmlEditor=L;exports.MyMaskInput=R;exports.MyRadio=w;exports.MyShadcnSelect=D;exports.MySwitch=E;exports.MyTextarea=O;exports.MyTimePicker=$;Object.keys(s).forEach(r=>{r!=="default"&&!Object.prototype.hasOwnProperty.call(exports,r)&&Object.defineProperty(exports,r,{enumerable:!0,get:()=>s[r]})});
//# sourceMappingURL=index.cjs.js.map