@televet/kibble-ui 4.0.0-beta.72 → 4.0.0-beta.73

package/dist/chunks/radio.records-C-MuxSPZ.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("./index-CZ42b9rT.js"),T=require("./tooltip.component-Vo-2841s.js"),b=require("./use-locale-context-BdqHZ8L8.js");var S=o.createAnatomy("radio-group").parts("root","label","item","itemText","itemControl","indicator"),c=S.build(),g=e=>e.ids?.root??`radio-group:${e.id}`,I=e=>e.ids?.label??`radio-group:${e.id}:label`,C=(e,t)=>e.ids?.item?.(t)??`radio-group:${e.id}:radio:${t}`,m=(e,t)=>e.ids?.itemHiddenInput?.(t)??`radio-group:${e.id}:radio:input:${t}`,k=(e,t)=>e.ids?.itemControl?.(t)??`radio-group:${e.id}:radio:control:${t}`,R=(e,t)=>e.ids?.itemLabel?.(t)??`radio-group:${e.id}:radio:label:${t}`,A=e=>e.ids?.indicator??`radio-group:${e.id}:indicator`,h=e=>e.getById(g(e)),F=(e,t)=>e.getById(m(e,t)),D=e=>e.getById(A(e)),P=e=>h(e)?.querySelector("input:not(:disabled)"),_=e=>h(e)?.querySelector("input:not(:disabled):checked"),V=e=>{const i=`input[type=radio][data-ownedby='${CSS.escape(g(e))}']:not([disabled])`;return o.queryAll(h(e),i)},$=(e,t)=>{if(t)return e.getById(C(e,t))},w=e=>({left:e?.offsetLeft??0,top:e?.offsetTop??0,width:e?.offsetWidth??0,height:e?.offsetHeight??0}),O=e=>({width:`${e.width}px`,height:`${e.height}px`,left:`${e.left}px`,top:`${e.top}px`});function H(e,t){const{context:i,send:n,computed:s,prop:d,scope:l}=e,f=s("isDisabled"),y=d("readOnly");function v(a){const r=i.get("focusedValue")===a.value,u=r&&T.isFocusVisible();return{value:a.value,invalid:!!a.invalid,disabled:!!a.disabled||f,checked:i.get("value")===a.value,focused:r,focusVisible:u,hovered:i.get("hoveredValue")===a.value,active:i.get("activeValue")===a.value}}function p(a){const r=v(a);return{"data-focus":o.dataAttr(r.focused),"data-focus-visible":o.dataAttr(r.focusVisible),"data-disabled":o.dataAttr(r.disabled),"data-readonly":o.dataAttr(y),"data-state":r.checked?"checked":"unchecked","data-hover":o.dataAttr(r.hovered),"data-invalid":o.dataAttr(r.invalid),"data-orientation":d("orientation"),"data-ssr":o.dataAttr(i.get("ssr"))}}const E=()=>{(_(l)??P(l))?.focus()};return{focus:E,value:i.get("value"),setValue(a){n({type:"SET_VALUE",value:a,isTrusted:!1})},clearValue(){n({type:"SET_VALUE",value:null,isTrusted:!1})},getRootProps(){return t.element({...c.root.attrs,role:"radiogroup",id:g(l),"aria-labelledby":I(l),"data-orientation":d("orientation"),"data-disabled":o.dataAttr(f),"aria-orientation":d("orientation"),dir:d("dir"),style:{position:"relative"}})},getLabelProps(){return t.element({...c.label.attrs,dir:d("dir"),"data-orientation":d("orientation"),"data-disabled":o.dataAttr(f),id:I(l),onClick:E})},getItemState:v,getItemProps(a){const r=v(a);return t.label({...c.item.attrs,dir:d("dir"),id:C(l,a.value),htmlFor:m(l,a.value),...p(a),onPointerMove(){r.disabled||r.hovered||n({type:"SET_HOVERED",value:a.value,hovered:!0})},onPointerLeave(){r.disabled||n({type:"SET_HOVERED",value:null})},onPointerDown(u){r.disabled||(r.focused&&u.pointerType==="mouse"&&u.preventDefault(),n({type:"SET_ACTIVE",value:a.value,active:!0}))},onPointerUp(){r.disabled||n({type:"SET_ACTIVE",value:null})},onClick(){!r.disabled&&o.isSafari()&&F(l,a.value)?.focus()}})},getItemTextProps(a){return t.element({...c.itemText.attrs,dir:d("dir"),id:R(l,a.value),...p(a)})},getItemControlProps(a){const r=v(a);return t.element({...c.itemControl.attrs,dir:d("dir"),id:k(l,a.value),"data-active":o.dataAttr(r.active),"aria-hidden":!0,...p(a)})},getItemHiddenInputProps(a){const r=v(a);return t.input({"data-ownedby":g(l),id:m(l,a.value),type:"radio",name:d("name")||d("id"),form:d("form"),value:a.value,onClick(u){if(y){u.preventDefault();return}u.currentTarget.checked&&n({type:"SET_VALUE",value:a.value,isTrusted:!0})},onBlur(){n({type:"SET_FOCUSED",value:null,focused:!1})},onFocus(){n({type:"SET_FOCUSED",value:a.value,focused:!0})},onKeyDown(u){u.defaultPrevented||u.key===" "&&n({type:"SET_ACTIVE",value:a.value,active:!0})},onKeyUp(u){u.defaultPrevented||u.key===" "&&n({type:"SET_ACTIVE",value:null})},disabled:r.disabled,defaultChecked:r.checked,style:o.visuallyHiddenStyle})},getIndicatorProps(){const a=i.get("indicatorRect");return t.element({id:A(l),...c.indicator.attrs,dir:d("dir"),hidden:i.get("value")==null,"data-disabled":o.dataAttr(f),"data-orientation":d("orientation"),style:{"--transition-property":"left, top, width, height","--left":a?.left,"--top":a?.top,"--width":a?.width,"--height":a?.height,position:"absolute",willChange:"var(--transition-property)",transitionProperty:"var(--transition-property)",transitionDuration:i.get("canIndicatorTransition")?"var(--transition-duration, 150ms)":"0ms",transitionTimingFunction:"var(--transition-timing-function)",[d("orientation")==="horizontal"?"left":"top"]:d("orientation")==="horizontal"?"var(--left)":"var(--top)"}})}}}var{not:L}=o.createGuards(),U=o.createMachine({props({props:e}){return{orientation:"vertical",...e}},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(i){e("onValueChange")?.({value:i})}})),activeValue:t(()=>({defaultValue:null})),focusedValue:t(()=>({defaultValue:null})),hoveredValue:t(()=>({defaultValue:null})),indicatorRect:t(()=>({defaultValue:{}})),canIndicatorTransition:t(()=>({defaultValue:!1})),fieldsetDisabled:t(()=>({defaultValue:!1})),ssr:t(()=>({defaultValue:!0}))}},refs(){return{indicatorCleanup:null}},computed:{isDisabled:({prop:e,context:t})=>!!e("disabled")||t.get("fieldsetDisabled")},entry:["syncIndicatorRect","syncSsr"],exit:["cleanupObserver"],effects:["trackFormControlState","trackFocusVisible"],watch({track:e,action:t,context:i}){e([()=>i.get("value")],()=>{t(["setIndicatorTransition","syncIndicatorRect","syncInputElements"])})},on:{SET_VALUE:[{guard:L("isTrusted"),actions:["setValue","dispatchChangeEvent"]},{actions:["setValue"]}],SET_HOVERED:{actions:["setHovered"]},SET_ACTIVE:{actions:["setActive"]},SET_FOCUSED:{actions:["setFocused"]}},states:{idle:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackFormControlState({context:e,scope:t}){return o.trackFormControl(h(t),{onFieldsetDisabledChange(i){e.set("fieldsetDisabled",i)},onFormReset(){e.set("value",e.initial("value"))}})},trackFocusVisible({scope:e}){return T.trackFocusVisible({root:e.getRootNode?.()})}},actions:{setValue({context:e,event:t}){e.set("value",t.value)},setHovered({context:e,event:t}){e.set("hoveredValue",t.value)},setActive({context:e,event:t}){e.set("activeValue",t.value)},setFocused({context:e,event:t}){e.set("focusedValue",t.value)},syncInputElements({context:e,scope:t}){V(t).forEach(n=>{n.checked=n.value===e.get("value")})},setIndicatorTransition({context:e}){e.set("canIndicatorTransition",o.isString(e.get("value")))},cleanupObserver({refs:e}){e.get("indicatorCleanup")?.()},syncSsr({context:e}){e.set("ssr",!1)},syncIndicatorRect({context:e,scope:t,refs:i}){if(i.get("indicatorCleanup")?.(),!D(t))return;const n=e.get("value"),s=$(t,n);if(n==null||!s){e.set("canIndicatorTransition",!1),e.set("indicatorRect",{});return}const d=o.trackElementRect([s],{measure(l){return w(l)},onEntry({rects:l}){e.set("indicatorRect",O(l[0]))}});i.set("indicatorCleanup",d)},dispatchChangeEvent({context:e,scope:t}){V(t).forEach(n=>{const s=n.value===e.get("value");s!==n.checked&&o.dispatchInputCheckedEvent(n,{checked:s})})}}}});b.createProps()(["dir","disabled","form","getRootNode","id","ids","name","onValueChange","orientation","readOnly","value","defaultValue"]);b.createProps()(["value","disabled","invalid"]);const q={sm:3,md:4,lg:5},B={sm:2,md:2,lg:3};exports.RadioSizeMap=q;exports.RadioTextSpacing=B;exports.anatomy=S;exports.connect=H;exports.machine=U;
-//# sourceMappingURL=radio.records-C-MuxSPZ.js.map

