@televet/kibble-ui 4.0.0-beta.51 → 4.0.0-beta.53

package/dist/chunks/withFormControl-YVXep-WE.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),Z=require("./text.component-Dcx3RoTp.js"),h=require("./typography.records-DZdHSCkY.js"),G=require("./icon.component-4aaCABoX.js"),M=require("./flex-DKWxn8hO.js"),o=require("react"),T=require("./factory-CkTX_WOU.js"),J=require("./create-slot-recipe-context-D-pJ8fgs.js"),K=require("./create-recipe-context-DdRyhQQD.js"),P=require("./use-field-context--wBJQY1R.js"),F=require("./use-locale-context-BdqHZ8L8.js"),l=require("./index-CZ42b9rT.js");function Q(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 U=Q(o),k=o.forwardRef((e,r)=>{const s=P.useFieldContext(),t=l.mergeProps(s.getErrorTextProps(),e);return s?.invalid?n.jsxRuntimeExports.jsx(F.ark.span,{...t,ref:r}):null});k.displayName="FieldErrorText";const H=o.forwardRef((e,r)=>{const s=P.useFieldContext(),t=l.mergeProps(s?.getHelperTextProps(),e);return n.jsxRuntimeExports.jsx(F.ark.span,{...t,ref:r})});H.displayName="FieldHelperText";const L=o.forwardRef((e,r)=>{const s=P.useFieldContext(),t=l.mergeProps(s?.getLabelProps(),e);return n.jsxRuntimeExports.jsx(F.ark.label,{...t,ref:r})});L.displayName="FieldLabel";const V=typeof window<"u"?o.useLayoutEffect:o.useEffect,[pe,X]=F.createContext({name:"FieldsetContext",hookName:"useFieldsetContext",providerName:"<FieldsetProvider />",strict:!1}),Y=(e={})=>{const r=X(),{ids:s,disabled:t=!!r?.disabled,invalid:a=!1,readOnly:i=!1,required:d=!1}=e,[c,g]=o.useState(!1),[b,y]=o.useState(!1),u=e.id??o.useId(),p=o.useRef(null),C=s?.control??`field::${u}`,x=s?.errorText??`field::${u}::error-text`,m=s?.helperText??`field::${u}::helper-text`,R=s?.label??`field::${u}::label`;V(()=>{const j=p.current;if(!j)return;const _=l.getWindow(j),q=_.document,A=()=>{g(!!q.getElementById(x)),y(!!q.getElementById(m))};A();const S=new _.MutationObserver(A);return S.observe(j,{childList:!0,subtree:!0}),()=>S.disconnect()},[x,m]);const E=o.useMemo(()=>{const j=[];return c&&a&&j.push(x),b&&j.push(m),j.join(" ")||void 0},[a,x,m,c,b]),w=o.useMemo(()=>()=>({...h.parts.root.attrs,id:C,ref:p,role:"group","data-disabled":l.dataAttr(t),"data-invalid":l.dataAttr(a),"data-readonly":l.dataAttr(i)}),[t,a,i,C]),N=o.useMemo(()=>()=>({...h.parts.label.attrs,id:R,"data-disabled":l.dataAttr(t),"data-invalid":l.dataAttr(a),"data-readonly":l.dataAttr(i),htmlFor:u}),[t,a,i,u,R]),f=o.useMemo(()=>()=>({"aria-describedby":E,"aria-invalid":l.ariaAttr(a),"data-invalid":l.dataAttr(a),"data-required":l.dataAttr(d),"data-readonly":l.dataAttr(i),id:u,required:d,disabled:t,readOnly:i}),[E,a,d,i,u,t]),v=o.useMemo(()=>()=>({...f(),...h.parts.input.attrs}),[f]),$=o.useMemo(()=>()=>({...f(),...h.parts.textarea.attrs}),[f]),z=o.useMemo(()=>()=>({...f(),...h.parts.select.attrs}),[f]),B=o.useMemo(()=>()=>({id:m,...h.parts.helperText.attrs,"data-disabled":l.dataAttr(t)}),[t,m]),D=o.useMemo(()=>()=>({id:x,...h.parts.errorText.attrs,"aria-live":"polite"}),[x]),W=o.useMemo(()=>()=>({"aria-hidden":!0,...h.parts.requiredIndicator.attrs}),[]);return{ariaDescribedby:E,ids:{root:C,control:u,label:R,errorText:x,helperText:m},refs:{rootRef:p},disabled:t,invalid:a,readOnly:i,required:d,getLabelProps:N,getRootProps:w,getInputProps:v,getTextareaProps:$,getSelectProps:z,getHelperTextProps:B,getErrorTextProps:D,getRequiredIndicatorProps:W}},O=o.forwardRef((e,r)=>{const[s,t]=F.createSplitProps()(e,["id","ids","disabled","invalid","readOnly","required"]),a=Y(s),i=l.mergeProps(a.getRootProps(),t);return n.jsxRuntimeExports.jsx(P.FieldProvider,{value:a,children:n.jsxRuntimeExports.jsx(F.ark.div,{...i,ref:F.composeRefs(r,a.refs.rootRef)})})});O.displayName="FieldRoot";const{useRecipeResult:ee}=K.createRecipeContext({key:"icon"}),te=U.forwardRef(function(r,s){const{styles:t,className:a,props:i}=ee({asChild:!r.as,...r});return n.jsxRuntimeExports.jsx(T.chakra.svg,{ref:s,focusable:!1,"aria-hidden":"true",...i,css:[t,r.css],className:T.cx(a,r.className)})});function re(e){const{viewBox:r="0 0 24 24",d:s,displayName:t,defaultProps:a={}}=e,i=o.Children.toArray(e.path),d=o.forwardRef((c,g)=>n.jsxRuntimeExports.jsx(te,{ref:g,asChild:!1,viewBox:r,...a,...c,children:i.length?i:n.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:s})}));return d.displayName=t,d}const{withProvider:se,withContext:I,useStyles:oe,useClassNames:ae}=J.createSlotRecipeContext({key:"field"}),ne=se(O,"root",{forwardAsChild:!0}),ie=I(L,"label",{forwardAsChild:!0}),le=I(H,"helperText",{forwardAsChild:!0}),de=I(k,"errorText",{forwardAsChild:!0});re({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 ce=o.forwardRef(function(r,s){const{fallback:t,children:a="*",...i}=r,d=P.useFieldContext(),c=ae(),g=oe();return d?.required?n.jsxRuntimeExports.jsx(T.chakra.span,{ref:s,"aria-hidden":"true",...i,className:T.cx(c.requiredIndicator,r.className),css:[g.requiredIndicator,r.css],children:a}):t}),ue={sm:10,md:12,lg:14},xe=e=>{const r=({disabled:s=!1,errorText:t="Field is invalid",formControlStyle:a,helperText:i,inlineField:d=!1,invalid:c=!1,invalidIconColor:g="warning",label:b,labelPosition:y="start",labelStyle:u,onContrast:p=!1,readOnly:C=!1,required:x=!1,showOptionalElement:m=!1,size:R="md",useInvalidIcon:E=!1,useInvalidText:w=!0,...N})=>{const f=n.jsxRuntimeExports.jsxs(ie,{className:"FormControl__Label",color:p?"text.contrast":"text",fontSize:h.fontSizes[R],...u,onClick:v=>{v.stopPropagation()},children:[b,n.jsxRuntimeExports.jsx(ce,{className:"FormControl__RequiredIndicator",color:p?"text.danger.contrast":"text.danger",...!x&&{fallback:m?n.jsxRuntimeExports.jsxs(Z.WrappedText,{variant:p?"subtleOnContrast":"subtle",fontSize:ue[R],children:[" ","(Optional)"]}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{})}})]});return n.jsxRuntimeExports.jsxs(ne,{className:"FormControl group",disabled:s,invalid:c,readOnly:C,required:x,width:"auto",...a,children:[n.jsxRuntimeExports.jsxs(M.Flex,{className:"FormControl__Container",flexDirection:d?"row":"column",w:d?"max-content":"100%",gap:2,children:[b&&y==="start"&&f,n.jsxRuntimeExports.jsxs(M.Flex,{className:"FormControl__Content",alignItems:"center",gap:2,w:d?"max-content":"100%",children:[n.jsxRuntimeExports.jsx(e,{disabled:s,invalid:c,onContrast:p,readOnly:C,required:x,size:R,...N}),E&&c&&n.jsxRuntimeExports.jsx(G.Icon,{className:"FormControl__InvalidIcon",name:"warningSign",variant:g,size:R})]}),b&&y==="end"&&f]}),w&&c&&n.jsxRuntimeExports.jsx(de,{className:"FormControl__ErrorText",fontSize:"xs",color:p?"text.danger.contrast":"text.danger",children:t}),i&&n.jsxRuntimeExports.jsx(le,{className:"FormControl__HelperText",fontSize:"xs",color:p?"text.subtle.contrast":"text.subtle",children:i})]})};return r.displayName=`withFormControl(${e.displayName||e.name}`,r};exports.withFormControl=xe;
-//# sourceMappingURL=withFormControl-YVXep-WE.js.map