https://tailwindadmin-tanstack-pro-dark.netlify.app/assets/form-validation-Bfe-Eua0.js

1import{r as m,j as e,L as N}from"./main-BkpAS6Tt.js";import{T as u}from"./TitleBorderCard-Cq_UFGE0.js";import{C as j}from"./checkbox-D8LlTdKA.js";import{B as x}from"./button-CVuE7h15.js";import{F as b}from"./FullLogo-r9ijaK7S.js";import{I as h}from"./input-D3PXSnUk.js";import{L as n}from"./label-Be_2bmKI.js";import{C as w}from"./card-DoRMGzGn.js";import{R as f,a as g}from"./radio-group-CF-3wRIM.js";import{S as y,a as S,b as C,c as k,e as v}from"./select-CTV8gp4j.js";import{B as F}from"./BreadcrumbComp-DdXArMCY.js";import"./_commonjsHelpers-CE1G-McA.js";import"./index-L0SKbviM.js";import"./index-DRcYnjBa.js";import"./index-CfThMl9f.js";import"./index-D9jDtrFa.js";import"./index-B_H36sPx.js";import"./index-DjxFjNHx.js";import"./utils-4perknFd.js";import"./check-DIOPK-zC.js";import"./createLucideIcon-DRlH1f4M.js";import"./index-QqyytP6n.js";import"./index-Cft9Cwv8.js";import"./index-C0QJ8CHZ.js";import"./index-DhQbCedW.js";import"./index-DfANd6nE.js";import"./index-BHinUB-C.js";import"./circle-DoQ76Nbd.js";import"./index-BdQq_4o_.js";import"./index-Jo9Y0u8a.js";import"./index-aJTH1M9Z.js";import"./tslib.es6-CmEaCU22.js";import"./index-Ddz03csu.js";import"./floating-ui.dom-D7G01c1r.js";import"./chevron-down-ChXj5Bit.js";import"./CardBox-CY_4CfKs.js";const E=()=>{const[r,d]=m.useState({primary:!1,secondary:!1,error:!1}),[i,t]=m.useState(""),l=(o,a)=>{d(s=>({...s,[o]:a})),a&&t("")},p=()=>{const{primary:o,secondary:a,error:s}=r,c=[];o&&c.push("Primary"),a&&c.push("Secondary"),s&&c.push("Error"),c.length>0?alert(c.join(", ")):t("At least one checkbox must be checked")};return e.jsx("div",{children:e.jsx(u,{title:"Checkboxes",children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsxs("div",{className:"col-span-12 flex items-center gap-5",children:[e.jsx(j,{id:"primary",color:"primary",checked:r.primary,onCheckedChange:o=>l("primary",!!o)}),e.jsx(j,{id:"secondary",color:"secondary",checked:r.secondary,onCheckedChange:o=>l("secondary",!!o)}),e.jsx(j,{id:"error",color:"error",checked:r.error,onCheckedChange:o=>l("error",!!o)})]}),i&&e.jsx("div",{className:"col-span-12 text-red-500",children:i}),e.jsx("div",{className:"col-span-12 flex items-center",children:e.jsx(x,{type:"submit",onClick:p,children:"Submit"})})]})})})},P={name:"",email:"",password:""},D={name:"",email:"",password:""},B=()=>{const[r,d]=m.useState(P),[i,t]=m.useState(D),l=a=>{d({...r,[a.target.name]:a.target.value})},p=async a=>{a.preventDefault(),t(o(r))},o=a=>{let s={name:"",email:"",password:""};return console.log(a),a.name?a.name.length<10?s.name="Firstname should be minimum 10 characters.":s.name="":s.name="Firstname is required",a.email?s.email="":s.email="Email is required",a.password?a.password.length<8?s.password="Password should be a minimum of 8 characters.":s.password="":s.password="Password is required",s};return e.jsx("div",{children:e.jsxs(w,{children:[e.jsx("div",{className:"pb-10 pt-3",children:e.jsx(b,{})}),e.jsx("form",{onSubmit:p,children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsxs("div",{className:"col-span-12",children:[e.jsx(n,{htmlFor:"name",className:"mb-2 block",children:"Name"}),e.jsx(h,{id:"name",type:"text",onChange:l,value:r.name}),e.jsx("span",{className:"text-red-500",children:i.name})]}),e.jsxs("div",{className:"col-span-12",children:[e.jsx(n,{htmlFor:"email",className:"mb-2 block",children:"Email"}),e.jsx(h,{id:"email",type:"email",onChange:l,value:r.email}),e.jsx("span",{className:"text-red-500",children:i.email})]}),e.jsxs("div",{className:"col-span-12",children:[e.jsx(n,{htmlFor:"password",className:"mb-2 block",children:"Password"}),e.jsx(h,{id:"password",type:"password",onChange:l,value:r.password}),e.jsx("span",{className:"text-red-500",children:i.password})]}),e.jsxs("div",{className:"col-span-12",children:[e.jsx(n,{htmlFor:"confirmpassword",className:"mb-2 block",children:"Confirm Password"}),e.jsx(h,{id:"confirmpassword",type:"password",onChange:l})]}),e.jsxs("div",{className:"flex items-center gap-2 lg:col-span-6 col-span-12",children:[e.jsx(j,{id:"remember"}),e.jsx(n,{htmlFor:"remember",className:"mb-0",children:"Remember this Device"})]}),e.jsx("div",{className:"lg:col-span-6 col-span-12 text-end",children:e.jsx(N,{to:"/auth/auth1/forgot-password",className:"text-primary",children:"Forgot Password ?"})}),e.jsx("div",{className:"col-span-12 flex items-center gap-[1rem]",children:e.jsx(x,{type:"submit",variant:"default",children:"Sign Up"})})]})})]})})},R={email:"",password:""},M={email:"",password:""},q=()=>{const[r,d]=m.useState(R),[i,t]=m.useState(M),l=a=>{d({...r,[a.target.name]:a.target.value})},p=async a=>{a.preventDefault(),t(o(r))},o=a=>{let s={email:"",password:""};return console.log(a),a.email?s.email="":s.email="Email is required",a.password?a.password.length<8?s.password="Password should be a minimum of 8 characters.":s.password="":s.password="Password is required",s};return e.jsx("div",{children:e.jsxs(w,{children:[e.jsx("div",{className:"pb-10 pt-3",children:e.jsx(b,{})}),e.jsx("form",{onSubmit:p,children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsxs("div",{className:"col-span-12",children:[e.jsx("div",{className:"mb-2 block",children:e.jsx(n,{htmlFor:"email",children:"Email Address"})}),e.jsx(h,{id:"email",type:"email",onChange:l,value:r.email}),e.jsx("span",{className:"text-red-500",children:i.email})]}),e.jsxs("div",{className:"col-span-12",children:[e.jsx("div",{className:"mb-2 block",children:e.jsx(n,{htmlFor:"password",children:"Password"})}),e.jsx(h,{id:"password",type:"password",onChange:l,value:r.password}),e.jsx("span",{className:"text-red-500",children:i.password})]}),e.jsxs("div",{className:"flex items-center gap-2 lg:col-span-6 col-span-12",children:[e.jsx(j,{id:"remember"}),e.jsx(n,{htmlFor:"remember",className:"mb-0",children:"Remember this Device"})]}),e.jsx("div",{className:"lg:col-span-6 col-span-12 text-end",children:e.jsx(N,{to:"/auth/auth1/forgot-password",className:"text-primary",children:"Forgot Password ?"})}),e.jsx("div",{className:"col-span-12 flex items-center gap-[1rem]",children:e.jsx(x,{type:"submit",children:"Sign Up"})})]})})]})})},L={email:"",password:""},T={email:"",password:""},I=()=>{const[r,d]=m.useState(L),[i,t]=m.useState(T),l=s=>{d({...r,[s.target.name]:s.target.value})},p=()=>{t(a(r))},o=async s=>{s.preventDefault(),t(a(r))},a=s=>{let c={email:"",password:""};return console.log(s),s.email?c.email="":c.email="Email is required",s.password?s.password.length<8?c.password="Password should be a minimum of 8 characters.":c.password="":c.password="Password is required",c};return e.jsx("div",{children:e.jsx(u,{title:"On Leave",children:e.jsx("form",{onSubmit:o,children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsxs("div",{className:"col-span-12",children:[e.jsx("div",{className:"mb-2 block",children:e.jsx(n,{htmlFor:"email",children:"Email Address"})}),e.jsx(h,{id:"email",type:"email",onChange:l,onBlur:p,value:r.email}),e.jsx("span",{className:"text-red-500",children:i.email})]}),e.jsxs("div",{className:"col-span-12",children:[e.jsx("div",{className:"mb-2 block",children:e.jsx(n,{htmlFor:"password",children:"Password"})}),e.jsx(h,{id:"password",type:"password",onChange:l,onBlur:p,value:r.email}),e.jsx("span",{className:"text-red-500",children:i.password})]}),e.jsx("div",{className:"col-span-12 flex items-center",children:e.jsx(x,{type:"submit",children:"Submit"})})]})})})})},A=()=>{const[r,d]=m.useState(""),i=l=>{d(l)},t=()=>{alert(r)};return e.jsx("div",{children:e.jsx(u,{title:"Radio",children:e.jsxs("form",{onSubmit:t,className:"grid grid-cols-12 gap-6",children:[e.jsxs(f,{onValueChange:i,value:r,name:"primarycolor",className:"col-span-12 lg:col-span-6 flex flex-wrap gap-6",children:[e.jsxs("div",{className:"lg:col-span-2 col-span-12 flex items-center gap-2",children:[e.jsx(g,{value:"Primary",id:"primary",className:"shrink-0"}),e.jsx(n,{htmlFor:"primary",className:"mb-0",children:"Primary"})]}),e.jsxs("div",{className:"lg:col-span-2 col-span-12 flex items-center gap-2",children:[e.jsx(g,{value:"Error",id:"error",className:"shrink-0"}),e.jsx(n,{htmlFor:"error",className:"mb-0",children:"Error"})]}),e.jsxs("div",{className:"lg:col-span-2 col-span-12 flex items-center gap-2",children:[e.jsx(g,{value:"Secondary",id:"secondary",className:"shrink-0"}),e.jsx(n,{htmlFor:"secondary",className:"mb-0",children:"Secondary"})]})]}),e.jsx("div",{className:"col-span-12 flex items-center",children:e.jsx(x,{type:"submit",children:"Submit"})})]})})})},O=()=>{const[r,d]=m.useState(""),i=l=>{d(l)},t=()=>{alert(Number(r))};return e.jsx("div",{children:e.jsx(u,{title:"Select",children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsxs("div",{className:"col-span-12",children:[e.jsx("div",{className:"mb-2 block",children:e.jsx(n,{htmlFor:"age",children:"Age"})}),e.jsxs(y,{onValueChange:i,value:r,children:[e.jsx(S,{className:"w-fit",children:e.jsx(C,{placeholder:"None"})}),e.jsxs(k,{children:[e.jsx(v,{value:"10",children:"Ten"}),e.jsx(v,{value:"20",children:"Twenty"}),e.jsx(v,{value:"30",children:"Thirty"})]})]})]}),e.jsx("div",{className:"col-span-12 flex items-center",children:e.jsx(x,{type:"submit",onClick:t,children:"Submit"})})]})})})},V=[{to:"/",title:"Home"},{to:"",title:"Form Validation"}];function ye(){return e.jsxs(e.Fragment,{children:[e.jsx(F,{title:"Form Validation",items:V}),e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsx("div",{className:"col-span-12",children:e.jsx(B,{})}),e.jsx("div",{className:"col-span-12",children:e.jsx(q,{})}),e.jsx("div",{className:"col-span-12",children:e.jsx(I,{})}),e.jsx("div",{className:"col-span-12",children:e.jsx(O,{})}),e.jsx("div",{className:"col-span-12",children:e.jsx(A,{})}),e.jsx("div",{className:"col-span-12",children:e.jsx(E,{})})]})]})}export{ye as component};