package/dist/chunks/select.component-CGqMFhui.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),se=require("./withFormControl-_nV7mlmV.js"),oe=require("./icon.component-C0e0UGBw.js"),ne=require("./button.component-Dd9AfGox.js"),T=require("./text.component-BZQWS29V.js"),le=require("./spinner.component-Ebdkd2br.js"),l=require("./use-locale-context-BdqHZ8L8.js"),ce=require("./create-slot-recipe-context-IwVIgtBt.js"),C=require("./icons-CTpAjbC-.js"),N=require("./use-field-context--wBJQY1R.js"),d=require("./index-CZ42b9rT.js"),h=require("./index-BDnnTdaJ.js"),ie=require("./tooltip.component-Vo-2841s.js"),ae=require("./textInput.component-B0VClMq5.js"),de=require("./box-Baq7UBls.js"),y=require("./flex-D14H6HbP.js"),ue=t=>t&&t.__esModule?t:{default:t},pe=ue(c),xe=t=>new h.ListCollection(t),[k,p]=l.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),q=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getClearTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...r,ref:n})});q.displayName="SelectClearTrigger";const G=c.forwardRef((t,n)=>{const s=p(),r=l.usePresenceContext(),o=d.mergeProps(s.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:l.composeRefs(r.ref,n)})});G.displayName="SelectContent";const _=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getControlProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});_.displayName="SelectControl";const A=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getHiddenSelectProps(),t),o=s.value.length===0,i=N.useFieldContext();return e.jsxRuntimeExports.jsxs(l.ark.select,{"aria-describedby":i?.ariaDescribedby,...r,ref:n,children:[o&&e.jsxRuntimeExports.jsx("option",{value:""}),s.collection.items.map((a,m)=>e.jsxRuntimeExports.jsx("option",{value:s.collection.getItemValue(a)??"",disabled:s.collection.getItemDisabled(a),children:s.collection.stringifyItem(a)},m))]})});A.displayName="SelectHiddenSelect";const O=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});O.displayName="SelectIndicator";const[me,Oe]=l.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[Pe,F]=l.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),L=c.forwardRef((t,n)=>{const[s,r]=l.createSplitProps()(t,["item","persistFocus"]),o=p(),i=d.mergeProps(o.getItemProps(s),r),a=o.getItemState(s);return e.jsxRuntimeExports.jsx(Pe,{value:s,children:e.jsxRuntimeExports.jsx(me,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...i,ref:n})})})});L.displayName="SelectItem";const[je,ge]=l.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),V=c.forwardRef((t,n)=>{const s=c.useId(),[r,o]=l.createSplitProps()(t,["id"]),i={id:s,...r},a=p(),m=d.mergeProps(a.getItemGroupProps(i),o);return e.jsxRuntimeExports.jsx(je,{value:i,children:e.jsxRuntimeExports.jsx(l.ark.div,{...m,ref:n})})});V.displayName="SelectItemGroup";const $=c.forwardRef((t,n)=>{const s=p(),r=ge(),o=d.mergeProps(s.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:n})});$.displayName="SelectItemGroupLabel";const H=c.forwardRef((t,n)=>{const s=p(),r=F(),o=d.mergeProps(s.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:n})});H.displayName="SelectItemIndicator";const D=c.forwardRef((t,n)=>{const s=p(),r=F(),o=d.mergeProps(s.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(l.ark.span,{...o,ref:n})});D.displayName="SelectItemText";const W=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getLabelProps(),t);return e.jsxRuntimeExports.jsx(l.ark.label,{...r,ref:n})});W.displayName="SelectLabel";const M=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getPositionerProps(),t);return l.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});M.displayName="SelectPositioner";const fe=t=>{const n=c.useId(),{dir:s}=l.useLocaleContext(),{getRootNode:r}=l.useEnvironmentContext(),o=N.useFieldContext(),i={id:n,ids:{label:o?.ids.label,hiddenSelect:o?.ids.control},disabled:o?.disabled,readOnly:o?.readOnly,invalid:o?.invalid,required:o?.required,dir:s,getRootNode:r,...t},a=l.useMachine(h.machine,i);return h.connect(a,l.normalizeProps)},Se=(t,n)=>{const[s,r]=l.splitPresenceProps(t),[o,i]=l.createSplitProps()(r,["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","disabled","form","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),a=fe(o),m=l.usePresence(d.mergeProps({present:a.open},s)),g=d.mergeProps(a.getRootProps(),i);return e.jsxRuntimeExports.jsx(k,{value:a,children:e.jsxRuntimeExports.jsx(l.PresenceProvider,{value:m,children:e.jsxRuntimeExports.jsx(l.ark.div,{...g,ref:n})})})},Re=c.forwardRef(Se),he=(t,n)=>{const[s,r]=l.splitPresenceProps(t),[{value:o},i]=l.createSplitProps()(r,["value"]),a=l.usePresence(d.mergeProps({present:o.open},s)),m=d.mergeProps(o.getRootProps(),i);return e.jsxRuntimeExports.jsx(k,{value:o,children:e.jsxRuntimeExports.jsx(l.PresenceProvider,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...m,ref:n})})})},Ce=c.forwardRef(he),B=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...r,ref:n})});B.displayName="SelectTrigger";const z=c.forwardRef((t,n)=>{const{children:s,placeholder:r,...o}=t,i=p(),a=d.mergeProps(i.getValueTextProps(),o);return e.jsxRuntimeExports.jsx(l.ark.span,{...a,ref:n,children:s||i.valueAsString||r})});z.displayName="SelectValueText";const{withProvider:J,withContext:x}=ce.createSlotRecipeContext({key:"select"});J(Ce,"root",{forwardAsChild:!0});const ve=J(Re,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),Ee=x(B,"trigger",{forwardAsChild:!0}),Ie=x(M,"positioner",{forwardAsChild:!0}),be=x(G,"content",{forwardAsChild:!0}),we=x(z,"valueText",{forwardAsChild:!0}),ye=x(q,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.CloseIcon,{boxSize:"1em"})}});x(V,"itemGroup",{forwardAsChild:!0});x($,"itemGroupLabel",{forwardAsChild:!0});const Te=x(L,"item",{forwardAsChild:!0});x(D,"itemText",{forwardAsChild:!0});x(H,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.CheckIcon,{})}});const Ne=x("div","indicatorGroup");x(O,"indicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.ChevronDownIcon,{})}});const ke=x(_,"control",{forwardAsChild:!0});x(W,"label",{forwardAsChild:!0});const qe=A,K=({item:t,onContrast:n,shouldTruncateText:s,size:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.leftElement,typeof t.label=="string"?e.jsxRuntimeExports.jsx(T.WrappedText,{size:r,truncated:s,variant:t.variant||(n?"onContrast":"default"),children:t.label}):t.label]}),Ge=({placeholder:t="",placeholderElement:n,...s})=>{const r=p(),o=c.useMemo(()=>r.selectedItems[0],[r]);return e.jsxRuntimeExports.jsxs(Ee,{children:[!o&&n,e.jsxRuntimeExports.jsx(we,{placeholder:t,children:o&&e.jsxRuntimeExports.jsx(K,{item:o,...s})})]})},_e=se.withFormControl(({clearable:t,emptyPlaceholder:n="No options available",loading:s,onContrast:r,onSearch:o,options:i,placeholder:a="",placeholderElement:m,searchable:g=!1,searchPlaceholder:U="Search...",selectRef:X,shouldTruncateText:v=!0,size:P="md",...Y})=>{const{contentRef:Z}=ie.useModalContentRef(),ee=r?"onContrast":"default",[f,E]=c.useState(""),[I,b]=c.useState(i),S=c.useMemo(()=>xe({items:I??[],itemToString:u=>typeof u.label=="string"?u.label:u.valueText||"",itemToValue:u=>u.value}),[I]),w=c.useCallback((u,j)=>u===""||!u?j:(console.log(u,j),j.filter(R=>!!(typeof R.label=="string"?R.label:R.valueText)?.toLowerCase().includes(u.toLowerCase()))),[]);c.useEffect(()=>{b(o?i:w(f,i))},[i,f,o,w]);const te=c.useCallback(u=>{const j=u.target.value;E(j),o&&o(u)},[o]),re=c.useCallback(()=>{E(""),o&&o({target:{value:""}})},[o]);return e.jsxRuntimeExports.jsxs(ve,{className:"Select","data-testid":"kibble-select",collection:S,size:P,variant:ee,...Y,children:[e.jsxRuntimeExports.jsx(qe,{ref:X}),e.jsxRuntimeExports.jsxs(ke,{children:[e.jsxRuntimeExports.jsx(Ge,{placeholder:a,placeholderElement:m,onContrast:!!r,shouldTruncateText:!!v,size:P}),e.jsxRuntimeExports.jsxs(Ne,{children:[t&&e.jsxRuntimeExports.jsx(ye,{asChild:!0,children:e.jsxRuntimeExports.jsx(ne.Button,{iconName:"close",onContrast:r,size:P==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(oe.Icon,{name:"chevronDown",size:P,variant:r?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(l.Portal,{container:Z||void 0,children:e.jsxRuntimeExports.jsx(Ie,{children:e.jsxRuntimeExports.jsxs(be,{children:[g&&e.jsxRuntimeExports.jsx(de.Box,{className:"Select__Header","data-testid":"kibble-select-header",m:"0 12px 8px",children:e.jsxRuntimeExports.jsx(ae.WrappedTextInput,{className:"Select__SearchBar","data-testid":"kibble-select-search-bar",placeholder:U,onChange:te,size:"sm",value:f,clearable:!0,onClear:re,formControlStyle:{mt:1}})}),s?e.jsxRuntimeExports.jsx(y.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(le.Spinner,{variant:r?"brandOnContrast":"brand",size:P})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:S.items.length?S.items.map(u=>e.jsxRuntimeExports.jsx(Te,{item:u,children:e.jsxRuntimeExports.jsx(K,{item:u,onContrast:!!r,shouldTruncateText:!!v,size:P})},u.value)):e.jsxRuntimeExports.jsx(y.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(T.WrappedText,{size:"sm",variant:r?"subtleOnContrast":"subtle",children:n})})})]})})})]})}),Q=pe.default.forwardRef((t,n)=>e.jsxRuntimeExports.jsx(_e,{selectRef:n,...t}));Q.displayName="Select";exports.WrappedSelect=Q;
-//# sourceMappingURL=select.component-CGqMFhui.js.map