@televet/kibble-ui 4.0.0-beta.48 → 4.0.0-beta.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{buttonGroup.component-BllwiY24.js → buttonGroup.component-BLjEEBle.js} +2 -2
- package/dist/chunks/{buttonGroup.component-BllwiY24.js.map → buttonGroup.component-BLjEEBle.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-CyWOOEs3.js → buttonGroup.component-B_5ioQ76.js} +2 -2
- package/dist/chunks/{buttonGroup.component-CyWOOEs3.js.map → buttonGroup.component-B_5ioQ76.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-CTRfZQCI.js → conversationCard.component-CFok-8U0.js} +2 -2
- package/dist/chunks/{conversationCard.component-CTRfZQCI.js.map → conversationCard.component-CFok-8U0.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-BERwqiS-.js → conversationCard.component-CiDSMTUO.js} +2 -2
- package/dist/chunks/{conversationCard.component-BERwqiS-.js.map → conversationCard.component-CiDSMTUO.js.map} +1 -1
- package/dist/chunks/{datePicker.component-DN3Vb2hm.js → datePicker.component-BvJzhMIq.js} +2 -2
- package/dist/chunks/{datePicker.component-DN3Vb2hm.js.map → datePicker.component-BvJzhMIq.js.map} +1 -1
- package/dist/chunks/{datePicker.component-PImZR-B6.js → datePicker.component-DKDgsGci.js} +2 -2
- package/dist/chunks/{datePicker.component-PImZR-B6.js.map → datePicker.component-DKDgsGci.js.map} +1 -1
- package/dist/chunks/menu.component-Bi2JPazM.js +2 -0
- package/dist/chunks/{menu.component-DfMZGgCy.js.map → menu.component-Bi2JPazM.js.map} +1 -1
- package/dist/chunks/menu.component-DbVIiM3g.js +677 -0
- package/dist/chunks/{menu.component-CTze16Re.js.map → menu.component-DbVIiM3g.js.map} +1 -1
- package/dist/chunks/{radioGroup.component-BijXqMDe.js → radioGroup.component-VgKW4-P2.js} +2 -2
- package/dist/chunks/{radioGroup.component-BijXqMDe.js.map → radioGroup.component-VgKW4-P2.js.map} +1 -1
- package/dist/chunks/{radioGroup.component-D9lKUJfv.js → radioGroup.component-cFpOM0dT.js} +2 -2
- package/dist/chunks/{radioGroup.component-D9lKUJfv.js.map → radioGroup.component-cFpOM0dT.js.map} +1 -1
- package/dist/chunks/select.component-BDLdQaL2.js +2 -0
- package/dist/chunks/{select.component-CASOsFQJ.js.map → select.component-BDLdQaL2.js.map} +1 -1
- package/dist/chunks/select.component-BSZd60MZ.js +391 -0
- package/dist/chunks/{select.component-CEDzVkE_.js.map → select.component-BSZd60MZ.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-CNWy7Cz4.js → tagBlock.component-C0LIdK0o.js} +2 -2
- package/dist/chunks/{tagBlock.component-CNWy7Cz4.js.map → tagBlock.component-C0LIdK0o.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-Cn6vRcHX.js → tagBlock.component-DpcWXFLP.js} +2 -2
- package/dist/chunks/{tagBlock.component-Cn6vRcHX.js.map → tagBlock.component-DpcWXFLP.js.map} +1 -1
- package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
- package/dist/cjs/components/ConversationCard/index.cjs +1 -1
- package/dist/cjs/components/DatePicker/index.cjs +1 -1
- package/dist/cjs/components/Menu/index.cjs +1 -1
- package/dist/cjs/components/RadioGroup/index.cjs +1 -1
- package/dist/cjs/components/Select/index.cjs +1 -1
- package/dist/cjs/components/TagBlock/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/ButtonGroup/index.js +1 -1
- package/dist/esm/components/ConversationCard/index.js +1 -1
- package/dist/esm/components/DatePicker/index.js +1 -1
- package/dist/esm/components/Menu/index.js +1 -1
- package/dist/esm/components/RadioGroup/index.js +1 -1
- package/dist/esm/components/Select/index.js +1 -1
- package/dist/esm/components/TagBlock/index.js +1 -1
- package/dist/esm/components/index.js +7 -7
- package/dist/esm/index.js +7 -7
- package/package.json +1 -1
- package/dist/chunks/menu.component-CTze16Re.js +0 -677
- package/dist/chunks/menu.component-DfMZGgCy.js +0 -2
- package/dist/chunks/select.component-CASOsFQJ.js +0 -2
- package/dist/chunks/select.component-CEDzVkE_.js +0 -391
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),y=require("./button.component-ytAmAAJg.js"),J=require("./icon.component-4aaCABoX.js"),A=require("./text.component-Dcx3RoTp.js"),b=require("./flex-DKWxn8hO.js"),Ge=require("./textInput.component-BjQgcjCW.js"),Oe=require("./spinner.component-BuNeiOw3.js"),w=require("./box-ca2FvcWF.js"),qe=require("./tooltip.component-C7RpuMiK.js"),Q=require("./checkbox.component-jKQDjGYQ.js"),o=require("./use-locale-context-BdqHZ8L8.js"),Be=require("./create-slot-recipe-context-D-pJ8fgs.js"),$e=require("./icons-BVYVhH49.js"),W=require("./index-ZaGEDS_0.js"),m=require("./index-CZ42b9rT.js"),Fe=t=>t&&t.__esModule?t:{default:t},Le=Fe(i),[U,d]=o.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),X=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getArrowProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});X.displayName="MenuArrow";const Y=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Y.displayName="MenuArrowTip";const[G,ot]=o.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[Z,ee]=o.createContext({name:"MenuOptionItemPropsContext",hookName:"useMenuOptionItemPropsContext",providerName:"<MenuOptionItemPropsProvider />"}),te=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),u={...n,type:"checkbox"},l=d(),a=m.mergeProps(l.getOptionItemProps(u),r),x=l.getOptionItemState(u);return e.jsxRuntimeExports.jsx(Z,{value:u,children:e.jsxRuntimeExports.jsx(G,{value:x,children:e.jsxRuntimeExports.jsx(o.ark.div,{...a,ref:s})})})});te.displayName="MenuCheckboxItem";const ne=i.forwardRef((t,s)=>{const n=d(),r=o.usePresenceContext(),u=m.mergeProps(n.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:o.composeRefs(r.ref,s)})});ne.displayName="MenuContent";const se=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(o.ark.button,{...r,ref:s})});se.displayName="MenuContextTrigger";const re=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});re.displayName="MenuIndicator";const oe=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),u=d(),l=m.mergeProps(u.getItemProps(n),r),a=u.getItemState(n);return i.useEffect(()=>u.addItemListener({id:a.id,onSelect:n.onSelect}),[a.id,n.onSelect]),e.jsxRuntimeExports.jsx(G,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...l,ref:s})})});oe.displayName="MenuItem";const[ue,ie]=o.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),ce=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id"]),u=d(),a={id:i.useId(),...n},x=m.mergeProps(u.getItemGroupProps(a),r);return e.jsxRuntimeExports.jsx(ue,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});ce.displayName="MenuItemGroup";const ae=i.forwardRef((t,s)=>{const n=d(),r=ie(),u=m.mergeProps(n.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});ae.displayName="MenuItemGroupLabel";const le=i.forwardRef((t,s)=>{const n=d(),r=ee(),u=m.mergeProps(n.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});le.displayName="MenuItemIndicator";const pe=i.forwardRef((t,s)=>{const n=d(),r=ee(),u=m.mergeProps(n.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});pe.displayName="MenuItemText";const xe=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getPositionerProps(),t);return o.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});xe.displayName="MenuPositioner";const me=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),u=d(),l=ie(),a={...n,checked:l.value===n.value,type:"radio",onCheckedChange:()=>l.onValueChange?.({value:n.value})},x=m.mergeProps(u.getOptionItemProps(a),r),g=u.getOptionItemState(a);return e.jsxRuntimeExports.jsx(Z,{value:a,children:e.jsxRuntimeExports.jsx(G,{value:g,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})})});me.displayName="MenuRadioItem";const de=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id","onValueChange","value"]),u=d(),a={id:i.useId(),...n},x=m.mergeProps(u.getItemGroupProps({id:a.id}),r);return e.jsxRuntimeExports.jsx(ue,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});de.displayName="MenuRadioItemGroup";const je=t=>{const s=i.useRef(t),n=i.useRef(!1);i.useEffect(()=>{s.current=t}),i.useEffect(()=>{n.current!==!0&&(n.current=!0,s.current())},[])},Ve=t=>{const s=i.useId(),{getRootNode:n}=o.useEnvironmentContext(),{dir:r}=o.useLocaleContext(),u={id:s,dir:r,getRootNode:n,...t},l=o.useMachine(W.machine,u);return{api:W.connect(l,o.normalizeProps),service:l}},[he,ge]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[fe,ze]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),We=t=>{const[s,n]=o.splitPresenceProps(t),[r,u]=o.createSplitProps()(n,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),l=d(),a=ge(),{api:x,service:g}=Ve(r),P=o.usePresence(m.mergeProps({present:x.open},s));je(()=>{a&&l&&(l.setChild(g),x.setParent(a))});const I=i.useCallback(()=>l?.getTriggerItemProps(x),[x,l]);return e.jsxRuntimeExports.jsx(fe,{value:I,children:e.jsxRuntimeExports.jsx(he,{value:g,children:e.jsxRuntimeExports.jsx(U,{value:x,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:P,...u})})})})},De=t=>{const s=d(),n=ge(),[r,{value:u,children:l}]=o.splitPresenceProps(t),{api:a,service:x}=u,g=o.usePresence(m.mergeProps({present:a.open},r));je(()=>{n&&s&&(s.setChild(x),a.setParent(n))});const P=i.useCallback(()=>s?.getTriggerItemProps(a),[a,s]);return e.jsxRuntimeExports.jsx(fe,{value:P,children:e.jsxRuntimeExports.jsx(he,{value:x,children:e.jsxRuntimeExports.jsx(U,{value:a,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:g,children:l})})})})},Pe=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.hr,{...r,ref:s})});Pe.displayName="MenuSeparator";const Re=i.forwardRef((t,s)=>{const n=d(),r=o.usePresenceContext(),u=m.mergeProps({...n.getTriggerProps(),"aria-controls":r.unmounted?void 0:n.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(o.ark.button,{...u,ref:s})});Re.displayName="MenuTrigger";const Me=i.forwardRef((t,s)=>{const n=ze(),r=m.mergeProps(n?.()??{},t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Me.displayName="MenuTriggerItem";const{withRootProvider:Ce,withContext:j}=Be.createSlotRecipeContext({key:"menu"});Ce(De);const He=Ce(We,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),Ke=j(Re,"trigger",{forwardAsChild:!0});j(se,"contextTrigger",{forwardAsChild:!0});const Je=j(xe,"positioner",{forwardAsChild:!0});j(Pe,"separator",{forwardAsChild:!0});const Qe=j(ne,"content",{forwardAsChild:!0}),Ue=j(Y,"arrowTip",{forwardAsChild:!0});j(X,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(Ue,{})}});j(re,"indicator",{forwardAsChild:!0});const Xe=j(ce,"itemGroup",{forwardAsChild:!0}),Ye=j(ae,"itemGroupLabel",{forwardAsChild:!0}),Ze=j(oe,"item",{forwardAsChild:!0}),et=j(Me,"item",{forwardAsChild:!0});j(pe,"itemText",{forwardAsChild:!0});j("kbd","itemCommand");j(le,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx($e.CheckIcon,{boxSize:"4"})}});const tt=j(te,"item",{forwardAsChild:!0});j(de,"itemGroup",{forwardAsChild:!0});j(me,"item",{forwardAsChild:!0});const nt=({hideCaret:t=!1,size:s="md",text:n,textProps:r,variant:u,...l})=>e.jsxRuntimeExports.jsxs(y.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:s,variant:u,...l,children:[n&&e.jsxRuntimeExports.jsx(A.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:s,color:u?"inherit":r?.color||"text.contrast",truncate:!0,...r,children:n}),!t&&e.jsxRuntimeExports.jsx(b.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(J.Icon,{name:"chevronDown",size:s==="lg"?"sm":"xs"})})]}),st=({label:t,leftElement:s,onSelect:n,shouldTruncateText:r,type:u="default",variant:l,...a})=>{const x=i.useCallback(()=>{n&&n(a.value)},[n,a.value]);if(u==="submenu"){const{valueText:g,listProps:P}=a;return e.jsxRuntimeExports.jsx(Ie,{submenuTrigger:e.jsxRuntimeExports.jsxs(et,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between","aria-valuetext":g,children:[e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:l}),e.jsxRuntimeExports.jsx(J.Icon,{name:"chevronRight",size:"sm"})]}),portalled:!0,listProps:P})}if(u==="checkbox"){const{checked:g,value:P,closeOnSelect:I,...M}=a;return e.jsxRuntimeExports.jsxs(tt,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:P,checked:!!g,onCheckedChange:x,closeOnSelect:I||!1,gap:3,...M,children:[e.jsxRuntimeExports.jsx(Q.WrappedCheckbox,{checked:!!g,size:"md"}),e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:l})]})}if(u==="default"){const{selected:g=!1,value:P,...I}=a;return e.jsxRuntimeExports.jsx(Ze,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:P,onSelect:x,...g&&{bgColor:"background.secondaryAlpha.hover"},...I,children:e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:g?"info":l})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},_=({label:t,leftElement:s,shouldTruncateText:n,variant:r})=>e.jsxRuntimeExports.jsxs(b.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[s,typeof t=="string"?e.jsxRuntimeExports.jsx(A.WrappedText,{size:"sm",truncated:n,variant:r,children:t}):t]}),D=({groupName:t,hasSelectedItems:s=!1,onToggle:n})=>{const r=!!t;return e.jsxRuntimeExports.jsx(w.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...r?{textAlign:"right",w:"50%"}:{mt:2},children:r?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s?e.jsxRuntimeExports.jsx(K,{hasSelectedItems:s,groupName:t,onToggle:n}):e.jsxRuntimeExports.jsx(H,{groupName:t,onToggle:n})}):e.jsxRuntimeExports.jsxs(b.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(H,{groupName:t,onToggle:n}),e.jsxRuntimeExports.jsx(K,{hasSelectedItems:s,groupName:t,onToggle:n})]})})},H=({groupName:t,onToggle:s})=>e.jsxRuntimeExports.jsx(y.Button,{variant:"ghost",size:"xs",onClick:()=>s({groupName:t,clear:!1}),children:"Select All"}),K=({hasSelectedItems:t,groupName:s,onToggle:n})=>e.jsxRuntimeExports.jsx(y.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>n({groupName:s,clear:!0}),children:"Clear All"}),Ie=({buttonProps:t,listProps:s,portalled:n=!1,submenuTrigger:r,...u})=>{const{contentRef:l}=qe.useModalContentRef(),{canSelectAll:a,canSelectGroups:x,emptyStateText:g="No results found",loading:P,maxH:I="480px",menuItems:M=[],minW:ve="240px",onSearch:S,onSelect:O,onSelectAll:q,searchable:B,searchPlaceholder:Ee="Search...",shouldTruncateText:be,...ke}=s||{},[we,N]=i.useState(""),[$,T]=i.useState(M),F=i.useMemo(()=>{const c={};return $?.forEach(p=>{const h=p.groupLabel||"default",f=p.type==="checkbox"?"checkbox":"default";c[h]||(c[h]={}),c[h][f]||(c[h][f]=[]),c[h][f].push(p)}),c},[$]),L=i.useMemo(()=>Object.entries(F),[F]),v=i.useMemo(()=>M?.filter(c=>c.type==="checkbox")||[],[M]),Se=i.useMemo(()=>(v?.filter(p=>p.checked)||[]).map(p=>p.value),[v]),R=Q.useCheckboxGroup({defaultValue:Se}),V=i.useCallback(c=>{const p=c.target.value;if(N(p),S)S(c);else if(p===""||!p)T(M);else{const h=M.filter(f=>!!(typeof f.label=="string"?f.label:f.valueText)?.toLowerCase().includes(p.toLowerCase()));T(h)}},[M,S]),z=i.useCallback(({groupName:c,clear:p})=>{let h=[];if(c){const f=v.filter(C=>C.groupLabel===c).map(C=>C.value);h=p?R.value.filter(C=>!f.includes(C)):[...R.value,...f]}else h=p?[]:v.map(f=>f.value);q?.(h),R.setValue(h)},[v,q,R]),Ne=i.useCallback(c=>{c.onSelect?.(c.value);const p=R.value,h=R.isChecked(c.value);O?.(c.value,h?p.filter(f=>f!==c.value):[...p,c.value]),c.type==="checkbox"&&R.toggleValue(c.value)},[O,R]),Te=i.useCallback(c=>{c||(N(""),T(M))},[M]);return e.jsxRuntimeExports.jsxs(He,{...u,onOpenChange:c=>{Te(c.open),u.onOpenChange?.(c)},children:[r||e.jsxRuntimeExports.jsx(Ke,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(nt,{...t})}),e.jsxRuntimeExports.jsx(o.Portal,{disabled:!n,container:l||void 0,children:e.jsxRuntimeExports.jsx(Je,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(Qe,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:I,minW:ve,...ke,children:[(B||a)&&e.jsxRuntimeExports.jsxs(w.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[B&&e.jsxRuntimeExports.jsx(Ge.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:Ee,onChange:V,size:"sm",value:we,clearable:!0,onClear:()=>{N(""),V({target:{value:""}})},formControlStyle:{mt:1}}),a&&!!v.length&&e.jsxRuntimeExports.jsx(D,{onToggle:z,hasSelectedItems:!!R.value.length})]}),P?e.jsxRuntimeExports.jsx(b.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(Oe.Spinner,{})}):e.jsxRuntimeExports.jsx(w.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:L.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:L.map(([c,p])=>{const h=c==="default",f=Object.keys(p),C=h?Le.default.Fragment:Xe,_e=p.checkbox?.map(E=>E.value)?.some(E=>R.value.includes(E));return e.jsxRuntimeExports.jsxs(C,{children:[!h&&e.jsxRuntimeExports.jsx(Ye,{children:e.jsxRuntimeExports.jsxs(b.Flex,{alignItems:"center",justifyContent:"space-between",children:[c,x&&f.includes("checkbox")&&e.jsxRuntimeExports.jsx(D,{groupName:c,onToggle:z,hasSelectedItems:_e})]})}),Object.entries(p).map(([E,ye])=>ye.map((k,Ae)=>e.jsxRuntimeExports.jsx(st,{...k,shouldTruncateText:be,...k.type==="checkbox"&&{checked:R.isChecked(k.value)},onSelect:()=>Ne(k)},`menu-item-${c}-${E}-${Ae}`)))]},c)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(w.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(A.WrappedText,{size:"sm",variant:"subtle",children:g})})})})]})})})]})};exports.Menu=Ie;
|
|
2
|
-
//# sourceMappingURL=menu.component-DfMZGgCy.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),re=require("./withFormControl-YVXep-WE.js"),se=require("./icon.component-4aaCABoX.js"),oe=require("./button.component-ytAmAAJg.js"),T=require("./text.component-Dcx3RoTp.js"),ne=require("./spinner.component-BuNeiOw3.js"),c=require("./use-locale-context-BdqHZ8L8.js"),ce=require("./create-slot-recipe-context-D-pJ8fgs.js"),h=require("./icons-BVYVhH49.js"),y=require("./use-field-context--wBJQY1R.js"),d=require("./index-CZ42b9rT.js"),R=require("./index-BDnnTdaJ.js"),le=require("./tooltip.component-C7RpuMiK.js"),ie=require("./textInput.component-BjQgcjCW.js"),w=require("./flex-DKWxn8hO.js"),ae=require("./box-ca2FvcWF.js"),de=t=>t&&t.__esModule?t:{default:t},pe=de(l),ue=t=>new R.ListCollection(t),[N,p]=c.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),k=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getClearTriggerProps(),t);return e.jsxRuntimeExports.jsx(c.ark.button,{...r,ref:o})});k.displayName="SelectClearTrigger";const q=l.forwardRef((t,o)=>{const s=p(),r=c.usePresenceContext(),n=d.mergeProps(s.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(c.ark.div,{...n,ref:c.composeRefs(r.ref,o)})});q.displayName="SelectContent";const G=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getControlProps(),t);return e.jsxRuntimeExports.jsx(c.ark.div,{...r,ref:o})});G.displayName="SelectControl";const _=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getHiddenSelectProps(),t),n=s.value.length===0,i=y.useFieldContext();return e.jsxRuntimeExports.jsxs(c.ark.select,{"aria-describedby":i?.ariaDescribedby,...r,ref:o,children:[n&&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))]})});_.displayName="SelectHiddenSelect";const A=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(c.ark.div,{...r,ref:o})});A.displayName="SelectIndicator";const[xe,Ae]=c.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[me,F]=c.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),L=l.forwardRef((t,o)=>{const[s,r]=c.createSplitProps()(t,["item","persistFocus"]),n=p(),i=d.mergeProps(n.getItemProps(s),r),a=n.getItemState(s);return e.jsxRuntimeExports.jsx(me,{value:s,children:e.jsxRuntimeExports.jsx(xe,{value:a,children:e.jsxRuntimeExports.jsx(c.ark.div,{...i,ref:o})})})});L.displayName="SelectItem";const[Pe,je]=c.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),O=l.forwardRef((t,o)=>{const s=l.useId(),[r,n]=c.createSplitProps()(t,["id"]),i={id:s,...r},a=p(),m=d.mergeProps(a.getItemGroupProps(i),n);return e.jsxRuntimeExports.jsx(Pe,{value:i,children:e.jsxRuntimeExports.jsx(c.ark.div,{...m,ref:o})})});O.displayName="SelectItemGroup";const V=l.forwardRef((t,o)=>{const s=p(),r=je(),n=d.mergeProps(s.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(c.ark.div,{...n,ref:o})});V.displayName="SelectItemGroupLabel";const $=l.forwardRef((t,o)=>{const s=p(),r=F(),n=d.mergeProps(s.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(c.ark.div,{...n,ref:o})});$.displayName="SelectItemIndicator";const H=l.forwardRef((t,o)=>{const s=p(),r=F(),n=d.mergeProps(s.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(c.ark.span,{...n,ref:o})});H.displayName="SelectItemText";const D=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getLabelProps(),t);return e.jsxRuntimeExports.jsx(c.ark.label,{...r,ref:o})});D.displayName="SelectLabel";const W=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getPositionerProps(),t);return c.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(c.ark.div,{...r,ref:o})});W.displayName="SelectPositioner";const ge=t=>{const o=l.useId(),{dir:s}=c.useLocaleContext(),{getRootNode:r}=c.useEnvironmentContext(),n=y.useFieldContext(),i={id:o,ids:{label:n?.ids.label,hiddenSelect:n?.ids.control},disabled:n?.disabled,readOnly:n?.readOnly,invalid:n?.invalid,required:n?.required,dir:s,getRootNode:r,...t},a=c.useMachine(R.machine,i);return R.connect(a,c.normalizeProps)},Se=(t,o)=>{const[s,r]=c.splitPresenceProps(t),[n,i]=c.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=ge(n),m=c.usePresence(d.mergeProps({present:a.open},s)),g=d.mergeProps(a.getRootProps(),i);return e.jsxRuntimeExports.jsx(N,{value:a,children:e.jsxRuntimeExports.jsx(c.PresenceProvider,{value:m,children:e.jsxRuntimeExports.jsx(c.ark.div,{...g,ref:o})})})},fe=l.forwardRef(Se),Re=(t,o)=>{const[s,r]=c.splitPresenceProps(t),[{value:n},i]=c.createSplitProps()(r,["value"]),a=c.usePresence(d.mergeProps({present:n.open},s)),m=d.mergeProps(n.getRootProps(),i);return e.jsxRuntimeExports.jsx(N,{value:n,children:e.jsxRuntimeExports.jsx(c.PresenceProvider,{value:a,children:e.jsxRuntimeExports.jsx(c.ark.div,{...m,ref:o})})})},he=l.forwardRef(Re),M=l.forwardRef((t,o)=>{const s=p(),r=d.mergeProps(s.getTriggerProps(),t);return e.jsxRuntimeExports.jsx(c.ark.button,{...r,ref:o})});M.displayName="SelectTrigger";const B=l.forwardRef((t,o)=>{const{children:s,placeholder:r,...n}=t,i=p(),a=d.mergeProps(i.getValueTextProps(),n);return e.jsxRuntimeExports.jsx(c.ark.span,{...a,ref:o,children:s||i.valueAsString||r})});B.displayName="SelectValueText";const{withProvider:z,withContext:u}=ce.createSlotRecipeContext({key:"select"});z(he,"root",{forwardAsChild:!0});const Ce=z(fe,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),ve=u(M,"trigger",{forwardAsChild:!0}),Ie=u(W,"positioner",{forwardAsChild:!0}),Ee=u(q,"content",{forwardAsChild:!0}),be=u(B,"valueText",{forwardAsChild:!0}),we=u(k,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(h.CloseIcon,{boxSize:"1em"})}});u(O,"itemGroup",{forwardAsChild:!0});u(V,"itemGroupLabel",{forwardAsChild:!0});const Te=u(L,"item",{forwardAsChild:!0});u(H,"itemText",{forwardAsChild:!0});u($,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(h.CheckIcon,{})}});const ye=u("div","indicatorGroup");u(A,"indicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(h.ChevronDownIcon,{})}});const Ne=u(G,"control",{forwardAsChild:!0});u(D,"label",{forwardAsChild:!0});const ke=_,J=({item:t,onContrast:o,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||(o?"onContrast":"default"),children:t.label}):t.label]}),qe=({placeholder:t="",placeholderElement:o,...s})=>{const r=p(),n=l.useMemo(()=>r.selectedItems[0],[r]);return e.jsxRuntimeExports.jsxs(ve,{children:[!n&&o,e.jsxRuntimeExports.jsx(be,{placeholder:t,children:n&&e.jsxRuntimeExports.jsx(J,{item:n,...s})})]})},Ge=re.withFormControl(({clearable:t,emptyPlaceholder:o="No options available",loading:s,onContrast:r,onSearch:n,options:i,placeholder:a="",placeholderElement:m,searchable:g=!1,searchPlaceholder:Q="Search...",selectRef:U,shouldTruncateText:C=!0,size:P="md",...X})=>{const{contentRef:Y}=le.useModalContentRef(),Z=r?"onContrast":"default",[ee,v]=l.useState(""),[I,E]=l.useState(i),b=l.useCallback(x=>{const j=x.target.value;if(v(j),n)n(x);else if(j===""||!j)E(i);else{const te=i.filter(f=>!!(typeof f.label=="string"?f.label:f.valueText)?.toLowerCase().includes(j.toLowerCase()));E(te)}},[n,i]),S=l.useMemo(()=>ue({items:I??[],itemToString:x=>typeof x.label=="string"?x.label:x.valueText||"",itemToValue:x=>x.value}),[I]);return e.jsxRuntimeExports.jsxs(Ce,{className:"Select","data-testid":"kibble-select",collection:S,size:P,variant:Z,...X,children:[e.jsxRuntimeExports.jsx(ke,{ref:U}),e.jsxRuntimeExports.jsxs(Ne,{children:[e.jsxRuntimeExports.jsx(qe,{placeholder:a,placeholderElement:m,onContrast:!!r,shouldTruncateText:!!C,size:P}),e.jsxRuntimeExports.jsxs(ye,{children:[t&&e.jsxRuntimeExports.jsx(we,{asChild:!0,children:e.jsxRuntimeExports.jsx(oe.Button,{iconName:"close",onContrast:r,size:P==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(se.Icon,{name:"chevronDown",size:P,variant:r?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(c.Portal,{container:Y||void 0,children:e.jsxRuntimeExports.jsx(Ie,{children:e.jsxRuntimeExports.jsx(Ee,{children:s?e.jsxRuntimeExports.jsx(w.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(ne.Spinner,{variant:r?"brandOnContrast":"brand",size:P})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[g&&e.jsxRuntimeExports.jsx(ae.Box,{className:"Select__Header","data-testid":"kibble-select-header",m:"0 12px 8px",children:e.jsxRuntimeExports.jsx(ie.WrappedTextInput,{className:"Select__SearchBar","data-testid":"kibble-select-search-bar",placeholder:Q,onChange:b,size:"sm",value:ee,clearable:!0,onClear:()=>{v(""),b({target:{value:""}})},formControlStyle:{mt:1}})}),S.items.length?S.items.map(x=>e.jsxRuntimeExports.jsx(Te,{item:x,children:e.jsxRuntimeExports.jsx(J,{item:x,onContrast:!!r,shouldTruncateText:!!C,size:P})},x.value)):e.jsxRuntimeExports.jsx(w.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(T.WrappedText,{size:"sm",variant:r?"subtleOnContrast":"subtle",children:o})})]})})})})]})}),K=pe.default.forwardRef((t,o)=>e.jsxRuntimeExports.jsx(Ge,{selectRef:o,...t}));K.displayName="Select";exports.WrappedSelect=K;
|
|
2
|
-
//# sourceMappingURL=select.component-CASOsFQJ.js.map
|
|
@@ -1,391 +0,0 @@
|
|
|
1
|
-
import { j as e } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import ae, { forwardRef as i, useId as G, useMemo as A, useState as N, useCallback as ie } from "react";
|
|
3
|
-
import { w as de } from "./withFormControl-Vf_flDYv.js";
|
|
4
|
-
import { I as pe } from "./icon.component-BmcWaysM.js";
|
|
5
|
-
import { B as me } from "./button.component-BWlRjD5a.js";
|
|
6
|
-
import { W as R } from "./text.component-D3E0SdX1.js";
|
|
7
|
-
import { S as ue } from "./spinner.component-DCSsW51J.js";
|
|
8
|
-
import { a as h, f as d, u as L, h as xe, b as g, j as Se, i as Pe, k as he, n as ge, s as O, l as k, m as F, P as fe } from "./use-locale-context-zakBNK5b.js";
|
|
9
|
-
import { c as Ce } from "./create-slot-recipe-context-DJkLYvCT.js";
|
|
10
|
-
import { C as ve, b as je, c as Ie } from "./icons-grAfs3Oz.js";
|
|
11
|
-
import { u as V } from "./use-field-context-B8ygn96q.js";
|
|
12
|
-
import { U as a } from "./index-DLvqBeH6.js";
|
|
13
|
-
import { L as be, m as Te, c as ye } from "./index-Dn2nvQ5m.js";
|
|
14
|
-
import { u as Ne } from "./tooltip.component-DYBYGsfe.js";
|
|
15
|
-
import { W as we } from "./textInput.component-BpCIE07n.js";
|
|
16
|
-
import { F as w } from "./flex-C2d2LH-K.js";
|
|
17
|
-
import { B as Ge } from "./box-y05hq0PT.js";
|
|
18
|
-
const Ae = (r) => new be(r), [$, p] = h({
|
|
19
|
-
name: "SelectContext",
|
|
20
|
-
hookName: "useSelectContext",
|
|
21
|
-
providerName: "<SelectProvider />"
|
|
22
|
-
}), _ = i((r, o) => {
|
|
23
|
-
const s = p(), t = a(s.getClearTriggerProps(), r);
|
|
24
|
-
return /* @__PURE__ */ e.jsx(d.button, { ...t, ref: o });
|
|
25
|
-
});
|
|
26
|
-
_.displayName = "SelectClearTrigger";
|
|
27
|
-
const H = i((r, o) => {
|
|
28
|
-
const s = p(), t = L(), l = a(s.getContentProps(), t.getPresenceProps(), r);
|
|
29
|
-
return t.unmounted ? null : /* @__PURE__ */ e.jsx(d.div, { ...l, ref: xe(t.ref, o) });
|
|
30
|
-
});
|
|
31
|
-
H.displayName = "SelectContent";
|
|
32
|
-
const W = i((r, o) => {
|
|
33
|
-
const s = p(), t = a(s.getControlProps(), r);
|
|
34
|
-
return /* @__PURE__ */ e.jsx(d.div, { ...t, ref: o });
|
|
35
|
-
});
|
|
36
|
-
W.displayName = "SelectControl";
|
|
37
|
-
const B = i((r, o) => {
|
|
38
|
-
const s = p(), t = a(s.getHiddenSelectProps(), r), l = s.value.length === 0, n = V();
|
|
39
|
-
return /* @__PURE__ */ e.jsxs(d.select, { "aria-describedby": n?.ariaDescribedby, ...t, ref: o, children: [
|
|
40
|
-
l && /* @__PURE__ */ e.jsx("option", { value: "" }),
|
|
41
|
-
s.collection.items.map((c, x) => /* @__PURE__ */ e.jsx(
|
|
42
|
-
"option",
|
|
43
|
-
{
|
|
44
|
-
value: s.collection.getItemValue(c) ?? "",
|
|
45
|
-
disabled: s.collection.getItemDisabled(c),
|
|
46
|
-
children: s.collection.stringifyItem(c)
|
|
47
|
-
},
|
|
48
|
-
x
|
|
49
|
-
))
|
|
50
|
-
] });
|
|
51
|
-
});
|
|
52
|
-
B.displayName = "SelectHiddenSelect";
|
|
53
|
-
const D = i((r, o) => {
|
|
54
|
-
const s = p(), t = a(s.getIndicatorProps(), r);
|
|
55
|
-
return /* @__PURE__ */ e.jsx(d.div, { ...t, ref: o });
|
|
56
|
-
});
|
|
57
|
-
D.displayName = "SelectIndicator";
|
|
58
|
-
const [Re, ht] = h({
|
|
59
|
-
name: "SelectItemContext",
|
|
60
|
-
hookName: "useSelectItemContext",
|
|
61
|
-
providerName: "<SelectItemProvider />"
|
|
62
|
-
}), [Le, E] = h({
|
|
63
|
-
name: "SelectItemPropsContext",
|
|
64
|
-
hookName: "useSelectItemPropsContext",
|
|
65
|
-
providerName: "<SelectItemPropsProvider />"
|
|
66
|
-
}), q = i((r, o) => {
|
|
67
|
-
const [s, t] = g()(r, ["item", "persistFocus"]), l = p(), n = a(l.getItemProps(s), t), c = l.getItemState(s);
|
|
68
|
-
return /* @__PURE__ */ e.jsx(Le, { value: s, children: /* @__PURE__ */ e.jsx(Re, { value: c, children: /* @__PURE__ */ e.jsx(d.div, { ...n, ref: o }) }) });
|
|
69
|
-
});
|
|
70
|
-
q.displayName = "SelectItem";
|
|
71
|
-
const [Oe, ke] = h({
|
|
72
|
-
name: "SelectItemGroupPropsContext",
|
|
73
|
-
hookName: "useSelectItemGroupPropsContext",
|
|
74
|
-
providerName: "<SelectItemGroupPropsProvider />"
|
|
75
|
-
}), M = i((r, o) => {
|
|
76
|
-
const s = G(), [t, l] = g()(r, ["id"]), n = { id: s, ...t }, c = p(), x = a(c.getItemGroupProps(n), l);
|
|
77
|
-
return /* @__PURE__ */ e.jsx(Oe, { value: n, children: /* @__PURE__ */ e.jsx(d.div, { ...x, ref: o }) });
|
|
78
|
-
});
|
|
79
|
-
M.displayName = "SelectItemGroup";
|
|
80
|
-
const U = i((r, o) => {
|
|
81
|
-
const s = p(), t = ke(), l = a(s.getItemGroupLabelProps({ htmlFor: t.id }), r);
|
|
82
|
-
return /* @__PURE__ */ e.jsx(d.div, { ...l, ref: o });
|
|
83
|
-
});
|
|
84
|
-
U.displayName = "SelectItemGroupLabel";
|
|
85
|
-
const z = i((r, o) => {
|
|
86
|
-
const s = p(), t = E(), l = a(s.getItemIndicatorProps(t), r);
|
|
87
|
-
return /* @__PURE__ */ e.jsx(d.div, { ...l, ref: o });
|
|
88
|
-
});
|
|
89
|
-
z.displayName = "SelectItemIndicator";
|
|
90
|
-
const J = i((r, o) => {
|
|
91
|
-
const s = p(), t = E(), l = a(s.getItemTextProps(t), r);
|
|
92
|
-
return /* @__PURE__ */ e.jsx(d.span, { ...l, ref: o });
|
|
93
|
-
});
|
|
94
|
-
J.displayName = "SelectItemText";
|
|
95
|
-
const K = i((r, o) => {
|
|
96
|
-
const s = p(), t = a(s.getLabelProps(), r);
|
|
97
|
-
return /* @__PURE__ */ e.jsx(d.label, { ...t, ref: o });
|
|
98
|
-
});
|
|
99
|
-
K.displayName = "SelectLabel";
|
|
100
|
-
const Q = i((r, o) => {
|
|
101
|
-
const s = p(), t = a(s.getPositionerProps(), r);
|
|
102
|
-
return L().unmounted ? null : /* @__PURE__ */ e.jsx(d.div, { ...t, ref: o });
|
|
103
|
-
});
|
|
104
|
-
Q.displayName = "SelectPositioner";
|
|
105
|
-
const Fe = (r) => {
|
|
106
|
-
const o = G(), { dir: s } = Se(), { getRootNode: t } = Pe(), l = V(), n = {
|
|
107
|
-
id: o,
|
|
108
|
-
ids: {
|
|
109
|
-
label: l?.ids.label,
|
|
110
|
-
hiddenSelect: l?.ids.control
|
|
111
|
-
},
|
|
112
|
-
disabled: l?.disabled,
|
|
113
|
-
readOnly: l?.readOnly,
|
|
114
|
-
invalid: l?.invalid,
|
|
115
|
-
required: l?.required,
|
|
116
|
-
dir: s,
|
|
117
|
-
getRootNode: t,
|
|
118
|
-
...r
|
|
119
|
-
}, c = he(Te, n);
|
|
120
|
-
return ye(c, ge);
|
|
121
|
-
}, Ve = (r, o) => {
|
|
122
|
-
const [s, t] = O(r), [l, n] = g()(t, [
|
|
123
|
-
"closeOnSelect",
|
|
124
|
-
"collection",
|
|
125
|
-
"composite",
|
|
126
|
-
"defaultHighlightedValue",
|
|
127
|
-
"defaultOpen",
|
|
128
|
-
"defaultValue",
|
|
129
|
-
"deselectable",
|
|
130
|
-
"disabled",
|
|
131
|
-
"form",
|
|
132
|
-
"highlightedValue",
|
|
133
|
-
"id",
|
|
134
|
-
"ids",
|
|
135
|
-
"invalid",
|
|
136
|
-
"loopFocus",
|
|
137
|
-
"multiple",
|
|
138
|
-
"name",
|
|
139
|
-
"onFocusOutside",
|
|
140
|
-
"onHighlightChange",
|
|
141
|
-
"onInteractOutside",
|
|
142
|
-
"onOpenChange",
|
|
143
|
-
"onPointerDownOutside",
|
|
144
|
-
"onValueChange",
|
|
145
|
-
"open",
|
|
146
|
-
"positioning",
|
|
147
|
-
"readOnly",
|
|
148
|
-
"required",
|
|
149
|
-
"scrollToIndexFn",
|
|
150
|
-
"value"
|
|
151
|
-
]), c = Fe(l), x = k(a({ present: c.open }, s)), f = a(c.getRootProps(), n);
|
|
152
|
-
return /* @__PURE__ */ e.jsx($, { value: c, children: /* @__PURE__ */ e.jsx(F, { value: x, children: /* @__PURE__ */ e.jsx(d.div, { ...f, ref: o }) }) });
|
|
153
|
-
}, $e = i(Ve), _e = (r, o) => {
|
|
154
|
-
const [s, t] = O(r), [{ value: l }, n] = g()(t, ["value"]), c = k(a({ present: l.open }, s)), x = a(l.getRootProps(), n);
|
|
155
|
-
return /* @__PURE__ */ e.jsx($, { value: l, children: /* @__PURE__ */ e.jsx(F, { value: c, children: /* @__PURE__ */ e.jsx(d.div, { ...x, ref: o }) }) });
|
|
156
|
-
}, He = i(_e), X = i((r, o) => {
|
|
157
|
-
const s = p(), t = a(s.getTriggerProps(), r);
|
|
158
|
-
return /* @__PURE__ */ e.jsx(d.button, { ...t, ref: o });
|
|
159
|
-
});
|
|
160
|
-
X.displayName = "SelectTrigger";
|
|
161
|
-
const Y = i((r, o) => {
|
|
162
|
-
const { children: s, placeholder: t, ...l } = r, n = p(), c = a(n.getValueTextProps(), l);
|
|
163
|
-
return /* @__PURE__ */ e.jsx(d.span, { ...c, ref: o, children: s || n.valueAsString || t });
|
|
164
|
-
});
|
|
165
|
-
Y.displayName = "SelectValueText";
|
|
166
|
-
const {
|
|
167
|
-
withProvider: Z,
|
|
168
|
-
withContext: m
|
|
169
|
-
} = Ce({ key: "select" });
|
|
170
|
-
Z(He, "root", {
|
|
171
|
-
forwardAsChild: !0
|
|
172
|
-
});
|
|
173
|
-
const We = Z(
|
|
174
|
-
$e,
|
|
175
|
-
"root",
|
|
176
|
-
{
|
|
177
|
-
forwardAsChild: !0,
|
|
178
|
-
defaultProps: { positioning: { sameWidth: !0 } }
|
|
179
|
-
}
|
|
180
|
-
), Be = m(
|
|
181
|
-
X,
|
|
182
|
-
"trigger",
|
|
183
|
-
{ forwardAsChild: !0 }
|
|
184
|
-
), De = m(Q, "positioner", { forwardAsChild: !0 }), Ee = m(
|
|
185
|
-
H,
|
|
186
|
-
"content",
|
|
187
|
-
{ forwardAsChild: !0 }
|
|
188
|
-
), qe = m(Y, "valueText", { forwardAsChild: !0 }), Me = m(_, "clearTrigger", {
|
|
189
|
-
forwardAsChild: !0,
|
|
190
|
-
defaultProps: { children: /* @__PURE__ */ e.jsx(ve, { boxSize: "1em" }) }
|
|
191
|
-
});
|
|
192
|
-
m(M, "itemGroup", { forwardAsChild: !0 });
|
|
193
|
-
m(U, "itemGroupLabel", { forwardAsChild: !0 });
|
|
194
|
-
const Ue = m(
|
|
195
|
-
q,
|
|
196
|
-
"item",
|
|
197
|
-
{ forwardAsChild: !0 }
|
|
198
|
-
);
|
|
199
|
-
m(
|
|
200
|
-
J,
|
|
201
|
-
"itemText",
|
|
202
|
-
{ forwardAsChild: !0 }
|
|
203
|
-
);
|
|
204
|
-
m(z, "itemIndicator", {
|
|
205
|
-
forwardAsChild: !0,
|
|
206
|
-
defaultProps: {
|
|
207
|
-
children: /* @__PURE__ */ e.jsx(je, {})
|
|
208
|
-
}
|
|
209
|
-
});
|
|
210
|
-
const ze = m("div", "indicatorGroup");
|
|
211
|
-
m(D, "indicator", {
|
|
212
|
-
forwardAsChild: !0,
|
|
213
|
-
defaultProps: {
|
|
214
|
-
children: /* @__PURE__ */ e.jsx(Ie, {})
|
|
215
|
-
}
|
|
216
|
-
});
|
|
217
|
-
const Je = m(
|
|
218
|
-
W,
|
|
219
|
-
"control",
|
|
220
|
-
{ forwardAsChild: !0 }
|
|
221
|
-
);
|
|
222
|
-
m(
|
|
223
|
-
K,
|
|
224
|
-
"label",
|
|
225
|
-
{ forwardAsChild: !0 }
|
|
226
|
-
);
|
|
227
|
-
const Ke = B, ee = ({
|
|
228
|
-
item: r,
|
|
229
|
-
onContrast: o,
|
|
230
|
-
shouldTruncateText: s,
|
|
231
|
-
size: t
|
|
232
|
-
}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
233
|
-
r.leftElement,
|
|
234
|
-
typeof r.label == "string" ? /* @__PURE__ */ e.jsx(
|
|
235
|
-
R,
|
|
236
|
-
{
|
|
237
|
-
size: t,
|
|
238
|
-
truncated: s,
|
|
239
|
-
variant: r.variant || (o ? "onContrast" : "default"),
|
|
240
|
-
children: r.label
|
|
241
|
-
}
|
|
242
|
-
) : r.label
|
|
243
|
-
] }), Qe = ({
|
|
244
|
-
placeholder: r = "",
|
|
245
|
-
placeholderElement: o,
|
|
246
|
-
...s
|
|
247
|
-
}) => {
|
|
248
|
-
const t = p(), l = A(() => t.selectedItems[0], [t]);
|
|
249
|
-
return /* @__PURE__ */ e.jsxs(Be, { children: [
|
|
250
|
-
!l && o,
|
|
251
|
-
/* @__PURE__ */ e.jsx(qe, { placeholder: r, children: l && /* @__PURE__ */ e.jsx(ee, { item: l, ...s }) })
|
|
252
|
-
] });
|
|
253
|
-
}, Xe = de(
|
|
254
|
-
({
|
|
255
|
-
clearable: r,
|
|
256
|
-
emptyPlaceholder: o = "No options available",
|
|
257
|
-
loading: s,
|
|
258
|
-
onContrast: t,
|
|
259
|
-
onSearch: l,
|
|
260
|
-
options: n,
|
|
261
|
-
placeholder: c = "",
|
|
262
|
-
placeholderElement: x,
|
|
263
|
-
searchable: f = !1,
|
|
264
|
-
searchPlaceholder: te = "Search...",
|
|
265
|
-
selectRef: re,
|
|
266
|
-
shouldTruncateText: j = !0,
|
|
267
|
-
size: S = "md",
|
|
268
|
-
...se
|
|
269
|
-
}) => {
|
|
270
|
-
const { contentRef: oe } = Ne(), le = t ? "onContrast" : "default", [ne, I] = N(""), [b, T] = N(n), y = ie(
|
|
271
|
-
(u) => {
|
|
272
|
-
const P = u.target.value;
|
|
273
|
-
if (I(P), l)
|
|
274
|
-
l(u);
|
|
275
|
-
else if (P === "" || !P)
|
|
276
|
-
T(n);
|
|
277
|
-
else {
|
|
278
|
-
const ce = n.filter((v) => !!(typeof v.label == "string" ? v.label : v.valueText)?.toLowerCase().includes(P.toLowerCase()));
|
|
279
|
-
T(ce);
|
|
280
|
-
}
|
|
281
|
-
},
|
|
282
|
-
[l, n]
|
|
283
|
-
), C = A(() => Ae({
|
|
284
|
-
items: b ?? [],
|
|
285
|
-
itemToString: (u) => typeof u.label == "string" ? u.label : u.valueText || "",
|
|
286
|
-
itemToValue: (u) => u.value
|
|
287
|
-
}), [b]);
|
|
288
|
-
return /* @__PURE__ */ e.jsxs(
|
|
289
|
-
We,
|
|
290
|
-
{
|
|
291
|
-
className: "Select",
|
|
292
|
-
"data-testid": "kibble-select",
|
|
293
|
-
collection: C,
|
|
294
|
-
size: S,
|
|
295
|
-
variant: le,
|
|
296
|
-
...se,
|
|
297
|
-
children: [
|
|
298
|
-
/* @__PURE__ */ e.jsx(Ke, { ref: re }),
|
|
299
|
-
/* @__PURE__ */ e.jsxs(Je, { children: [
|
|
300
|
-
/* @__PURE__ */ e.jsx(
|
|
301
|
-
Qe,
|
|
302
|
-
{
|
|
303
|
-
placeholder: c,
|
|
304
|
-
placeholderElement: x,
|
|
305
|
-
onContrast: !!t,
|
|
306
|
-
shouldTruncateText: !!j,
|
|
307
|
-
size: S
|
|
308
|
-
}
|
|
309
|
-
),
|
|
310
|
-
/* @__PURE__ */ e.jsxs(ze, { children: [
|
|
311
|
-
r && /* @__PURE__ */ e.jsx(Me, { asChild: !0, children: /* @__PURE__ */ e.jsx(
|
|
312
|
-
me,
|
|
313
|
-
{
|
|
314
|
-
iconName: "close",
|
|
315
|
-
onContrast: t,
|
|
316
|
-
size: S === "lg" ? "sm" : "xs",
|
|
317
|
-
variant: "ghostNeutral"
|
|
318
|
-
}
|
|
319
|
-
) }),
|
|
320
|
-
/* @__PURE__ */ e.jsx(
|
|
321
|
-
pe,
|
|
322
|
-
{
|
|
323
|
-
name: "chevronDown",
|
|
324
|
-
size: S,
|
|
325
|
-
variant: t ? "onContrast" : "default"
|
|
326
|
-
}
|
|
327
|
-
)
|
|
328
|
-
] })
|
|
329
|
-
] }),
|
|
330
|
-
/* @__PURE__ */ e.jsx(fe, { container: oe || void 0, children: /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx(Ee, { children: s ? /* @__PURE__ */ e.jsx(w, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
|
|
331
|
-
ue,
|
|
332
|
-
{
|
|
333
|
-
variant: t ? "brandOnContrast" : "brand",
|
|
334
|
-
size: S
|
|
335
|
-
}
|
|
336
|
-
) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
337
|
-
f && /* @__PURE__ */ e.jsx(
|
|
338
|
-
Ge,
|
|
339
|
-
{
|
|
340
|
-
className: "Select__Header",
|
|
341
|
-
"data-testid": "kibble-select-header",
|
|
342
|
-
m: "0 12px 8px",
|
|
343
|
-
children: /* @__PURE__ */ e.jsx(
|
|
344
|
-
we,
|
|
345
|
-
{
|
|
346
|
-
className: "Select__SearchBar",
|
|
347
|
-
"data-testid": "kibble-select-search-bar",
|
|
348
|
-
placeholder: te,
|
|
349
|
-
onChange: y,
|
|
350
|
-
size: "sm",
|
|
351
|
-
value: ne,
|
|
352
|
-
clearable: !0,
|
|
353
|
-
onClear: () => {
|
|
354
|
-
I(""), y({
|
|
355
|
-
target: { value: "" }
|
|
356
|
-
});
|
|
357
|
-
},
|
|
358
|
-
formControlStyle: { mt: 1 }
|
|
359
|
-
}
|
|
360
|
-
)
|
|
361
|
-
}
|
|
362
|
-
),
|
|
363
|
-
C.items.length ? C.items.map((u) => /* @__PURE__ */ e.jsx(Ue, { item: u, children: /* @__PURE__ */ e.jsx(
|
|
364
|
-
ee,
|
|
365
|
-
{
|
|
366
|
-
item: u,
|
|
367
|
-
onContrast: !!t,
|
|
368
|
-
shouldTruncateText: !!j,
|
|
369
|
-
size: S
|
|
370
|
-
}
|
|
371
|
-
) }, u.value)) : /* @__PURE__ */ e.jsx(w, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
|
|
372
|
-
R,
|
|
373
|
-
{
|
|
374
|
-
size: "sm",
|
|
375
|
-
variant: t ? "subtleOnContrast" : "subtle",
|
|
376
|
-
children: o
|
|
377
|
-
}
|
|
378
|
-
) })
|
|
379
|
-
] }) }) }) })
|
|
380
|
-
]
|
|
381
|
-
}
|
|
382
|
-
);
|
|
383
|
-
}
|
|
384
|
-
), Ye = ae.forwardRef(
|
|
385
|
-
(r, o) => /* @__PURE__ */ e.jsx(Xe, { selectRef: o, ...r })
|
|
386
|
-
);
|
|
387
|
-
Ye.displayName = "Select";
|
|
388
|
-
export {
|
|
389
|
-
Ye as W
|
|
390
|
-
};
|
|
391
|
-
//# sourceMappingURL=select.component-CEDzVkE_.js.map
|