@itera-web/react-ui-form 1.26.2 → 1.26.3

package/es/index.js

@@ -1 +1 @@
-import*as e from"react";import*as t from"react-hook-form";import*as r from"@itera-web/react-ui-label";import*as o from"@itera-web/utils-cn";import*as a from"@radix-ui/react-slot";var n={d:(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},l={};n.d(l,{l0:()=>x,NI:()=>N,pf:()=>I,Wi:()=>y,xJ:()=>g,lX:()=>w,zG:()=>C,YV:()=>h});const m=(e=>{var t={};return n.d(t,e),t})({Fragment:()=>e.Fragment,createContext:()=>e.createContext,createElement:()=>e.createElement,forwardRef:()=>e.forwardRef,useContext:()=>e.useContext,useId:()=>e.useId});const i=(e=>{var t={};return n.d(t,e),t})({Controller:()=>t.Controller,FormProvider:()=>t.FormProvider,useFormContext:()=>t.useFormContext});const s=(e=>{var t={};return n.d(t,e),t})({Label:()=>r.Label});const c=(e=>{var t={};return n.d(t,e),t})({cn:()=>o.cn});const d=(e=>{var t={};return n.d(t,e),t})({Slot:()=>a.Slot});var f=function(){return f=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},f.apply(this,arguments)},u=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r},p=m.createContext({layout:"vertical",labelLayout:"horizontal",labelWidth:80,messageBottom:"-24px"}),v=m.createContext({}),b=function(){return m.useContext(p)},x=function(e){var t=e.children,r=e.layout,o=void 0===r?"vertical":r,a=e.labelLayout,n=void 0===a?"horizontal":a,l=e.labelWidth,s=void 0===l?80:l,d=e.messageBottom,u=void 0===d?"-24px":d,v=e.form,b=e.className,x=e.style,y=e.onSubmit;return m.createElement(p.Provider,{value:{layout:o,labelLayout:n,labelWidth:s,messageBottom:u}},m.createElement(i.FormProvider,f({},v),m.createElement("form",{className:(0,c.cn)("flex gap-[36px] w-full","horizontal"===o?"flex-wrap items-end":"flex-col",b),onSubmit:y&&v.handleSubmit(y),style:x},t)))},y=function(e){var t=u(e,[]);return m.createElement(v.Provider,{value:{name:t.name}},m.createElement(i.Controller,f({},t)))},h=function(){var e=m.useContext(v),t=m.useContext(F),r=(0,i.useFormContext)(),o=r.getFieldState,a=r.formState,n=o(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");var l=t.id;return f({id:l,name:e.name,formItemId:"".concat(l,"-form-item"),formDescriptionId:"".concat(l,"-form-item-description"),formMessageId:"".concat(l,"-form-item-message")},n)},F=m.createContext({}),g=m.forwardRef(function(e,t){var r=e.className,o=u(e,["className"]),a=m.useId(),n=b().labelLayout;return m.createElement(F.Provider,{value:{id:a}},m.createElement("div",f({className:(0,c.cn)("text-font relative","horizontal"===n?"flex items-center":"flex flex-col",r),ref:t},o)))});g.displayName="FormItem";var w=m.forwardRef(function(e,t){var r=e.className,o=e.width,a=e.required,n=void 0!==a&&a,l=e.children,i=u(e,["className","width","required","children"]),d=h(),p=d.error,v=d.formItemId,x=b(),y=x.labelLayout,F=x.labelWidth;return m.createElement(s.Label,f({className:(0,c.cn)("flex gap-1 items-center text-font",p&&"text-destructive","horizontal"===y?"justify-end pr-[6px]":"pb-2",r),htmlFor:v,ref:t,style:{width:"number"==typeof(o||F)?"".concat(o||F,"px"):o||F}},i),n?m.createElement(m.Fragment,null,m.createElement("span",{className:"text-red-400"},"*"),l):l)});w.displayName="FormLabel";var N=m.forwardRef(function(e,t){var r=u(e,[]),o=h(),a=o.error,n=o.formItemId,l=o.formDescriptionId,i=o.formMessageId;return m.createElement(d.Slot,f({"aria-describedby":a?"".concat(l," ").concat(i):"".concat(l),"aria-invalid":!!a,id:n,ref:t},r))});N.displayName="FormControl";var I=m.forwardRef(function(e,t){var r=e.className,o=u(e,["className"]),a=h().formDescriptionId;return m.createElement("p",f({className:(0,c.cn)("text-sm text-muted-foreground",r),id:a,ref:t},o))});I.displayName="FormDescription";var C=m.forwardRef(function(e,t){var r,o=e.className,a=e.bottom,n=e.children,l=u(e,["className","bottom","children"]),i=h(),s=i.error,d=i.formMessageId,p=s?String(null!==(r=null==s?void 0:s.message)&&void 0!==r?r:""):n,v=b().messageBottom;return p?m.createElement("p",f({className:(0,c.cn)("absolute right-0 h-2 text-sm font-medium text-amber-500",o),id:d,ref:t,style:{bottom:"number"==typeof(a||v)?"-".concat(a||v,"px"):a||v}},l),p):null});C.displayName="FormMessage";var E=l.l0,O=l.NI,P=l.pf,S=l.Wi,L=l.xJ,j=l.lX,z=l.zG,R=l.YV;export{E as Form,O as FormControl,P as FormDescription,S as FormField,L as FormItem,j as FormLabel,z as FormMessage,R as useFormField};
+import*as e from"react";import*as t from"react-hook-form";import*as r from"@itera-web/react-ui-label";import*as o from"@itera-web/utils-cn";import*as a from"@radix-ui/react-slot";var n={d:(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},l={};n.d(l,{l0:()=>x,NI:()=>N,pf:()=>I,Wi:()=>y,xJ:()=>g,lX:()=>w,zG:()=>C,YV:()=>h});const m=(e=>{var t={};return n.d(t,e),t})({Fragment:()=>e.Fragment,createContext:()=>e.createContext,createElement:()=>e.createElement,forwardRef:()=>e.forwardRef,useContext:()=>e.useContext,useId:()=>e.useId});const i=(e=>{var t={};return n.d(t,e),t})({Controller:()=>t.Controller,FormProvider:()=>t.FormProvider,useFormContext:()=>t.useFormContext});const s=(e=>{var t={};return n.d(t,e),t})({Label:()=>r.Label});const c=(e=>{var t={};return n.d(t,e),t})({cn:()=>o.cn});const d=(e=>{var t={};return n.d(t,e),t})({Slot:()=>a.Slot});var f=function(){return f=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},f.apply(this,arguments)},u=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r},p=m.createContext({layout:"vertical",labelLayout:"horizontal",labelWidth:80,messageBottom:"-12px"}),v=m.createContext({}),b=function(){return m.useContext(p)},x=function(e){var t=e.children,r=e.layout,o=void 0===r?"vertical":r,a=e.labelLayout,n=void 0===a?"horizontal":a,l=e.labelWidth,s=void 0===l?80:l,d=e.messageBottom,u=void 0===d?"-12px":d,v=e.form,b=e.className,x=e.style,y=e.onSubmit;return m.createElement(p.Provider,{value:{layout:o,labelLayout:n,labelWidth:s,messageBottom:u}},m.createElement(i.FormProvider,f({},v),m.createElement("form",{className:(0,c.cn)("flex gap-[36px] w-full","horizontal"===o?"flex-wrap items-end":"flex-col",b),onSubmit:y&&v.handleSubmit(y),style:x},t)))},y=function(e){var t=u(e,[]);return m.createElement(v.Provider,{value:{name:t.name}},m.createElement(i.Controller,f({},t)))},h=function(){var e=m.useContext(v),t=m.useContext(F),r=(0,i.useFormContext)(),o=r.getFieldState,a=r.formState,n=o(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");var l=t.id;return f({id:l,name:e.name,formItemId:"".concat(l,"-form-item"),formDescriptionId:"".concat(l,"-form-item-description"),formMessageId:"".concat(l,"-form-item-message")},n)},F=m.createContext({}),g=m.forwardRef(function(e,t){var r=e.className,o=u(e,["className"]),a=m.useId(),n=b().labelLayout;return m.createElement(F.Provider,{value:{id:a}},m.createElement("div",f({className:(0,c.cn)("text-font relative","horizontal"===n?"flex items-center":"flex flex-col",r),ref:t},o)))});g.displayName="FormItem";var w=m.forwardRef(function(e,t){var r=e.className,o=e.width,a=e.required,n=void 0!==a&&a,l=e.children,i=u(e,["className","width","required","children"]),d=h(),p=d.error,v=d.formItemId,x=b(),y=x.labelLayout,F=x.labelWidth;return m.createElement(s.Label,f({className:(0,c.cn)("flex gap-1 items-center text-font",p&&"text-destructive","horizontal"===y?"justify-end pr-[6px]":"pb-2",r),htmlFor:v,ref:t,style:{width:"number"==typeof(o||F)?"".concat(o||F,"px"):o||F}},i),n?m.createElement(m.Fragment,null,m.createElement("span",{className:"text-red-400"},"*"),l):l)});w.displayName="FormLabel";var N=m.forwardRef(function(e,t){var r=u(e,[]),o=h(),a=o.error,n=o.formItemId,l=o.formDescriptionId,i=o.formMessageId;return m.createElement(d.Slot,f({"aria-describedby":a?"".concat(l," ").concat(i):"".concat(l),"aria-invalid":!!a,id:n,ref:t},r))});N.displayName="FormControl";var I=m.forwardRef(function(e,t){var r=e.className,o=u(e,["className"]),a=h().formDescriptionId;return m.createElement("p",f({className:(0,c.cn)("text-sm text-muted-foreground",r),id:a,ref:t},o))});I.displayName="FormDescription";var C=m.forwardRef(function(e,t){var r,o=e.className,a=e.bottom,n=e.children,l=u(e,["className","bottom","children"]),i=h(),s=i.error,d=i.formMessageId,p=s?String(null!==(r=null==s?void 0:s.message)&&void 0!==r?r:""):n,v=b().messageBottom;return p?m.createElement("p",f({className:(0,c.cn)("absolute right-0 h-2 text-sm font-medium text-amber-500",o),id:d,ref:t,style:{bottom:"number"==typeof(a||v)?"".concat(a||v,"px"):a||v}},l),p):null});C.displayName="FormMessage";var E=l.l0,O=l.NI,P=l.pf,S=l.Wi,L=l.xJ,j=l.lX,z=l.zG,R=l.YV;export{E as Form,O as FormControl,P as FormDescription,S as FormField,L as FormItem,j as FormLabel,z as FormMessage,R as useFormField};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itera-web/react-ui-form",
   "description": "表单",
-  "version": "1.26.2",
+  "version": "1.26.3",
   "main": "es/index.js",
   "types": "es/index.d.ts",
   "publishConfig": {
@@ -26,5 +26,5 @@
   "devDependencies": {
     "@itera-web/cli": "^1.1.54"
   },
-  "gitHead": "6994367c7d612e09097f3087d4572f287ac3e292"
+  "gitHead": "f6881ff2bb7d1bfa4e8c25c2b9c175303037543e"
 }