@televet/kibble-ui 4.0.0-beta.102 → 4.0.0-beta.103

package/dist/chunks/withFormControl-DUbGQZnV.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),Z=require("./text.component-fgp06lR8.js"),G=require("./typography.records-Cg_lT1Z3.js"),J=require("./icon.component-aJ690VpJ.js"),k=require("./flex-D14H6HbP.js"),o=require("react"),w=require("./factory-D6tdBUPG.js"),K=require("./create-slot-recipe-context-IwVIgtBt.js"),Q=require("./create-recipe-context-sESms8Eo.js"),y=require("./use-field-context-4x8yd4wU.js"),F=require("./use-locale-context-DxX8oC2w.js"),l=require("./index-CHIISuTq.js"),g=require("./field.anatomy-B-h4RMqL.js");function U(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const V=U(o),H=o.forwardRef((e,r)=>{const s=y.useFieldContext(),t=l.mergeProps(s.getErrorTextProps(),e);return s?.invalid?n.jsxRuntimeExports.jsx(F.ark.span,{...t,ref:r}):null});H.displayName="FieldErrorText";const L=o.forwardRef((e,r)=>{const s=y.useFieldContext(),t=l.mergeProps(s?.getHelperTextProps(),e);return n.jsxRuntimeExports.jsx(F.ark.span,{...t,ref:r})});L.displayName="FieldHelperText";const O=o.forwardRef((e,r)=>{const s=y.useFieldContext(),t=l.mergeProps(s?.getLabelProps(),e);return n.jsxRuntimeExports.jsx(F.ark.label,{...t,ref:r})});O.displayName="FieldLabel";const X=typeof window<"u"?o.useLayoutEffect:o.useEffect,[me,Y]=F.createContext({name:"FieldsetContext",hookName:"useFieldsetContext",providerName:"<FieldsetProvider />",strict:!1}),ee=(e={})=>{const r=Y(),{ids:s,disabled:t=!!r?.disabled,invalid:a=!1,readOnly:i=!1,required:d=!1}=e,[x,p]=o.useState(!1),[P,b]=o.useState(!1),c=e.id??o.useId(),C=o.useRef(null),m=s?.control??`field::${c}`,f=s?.errorText??`field::${c}::error-text`,u=s?.helperText??`field::${c}::helper-text`,E=s?.label??`field::${c}::label`;X(()=>{const j=C.current;if(!j)return;const q=l.getWindow(j),A=q.document,S=()=>{p(!!A.getElementById(f)),b(!!A.getElementById(u))};S();const M=new q.MutationObserver(S);return M.observe(j,{childList:!0,subtree:!0}),()=>M.disconnect()},[f,u]);const h=o.useMemo(()=>{const j=[];return x&&a&&j.push(f),P&&j.push(u),j.join(" ")||void 0},[a,f,u,x,P]),N=o.useMemo(()=>()=>({...g.parts.root.attrs,id:m,ref:C,role:"group","data-disabled":l.dataAttr(t),"data-invalid":l.dataAttr(a),"data-readonly":l.dataAttr(i)}),[t,a,i,m]),v=o.useMemo(()=>()=>({...g.parts.label.attrs,id:E,"data-disabled":l.dataAttr(t),"data-invalid":l.dataAttr(a),"data-readonly":l.dataAttr(i),htmlFor:c}),[t,a,i,c,E]),R=o.useMemo(()=>()=>({"aria-describedby":h,"aria-invalid":l.ariaAttr(a),"data-invalid":l.dataAttr(a),"data-required":l.dataAttr(d),"data-readonly":l.dataAttr(i),id:c,required:d,disabled:t,readOnly:i}),[h,a,d,i,c,t]),T=o.useMemo(()=>()=>({...R(),...g.parts.input.attrs}),[R]),I=o.useMemo(()=>()=>({...R(),...g.parts.textarea.attrs}),[R]),z=o.useMemo(()=>()=>({...R(),...g.parts.select.attrs}),[R]),B=o.useMemo(()=>()=>({id:u,...g.parts.helperText.attrs,"data-disabled":l.dataAttr(t)}),[t,u]),D=o.useMemo(()=>()=>({id:f,...g.parts.errorText.attrs,"aria-live":"polite"}),[f]),W=o.useMemo(()=>()=>({"aria-hidden":!0,...g.parts.requiredIndicator.attrs}),[]);return{ariaDescribedby:h,ids:{root:m,control:c,label:E,errorText:f,helperText:u},refs:{rootRef:C},disabled:t,invalid:a,readOnly:i,required:d,getLabelProps:v,getRootProps:N,getInputProps:T,getTextareaProps:I,getSelectProps:z,getHelperTextProps:B,getErrorTextProps:D,getRequiredIndicatorProps:W}},$=o.forwardRef((e,r)=>{const[s,t]=F.createSplitProps()(e,["id","ids","disabled","invalid","readOnly","required"]),a=ee(s),i=l.mergeProps(a.getRootProps(),t);return n.jsxRuntimeExports.jsx(y.FieldProvider,{value:a,children:n.jsxRuntimeExports.jsx(F.ark.div,{...i,ref:F.composeRefs(r,a.refs.rootRef)})})});$.displayName="FieldRoot";const{useRecipeResult:te}=Q.createRecipeContext({key:"icon"}),re=V.forwardRef(function(r,s){const{styles:t,className:a,props:i}=te({asChild:!r.as,...r});return n.jsxRuntimeExports.jsx(w.chakra.svg,{ref:s,focusable:!1,"aria-hidden":"true",...i,css:[t,r.css],className:w.cx(a,r.className)})});function se(e){const{viewBox:r="0 0 24 24",d:s,displayName:t,defaultProps:a={}}=e,i=o.Children.toArray(e.path),d=o.forwardRef((x,p)=>n.jsxRuntimeExports.jsx(re,{ref:p,asChild:!1,viewBox:r,...a,...x,children:i.length?i:n.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:s})}));return d.displayName=t,d}const{withProvider:oe,withContext:_,useStyles:ae,useClassNames:ne}=K.createSlotRecipeContext({key:"field"}),ie=oe($,"root",{forwardAsChild:!0}),le=_(O,"label",{forwardAsChild:!0}),de=_(L,"helperText",{forwardAsChild:!0}),ce=_(H,"errorText",{forwardAsChild:!0});se({d:"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"});const ue=o.forwardRef(function(r,s){const{fallback:t,children:a="*",...i}=r,d=y.useFieldContext(),x=ne(),p=ae();return d?.required?n.jsxRuntimeExports.jsx(w.chakra.span,{ref:s,"aria-hidden":"true",...i,className:w.cx(x.requiredIndicator,r.className),css:[p.requiredIndicator,r.css],children:a}):t}),xe={sm:10,md:12,lg:14},pe=e=>{const r=({disabled:s=!1,errorText:t="Field is invalid",formControlStyle:a,fullWidth:i=!0,helperText:d,inlineField:x=!1,invalid:p=!1,invalidIconColor:P="danger",label:b,labelPosition:c="start",labelStyle:C,onContrast:m=!1,readOnly:f=!1,required:u=!1,showOptionalElement:E=!1,size:h="md",useInvalidIcon:N=!1,useInvalidText:v=!0,...R})=>{const T=n.jsxRuntimeExports.jsxs(le,{className:"FormControl__Label",color:m?"text.contrast":"text",fontSize:G.fontSizes[h],...C,onClick:I=>{I.stopPropagation()},children:[b,n.jsxRuntimeExports.jsx(ue,{className:"FormControl__RequiredIndicator",color:m?"text.danger.contrast":"text.danger",...!u&&{fallback:E?n.jsxRuntimeExports.jsxs(Z.WrappedText,{variant:m?"subtleOnContrast":"subtle",fontSize:xe[h],children:[" ","(Optional)"]}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{})}})]});return n.jsxRuntimeExports.jsxs(ie,{className:"FormControl group",disabled:s,invalid:p,readOnly:f,required:u,width:i?"100%":"auto",...a,children:[n.jsxRuntimeExports.jsxs(k.Flex,{className:"FormControl__Container",flexDirection:x?"row":"column",w:x?"max-content":"100%",gap:2,children:[b&&c==="start"&&T,n.jsxRuntimeExports.jsxs(k.Flex,{className:"FormControl__Content",alignItems:"center",gap:2,w:x?"max-content":"100%",children:[n.jsxRuntimeExports.jsx(e,{disabled:s,invalid:p,onContrast:m,readOnly:f,required:u,size:h,...R}),N&&p&&n.jsxRuntimeExports.jsx(J.Icon,{className:"FormControl__InvalidIcon",name:"warningSign",variant:P,size:h})]}),b&&c==="end"&&T]}),v&&p&&n.jsxRuntimeExports.jsx(ce,{className:"FormControl__ErrorText",fontSize:"xs",color:m?"text.danger.contrast":"text.danger",children:t}),d&&n.jsxRuntimeExports.jsx(de,{className:"FormControl__HelperText",fontSize:"xs",color:m?"text.subtle.contrast":"text.subtle",children:d})]})};return r.displayName=`withFormControl(${e.displayName||e.name}`,r};exports.withFormControl=pe;
-//# sourceMappingURL=withFormControl-DUbGQZnV.js.map