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 h=require("../../MyInput-9MnlVZ4h.cjs"),k=require("../../MySelect-DNK997Bi.cjs"),s=require("../../jsx-runtime-h4oGeKUK.cjs"),g=require("../../lodash-C5w_OPmE.cjs"),e=require("../../input-mask-DBLFIvhN-C_0RAR2l.cjs"),E=require("../../popover-OZcfKDD9-KUWOsIOs.cjs"),N=require("../../button-CdZDBhmr-3yMPCRDo.cjs"),l=require("../../DateRangePicker-C1c1mofH.cjs"),p=require("../../utils-B6fNqzRf-BNysSCt9.cjs"),b=require("../../createLucideIcon-BnAj0RnC.cjs");require("react");const S=require("../../react-select-DVPHHTAP-DKDInFsM.cjs");/**
 * @license lucide-react v0.511.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const f=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],v=b.createLucideIcon("calendar",f),C=({control:r,name:x,label:t,helperText:o,required:a,rules:n,format:i=l.no,placeholder:m,floatingError:c,register:j,className:u,...d})=>{const y=t&&s.jsxRuntimeExports.jsxs(e.Hg,{children:[t," ",a&&s.jsxRuntimeExports.jsx("span",{className:"text-red-600",children:"*"})]});return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:n,render:({field:R,formState:M})=>s.jsxRuntimeExports.jsxs(e.zg,{children:[y,s.jsxRuntimeExports.jsxs(E._e,{children:[s.jsxRuntimeExports.jsx(E.we,{asChild:!0,children:s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsxs(N.u,{variant:"secondary",className:p.mo("text-secondary !text-body-sm-regular border-border-alpha-strong focus:ring-item-primary mt-2 flex w-full bg-transparent pl-3 text-left font-normal hover:bg-transparent",g.lodashExports.get(M.errors,`${x}`)&&"focus:ring-item-destructive border-item-destructive bg-item-destructive-focus text-item-destructive hover:bg-item-destructive-focus dark:bg-transparent",R.value&&"text-primary",u),children:[R.value?l.dayjs(R.value).format(i):m||"Pick a date",s.jsxRuntimeExports.jsx(v,{className:"ml-auto h-4 w-4"})]})})}),s.jsxRuntimeExports.jsx(E.ue,{className:"w-auto p-0",align:"start",children:s.jsxRuntimeExports.jsx(l.Ls,{...d,mode:"single",selected:R.value,onSelect:R.onChange})})]}),s.jsxRuntimeExports.jsx(e.Kg,{children:o}),s.jsxRuntimeExports.jsx("div",{className:"relative",children:s.jsxRuntimeExports.jsx(e.Wg,{})})]})}):s.jsxRuntimeExports.jsxs("div",{className:"relative flex flex-col space-y-2",children:[y,s.jsxRuntimeExports.jsxs(E._e,{children:[s.jsxRuntimeExports.jsx(E.we,{asChild:!0,children:s.jsxRuntimeExports.jsxs(N.u,{variant:"secondary",className:p.mo("text-secondary !text-body-sm-regular border-border-alpha-strong focus:ring-item-primary mt-2 bg-transparent pl-3 text-left font-normal hover:bg-transparent",d.selected&&"text-primary",u),children:[d.selected?l.dayjs(d.selected).format(i):m||"Pick a date",s.jsxRuntimeExports.jsx(v,{className:"ml-auto h-4 w-4"})]})}),s.jsxRuntimeExports.jsx(E.ue,{className:"w-auto p-0",align:"start",children:s.jsxRuntimeExports.jsx(l.Ls,{...d,mode:"single"})})]})]})})},w=({control:r,name:x,label:t,helperText:o,required:a,rules:n,format:i=l.no,placeholder:m,...c})=>{const j=t&&s.jsxRuntimeExports.jsxs(e.Hg,{className:"text-body-xs-medium my-3",children:[t," ",a&&s.jsxRuntimeExports.jsx("span",{className:"text-red-600",children:"*"})]});return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:n,render:({field:u,formState:d})=>s.jsxRuntimeExports.jsxs(e.zg,{children:[j,s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsx(l.DateRangePicker,{...c,error:`${g.lodashExports.get(d.errors,x,"")}`,selected:u.value,onRangeSelected:u.onChange,format:i,placeholder:m})}),o&&s.jsxRuntimeExports.jsx(e.Kg,{children:o}),s.jsxRuntimeExports.jsx("div",{className:"relative",children:s.jsxRuntimeExports.jsx(e.Wg,{})})]})}):s.jsxRuntimeExports.jsx(l.DateRangePicker,{...c})})},K=({control:r,name:x,label:t,rules:o,helperText:a,...n})=>x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:o,render:({field:i})=>s.jsxRuntimeExports.jsxs(e.zg,{className:"flex flex-row items-start space-x-3",children:[s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsx(e.vp,{checked:i.value,onCheckedChange:i.onChange,...n})}),s.jsxRuntimeExports.jsxs("div",{className:"space-y-1 leading-none",children:[t&&s.jsxRuntimeExports.jsx(e.Hg,{children:t}),a&&s.jsxRuntimeExports.jsx(e.Kg,{children:a})]})]})}):s.jsxRuntimeExports.jsxs("div",{className:"flex flex-row items-start space-y-0 space-x-3 rounded-md border p-4",children:[s.jsxRuntimeExports.jsx(e.vp,{...n}),s.jsxRuntimeExports.jsx("div",{className:"space-y-1 leading-none",children:t&&s.jsxRuntimeExports.jsx(e.Hg,{children:t})})]}),G=({control:r,name:x,label:t,helperText:o,rules:a,...n})=>x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:a,render:({field:i})=>s.jsxRuntimeExports.jsxs(e.zg,{className:"flex items-center gap-2",children:[s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsx(e.em,{className:"m-0",checked:i.value,onCheckedChange:i.onChange,...n})}),s.jsxRuntimeExports.jsxs("div",{className:"mb-1 space-y-1 leading-none",children:[t&&s.jsxRuntimeExports.jsx(e.Hg,{className:p.mo("text-primary",n.disabled&&"opacity-40"),children:t}),o&&s.jsxRuntimeExports.jsx(e.Kg,{children:o})]})]})}):s.jsxRuntimeExports.jsxs("div",{className:"flex flex-row items-center space-x-3",children:[s.jsxRuntimeExports.jsx(e.em,{...n}),s.jsxRuntimeExports.jsx("div",{className:"mb-1 space-y-1 leading-none",children:t&&s.jsxRuntimeExports.jsx(e.Hg,{className:p.mo("text-primary",n.disabled&&"opacity-40"),children:t})})]}),H=({control:r,name:x,label:t,helperText:o,required:a,className:n,rules:i,floatingError:m,...c})=>{const j=t&&s.jsxRuntimeExports.jsxs(e.Hg,{children:[t," ",a&&s.jsxRuntimeExports.jsx("span",{className:"text-red-600",children:"*"})]});return x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:i,render:({field:u})=>s.jsxRuntimeExports.jsxs(e.zg,{children:[j,s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsx(l.Gs,{className:"mt-2",...u,...c})}),o&&s.jsxRuntimeExports.jsx(e.Kg,{children:o}),s.jsxRuntimeExports.jsx(e.Wg,{className:p.mo(m&&"absolute")})]})}):s.jsxRuntimeExports.jsx(l.Gs,{className:"mt-2",...c})},z=({control:r,name:x,label:t,helperText:o,required:a,rules:n,className:i,floatingError:m,...c})=>{const j=t&&s.jsxRuntimeExports.jsxs(e.Hg,{className:"text-body-xs-medium my-3",children:[t," ",a&&s.jsxRuntimeExports.jsx("span",{className:"text-red-600",children:"*"})]});return x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:n,render:({field:u,formState:d})=>s.jsxRuntimeExports.jsxs(e.zg,{children:[j,s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsx(e.tm,{variant:g.lodashExports.get(d.errors,`${x}`)?"failure":"default",...c,...u,className:h.twMerge(["mt-2",i])})}),o&&s.jsxRuntimeExports.jsx(e.Kg,{children:o}),s.jsxRuntimeExports.jsx(e.Wg,{className:p.mo(m&&"absolute")})]})}):s.jsxRuntimeExports.jsx(e.tm,{...c,className:h.twMerge(["mt-2",i])})},D=({control:r,name:x,label:t,rules:o,helperText:a,value:n,...i})=>x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:o,render:({field:m})=>s.jsxRuntimeExports.jsxs(e.zg,{className:"flex flex-row items-start space-x-3",children:[s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsx(e.t0,{value:n,checked:m.value===n,onClick:()=>m.onChange(n),...i})}),s.jsxRuntimeExports.jsxs("div",{className:"space-y-1 leading-none",children:[t&&s.jsxRuntimeExports.jsx(e.Hg,{children:t}),a&&s.jsxRuntimeExports.jsx(e.Kg,{children:a})]})]})}):s.jsxRuntimeExports.jsxs("div",{className:"flex flex-row items-start space-y-0 space-x-3 rounded-md border p-4",children:[s.jsxRuntimeExports.jsx(e.t0,{value:n,...i}),s.jsxRuntimeExports.jsx("div",{className:"space-y-1 leading-none",children:t&&s.jsxRuntimeExports.jsx(e.Hg,{children:t})})]}),F=({control:r,name:x,label:t,rules:o,helperText:a,required:n,floatingError:i,...m})=>{const c=t&&s.jsxRuntimeExports.jsxs(e.Hg,{className:"text-body-xs-medium my-3",children:[t," ",n&&s.jsxRuntimeExports.jsx("span",{className:"text-red-600",children:"*"})]});return x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:o,render:({field:j})=>s.jsxRuntimeExports.jsxs(e.zg,{children:[c,s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsx(e.Gw,{...j,...m})}),a&&s.jsxRuntimeExports.jsx(e.Kg,{children:a}),s.jsxRuntimeExports.jsx(e.Wg,{className:p.mo(i&&"absolute")})]})}):s.jsxRuntimeExports.jsx(e.Gw,{...m})},P=({control:r,name:x,label:t,rules:o,helperText:a,required:n,floatingError:i,...m})=>{const c=t&&s.jsxRuntimeExports.jsxs(e.Hg,{className:"text-body-xs-medium my-3",children:[t," ",n&&s.jsxRuntimeExports.jsx("span",{className:"text-red-600",children:"*"})]});return x&&r?s.jsxRuntimeExports.jsx(e.Kx,{control:r,name:x,rules:o,render:({field:j})=>s.jsxRuntimeExports.jsxs(e.zg,{children:[c,s.jsxRuntimeExports.jsx(e.Gg,{children:s.jsxRuntimeExports.jsx(e.yx,{thousandsSeparator:" ",lazy:!1,placeholderChar:"_",unmask:!0,...j,...m,onAccept:u=>j.onChange(u)})}),a&&s.jsxRuntimeExports.jsx(e.Kg,{children:a}),s.jsxRuntimeExports.jsx(e.Wg,{className:p.mo(i&&"absolute")})]})}):s.jsxRuntimeExports.jsx(e.yx,{thousandsSeparator:" ",lazy:!1,placeholderChar:"_",unmask:!0,...m})};exports.MyInput=h.MyInput;exports.MySelect=k.MySelect;exports.Checkbox=e.vp;exports.FilepondContainer=e.kg;exports.Form=e.Gx;exports.FormControl=e.Gg;exports.FormDescription=e.Kg;exports.FormField=e.Kx;exports.FormItem=e.zg;exports.FormLabel=e.Hg;exports.FormMessage=e.Wg;exports.HtmlEditor=e.Gw;exports.Input=e.yp;exports.Label=e.oh;exports.MaskInput=e.yx;exports.RadioGroup=e.e0;exports.RadioGroupItem=e.t0;exports.Select=e.Zx;exports.SelectContent=e.Jh;exports.SelectGroup=e.Xx;exports.SelectItem=e.ed;exports.SelectLabel=e.Vm;exports.SelectScrollDownButton=e.Qh;exports.SelectScrollUpButton=e.Xh;exports.SelectSeparator=e.$m;exports.SelectTrigger=e.jm;exports.SelectValue=e.Qx;exports.Switch=e.em;exports.Textarea=e.tm;exports.VirtualizedSelectContent=e.Um;exports.inputVariants=e.$a;exports.useFormField=e.vi;exports.ReactSelect=S.zm;exports.MyCheckbox=K;exports.MyDatePicker=C;exports.MyDateRangePicker=w;exports.MyHtmlEditor=F;exports.MyMaskInput=P;exports.MyRadio=D;exports.MySwitch=G;exports.MyTextarea=z;exports.MyTimePicker=H;