@commercetools/nimbus 0.0.0-canary-20251010175720 → 0.0.0-canary-20251013071647

package/dist/chunks/select-D_HPNSo0.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const d=require("react/jsx-runtime"),l=require("react"),A=require("@chakra-ui/react/styled-system"),ne=require("@chakra-ui/react"),T=require("@commercetools/nimbus-icons"),L=require("./Button-CFZnLKVR.cjs.js"),V=require("./Dialog-XGXh4NXU.cjs.js"),M=require("./utils-BHdR5Nww.cjs.js"),se=require("./FieldError-DyGFfqST.cjs.js"),de=require("./Form-BuOomA4T.cjs.js"),ce=require("./intlStrings-ClBuC6xN.cjs.js"),Z=require("./Label-BgrYyYXn.cjs.js"),j=require("./ListBox-CFvXqaPX.cjs.js"),z=require("./Text-BWSfeB9p.cjs.js"),_=require("./CollectionBuilder-BiEelELF.cjs.js"),ue=require("./Hidden-CNJIJ63M.cjs.js"),K=require("./mergeProps-BA5Cwf5w.cjs.js"),N=require("./filterDOMProps-WUskt27c.cjs.js"),ee=require("./OverlayArrow-CYjyBtg8.cjs.js"),fe=require("./context-OoV8SSWX.cjs.js"),be=require("./useLocalizedStringFormatter-sB0mFYtL.cjs.js"),te=require("./useFormValidation-STNSjSmx.cjs.js"),$e=require("./useListState-CyKtsfSM.cjs.js"),pe=require("./useControlledState-D0L6S_5r.cjs.js"),ve=require("./useFocusRing-BuJmrp03.cjs.js"),me=require("./ListKeyboardDelegate-CYRgZzU8.cjs.js"),xe=require("./SelectionManager-1rNaWE7D.cjs.js"),ye=require("./useFocusVisible-CN9NILN7.cjs.js"),ge=require("./useCollator-YVJAe1GI.cjs.js"),he=require("./useField-C_piDZ9g.cjs.js"),Se=require("./useFormReset--wPlnEOl.cjs.js"),Pe=require("./VisuallyHidden-C1WQXLCm.cjs.js"),le=require("./index-Bx9ez6gh.cjs.js"),re=require("react-intl"),qe=require("./icon-button-CkjZc6Br.cjs.js"),ie=require("./extractStyleProps-G58aSXl8.cjs.js"),Re=require("./useObjectRef-dXOJdONs.cjs.js"),k=require("@chakra-ui/react/flex"),Y=require("./box-CWni3A32.cjs.js"),Ce=require("./Header-BmzdY2bW.cjs.js");function Me(e={}){let{locale:t}=fe.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();return l.useMemo(()=>new Intl.ListFormat(t,e),[t,e])}const G=new WeakMap;function Fe(e,t,i){let{keyboardDelegate:n,isDisabled:r,isRequired:p,name:v,form:a,validationBehavior:f="aria"}=e,b=ge.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),o=l.useMemo(()=>n||new me.$2a25aae57d74318e$export$a05409b8bb224a5a(t.collection,t.disabledKeys,i,b),[n,t.collection,t.disabledKeys,b,i]),{menuTriggerProps:c,menuProps:m}=V.$168583247155ddda$export$dc9c12ed27dd1b49({isDisabled:r,type:"listbox"},t,i),x=y=>{if(t.selectionManager.selectionMode!=="multiple")switch(y.key){case"ArrowLeft":{var F,D;y.preventDefault();let B=t.selectedKey!=null?(F=o.getKeyAbove)===null||F===void 0?void 0:F.call(o,t.selectedKey):(D=o.getFirstKey)===null||D===void 0?void 0:D.call(o);B&&t.setSelectedKey(B);break}case"ArrowRight":{var E,w;y.preventDefault();let B=t.selectedKey!=null?(E=o.getKeyBelow)===null||E===void 0?void 0:E.call(o,t.selectedKey):(w=o.getFirstKey)===null||w===void 0?void 0:w.call(o);B&&t.setSelectedKey(B);break}}},{typeSelectProps:u}=xe.$fb3050f43d946246$export$e32c88dfddc6e1d8({keyboardDelegate:o,selectionManager:t.selectionManager,onTypeSelect(y){t.setSelectedKey(y)}}),{isInvalid:S,validationErrors:q,validationDetails:$}=t.displayValidation,{labelProps:g,fieldProps:P,descriptionProps:s,errorMessageProps:R}=he.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:S,errorMessage:e.errorMessage||q});u.onKeyDown=u.onKeyDownCapture,delete u.onKeyDownCapture,t.selectionManager.selectionMode==="multiple"&&(u={});let C=N.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),h=K.$3ef42575df84b30b$export$9d1611c77c2fe928(u,c,P),O=K.$bdb11010cef70236$export$f680877a34711e37();return G.set(t,{isDisabled:r,isRequired:p,name:v,form:a,validationBehavior:f}),{labelProps:{...g,onClick:()=>{if(!e.isDisabled){var y;(y=i.current)===null||y===void 0||y.focus(),ye.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard")}}},triggerProps:K.$3ef42575df84b30b$export$9d1611c77c2fe928(C,{...h,isDisabled:r,onKeyDown:K.$ff5963eb1fccf552$export$e08e3b67e392101e(h.onKeyDown,x,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[O,h["aria-labelledby"],h["aria-label"]&&!h["aria-labelledby"]?h.id:null].filter(Boolean).join(" "),onFocus(y){t.isFocused||(e.onFocus&&e.onFocus(y),e.onFocusChange&&e.onFocusChange(!0),t.setFocused(!0))},onBlur(y){t.isOpen||(e.onBlur&&e.onBlur(y),e.onFocusChange&&e.onFocusChange(!1),t.setFocused(!1))}}),valueProps:{id:O},menuProps:{...m,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,disallowEmptySelection:!0,linkBehavior:"selection",onBlur:y=>{y.currentTarget.contains(y.relatedTarget)||(e.onBlur&&e.onBlur(y),e.onFocusChange&&e.onFocusChange(!1),t.setFocused(!1))},"aria-labelledby":[P["aria-labelledby"],h["aria-label"]&&!P["aria-labelledby"]?h.id:null].filter(Boolean).join(" ")},descriptionProps:s,errorMessageProps:R,isInvalid:S,validationErrors:q,validationDetails:$,hiddenSelectProps:{isDisabled:r,name:v,label:e.label,state:t,triggerRef:i,form:a}}}function De(e,t,i){let n=G.get(t)||{},{autoComplete:r,name:p=n.name,form:v=n.form,isDisabled:a=n.isDisabled}=e,{validationBehavior:f,isRequired:b}=n,{visuallyHiddenProps:o}=Pe.$5c3e21d68f1c4674$export$a966af930f325cab({style:{position:"fixed",top:0,left:0}});Se.$99facab73266f662$export$5add1d006293d136(e.selectRef,t.defaultValue,t.setValue),te.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:f,focus:()=>{var u;return(u=i.current)===null||u===void 0?void 0:u.focus()}},t,e.selectRef);let c=t.setValue,m=l.useCallback(u=>{u.target.multiple?c(Array.from(u.target.selectedOptions,S=>S.value)):c(u.currentTarget.value)},[c]);var x;return{containerProps:{...o,"aria-hidden":!0,"data-react-aria-prevent-focus":!0,"data-a11y-ignore":"aria-hidden-focus"},inputProps:{style:{display:"none"}},selectProps:{tabIndex:-1,autoComplete:r,disabled:a,multiple:t.selectionManager.selectionMode==="multiple",required:f==="native"&&b,name:p,form:v,value:(x=t.value)!==null&&x!==void 0?x:"",onChange:m,onInput:m}}}function Ie(e){let{state:t,triggerRef:i,label:n,name:r,form:p,isDisabled:v}=e,a=l.useRef(null),f=l.useRef(null),{containerProps:b,selectProps:o}=De({...e,selectRef:t.collection.size<=300?a:f},t,i);if(t.collection.size<=300)return l.createElement("div",{...b,"data-testid":"hidden-select-container"},l.createElement("label",null,n,l.createElement("select",{...o,ref:a},l.createElement("option",null),[...t.collection.getKeys()].map(c=>{let m=t.collection.getItem(c);if(m&&m.type==="item")return l.createElement("option",{key:m.key,value:m.key},m.textValue)}))));if(r){let c=G.get(t)||{},{validationBehavior:m}=c,x=Array.isArray(t.value)?t.value:[t.value];x.length===0&&(x=[null]);let u=x.map((S,q)=>{let $={type:"hidden",autoComplete:o.autoComplete,name:r,form:p,disabled:v,value:S??""};return m==="native"?l.createElement("input",{key:q,...$,ref:q===0?f:null,style:{display:"none"},type:"text",required:q===0?o.required:!1,onChange:()=>{}}):l.createElement("input",{key:q,...$,ref:q===0?f:null})});return l.createElement(l.Fragment,null,u)}return null}function Be(e){let{selectionMode:t="single"}=e,i=ee.$fc909762b330b746$export$61c6a8c84e605fb6(e),[n,r]=l.useState(null),p=l.useMemo(()=>{var s;return e.defaultValue!==void 0?e.defaultValue:t==="single"?(s=e.defaultSelectedKey)!==null&&s!==void 0?s:null:[]},[e.defaultValue,e.defaultSelectedKey,t]),v=l.useMemo(()=>e.value!==void 0?e.value:t==="single"?e.selectedKey:void 0,[e.value,e.selectedKey,t]),[a,f]=pe.$458b0a5536c1a7cf$export$40bfa8c7b0832715(v,p,e.onChange),b=t==="single"&&Array.isArray(a)?a[0]:a,o=s=>{if(t==="single"){var R,C;let h=Array.isArray(s)?(C=s[0])!==null&&C!==void 0?C:null:s;f(h),h!==b&&((R=e.onSelectionChange)===null||R===void 0||R.call(e,h))}else{let h=[];Array.isArray(s)?h=s:s!=null&&(h=[s]),f(h)}},c=$e.$e72dd72e1c76a225$export$2f645645f7bca764({...e,selectionMode:t,disallowEmptySelection:t==="single",allowDuplicateSelectionEvents:!0,selectedKeys:l.useMemo(()=>Ke(b),[b]),onSelectionChange:s=>{if(s!=="all"){if(t==="single"){var R;let C=(R=s.values().next().value)!==null&&R!==void 0?R:null;o(C),i.close()}else o([...s]);u.commitValidation()}}}),m=c.selectionManager.firstSelectedKey,x=l.useMemo(()=>[...c.selectionManager.selectedKeys].map(s=>c.collection.getItem(s)).filter(s=>s!=null),[c.selectionManager.selectedKeys,c.collection]),u=te.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:Array.isArray(b)&&b.length===0?null:b}),[S,q]=l.useState(!1),[$]=l.useState(b);var g,P;return{...u,...c,...i,value:b,defaultValue:p??$,setValue:o,selectedKey:m,setSelectedKey:o,selectedItem:(g=x[0])!==null&&g!==void 0?g:null,selectedItems:x,defaultSelectedKey:(P=e.defaultSelectedKey)!==null&&P!==void 0?P:e.selectionMode==="single"?$:null,focusStrategy:n,open(s=null){c.collection.size!==0&&(r(s),i.open())},toggle(s=null){c.collection.size!==0&&(r(s),i.toggle())},isFocused:S,setFocused:q}}function Ke(e){if(e!==void 0)return e===null?[]:Array.isArray(e)?e:[e]}function Ve(e){return e&&e.__esModule?e.default:e}const H=l.createContext(null),W=l.createContext(null),je=l.forwardRef(function(t,i){[t,i]=M.$64fa3d84918910a7$export$29f1550f4b0d4415(t,i,H);let{children:n,isDisabled:r=!1,isInvalid:p=!1,isRequired:v=!1}=t,a=l.useMemo(()=>typeof n=="function"?n({isOpen:!1,isDisabled:r,isInvalid:p,isRequired:v,isFocused:!1,isFocusVisible:!1,defaultChildren:null}):n,[n,r,p,v]);return l.createElement(_.$e1995378a142960e$export$bf788dd355e3a401,{content:a},f=>l.createElement(Ee,{props:t,collection:f,selectRef:i}))}),Oe=[Z.$01b77f81d0f07f68$export$75b6ee27786ba447,L.$d2b4bc8c273e7be6$export$24d547caef80ccd1,z.$514c0188e459b4c0$export$9afb8bc826b033ea];function Ee({props:e,selectRef:t,collection:i}){let{validationBehavior:n}=M.$64fa3d84918910a7$export$fabf2dc03a41866e(de.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var r,p;let v=(p=(r=e.validationBehavior)!==null&&r!==void 0?r:n)!==null&&p!==void 0?p:"native",a=Be({...e,collection:i,children:void 0,validationBehavior:v}),{isFocusVisible:f,focusProps:b}=ve.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),o=l.useRef(null),[c,m]=M.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),{labelProps:x,triggerProps:u,valueProps:S,menuProps:q,descriptionProps:$,errorMessageProps:g,hiddenSelectProps:P,...s}=Fe({...M.$64fa3d84918910a7$export$ef03459518577ad4(e),label:m,validationBehavior:v},a,o),[R,C]=l.useState(null),h=l.useCallback(()=>{o.current&&C(o.current.offsetWidth+"px")},[o]);ee.$9daab02d461809db$export$683480f191c0e3ea({ref:o,onResize:h});let O=l.useMemo(()=>({isOpen:a.isOpen,isFocused:a.isFocused,isFocusVisible:f,isDisabled:e.isDisabled||!1,isInvalid:s.isInvalid||!1,isRequired:e.isRequired||!1}),[a.isOpen,a.isFocused,f,e.isDisabled,s.isInvalid,e.isRequired]),y=M.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:O,defaultClassName:"react-aria-Select"}),F=N.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});delete F.id;let D=l.useRef(null);return l.createElement(M.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[H,e],[W,a],[ae,S],[Z.$01b77f81d0f07f68$export$75b6ee27786ba447,{...x,ref:c,elementType:"span"}],[L.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...u,ref:o,isPressed:a.isOpen,autoFocus:e.autoFocus}],[V.$de32f1b87079253c$export$d2f961adcb0afbe,a],[V.$07b14b47974efb58$export$9b9a0cd73afb7ca4,{trigger:"Select",triggerRef:o,scrollRef:D,placement:"bottom start",style:{"--trigger-width":R},"aria-labelledby":q["aria-labelledby"],clearContexts:Oe}],[j.$eed445e0843c11d0$export$7ff8f37d2d81a48d,{...q,ref:D}],[j.$eed445e0843c11d0$export$7c5906fe4f1f2af2,a],[z.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:$,errorMessage:g}}],[se.$ee014567cb39d3f0$export$ff05c3ac10437e03,s]]},l.createElement("div",{...K.$3ef42575df84b30b$export$9d1611c77c2fe928(F,y,b),ref:t,slot:e.slot||void 0,"data-focused":a.isFocused||void 0,"data-focus-visible":f||void 0,"data-open":a.isOpen||void 0,"data-disabled":e.isDisabled||void 0,"data-invalid":s.isInvalid||void 0,"data-required":e.isRequired||void 0},y.children,l.createElement(Ie,{...P,autoComplete:e.autoComplete})))}const ae=l.createContext(null),we=ue.$f39a9eba43920ace$export$86427a43e3e48ebb(function(t,i){var n;[t,i]=M.$64fa3d84918910a7$export$29f1550f4b0d4415(t,i,ae);let r=l.useContext(W),{placeholder:p}=M.$64fa3d84918910a7$export$fabf2dc03a41866e(H),v=r.selectedItems.map($=>{var g;let P=(g=$.props)===null||g===void 0?void 0:g.children;return typeof P=="function"&&(P=P({isHovered:!1,isPressed:!1,isSelected:!1,isFocused:!1,isFocusVisible:!1,isDisabled:!1,selectionMode:"single",selectionBehavior:"toggle"})),P}),a=Me(),f=l.useMemo(()=>r.selectedItems.map($=>$?.textValue),[r.selectedItems]),b=r.selectionManager.selectionMode,o=l.useMemo(()=>{var $;return b==="single"?($=f[0])!==null&&$!==void 0?$:"":a.format(f)},[b,a,f]),c=l.useMemo(()=>{if(b==="single")return v[0];let $=a.formatToParts(f);if($.length===0)return null;let g=0;return $.map(P=>P.type==="element"?l.createElement(l.Fragment,{key:g},v[g++]):P.value)},[b,a,f,v]),m=be.$fca6afa0e843324b$export$f12b703ca79dfbb1(Ve(ce.$df39c1238ae2b5f3$exports),"react-aria-components");var x,u;let S=M.$64fa3d84918910a7$export$4d86445c2cf5e3({...t,defaultChildren:(x=c??p)!==null&&x!==void 0?x:m.format("selectPlaceholder"),defaultClassName:"react-aria-SelectValue",values:{selectedItem:(u=(n=r.selectedItems[0])===null||n===void 0?void 0:n.value)!==null&&u!==void 0?u:null,selectedItems:l.useMemo(()=>r.selectedItems.map($=>{var g;return(g=$.value)!==null&&g!==void 0?g:null}),[r.selectedItems]),selectedText:o,isPlaceholder:r.selectedItems.length===0,state:r}}),q=N.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(t,{global:!0});return l.createElement("span",{ref:i,...q,...S,"data-placeholder":r.selectedItems.length===0||void 0},l.createElement(z.$514c0188e459b4c0$export$9afb8bc826b033ea.Provider,{value:void 0},S.children))}),{withProvider:ke,withContext:I}=A.createSlotRecipeContext({recipe:le.selectSlotRecipe}),Ae=ke("div","root"),Te=I("div","leadingElement"),Le=I("button","trigger"),ze=I("span","triggerLabel"),Ne=I("div","options"),Ge=I("div","option"),He=I("div","optionGroup"),We=re.defineMessages({clearSelection:{id:"Nimbus.Select.clearSelection",description:"aria-label for select clear button",defaultMessage:"Clear selection"}}),oe=()=>{const e=l.useContext(W),t=re.useIntl();if(!e?.selectedKey)return null;const i=()=>{e?.setSelectedKey(null)};return d.jsx(V.$f1ab8c75478c6f73$export$cf75428e0b9ed1ea,{children:d.jsx(qe.IconButton,{pointerEvents:"all",size:"2xs",variant:"ghost","aria-label":t.formatMessage(We.clearSelection),"aria-labelledby":"",onPress:i,children:d.jsx(T.Close,{})})})};oe.displayName="Select.ClearButton";const U=function({ref:t,children:i,leadingElement:n,isLoading:r,isDisabled:p,isClearable:v=!0,...a}){const f=l.useRef(null),b=Re.$df56164dff5785e2$export$4338b53315abf666(ne.mergeRefs(f,t)),o=A.useSlotRecipe({recipe:le.selectSlotRecipe}),[c,m]=o.splitVariantProps(a),[x,u]=ie.extractStyleProps(m),S={...u,isDisabled:r||p};return d.jsx(Ae,{asChild:!0,ref:b,...c,...x,children:d.jsxs(je,{...S,children:[d.jsxs(A.chakra.div,{position:"relative",children:[d.jsx(Le,{zIndex:0,asChild:!0,children:d.jsxs(L.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{children:[n&&d.jsx(Te,{asChild:!0,children:n}),d.jsx(ze,{asChild:!0,children:d.jsx(we,{})})]})}),d.jsxs(k.Flex,{position:"absolute",top:"0",bottom:"0",zIndex:1,right:"400",pointerEvents:"none",children:[v&&d.jsx(k.Flex,{width:"600",my:"auto",children:d.jsx(oe,{})}),d.jsx(k.Flex,{my:"auto",w:"600",h:"600",pointerEvents:"none",children:d.jsx(Y.Box,{color:"neutral.9",asChild:!0,m:"auto",w:"400",h:"400",children:r?d.jsx(Y.Box,{asChild:!0,animation:"spin",animationDuration:"slowest",children:d.jsx(T.Loop,{})}):d.jsx(T.KeyboardArrowDown,{})})})]})]}),d.jsx(V.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:i})]})})};U.displayName="Select.Root";const X=e=>{const{ref:t,...i}=e,[n,r]=ie.extractStyleProps(i);return d.jsx(Ne,{asChild:!0,...n,children:d.jsx(j.$eed445e0843c11d0$export$41f133550aa26f48,{ref:t,...r})})};X.displayName="Select.Options";const J=({ref:e,...t})=>d.jsx(Ge,{asChild:!0,ref:e,children:d.jsx(j.$eed445e0843c11d0$export$a11e76429ed99b4,{...t})});J.displayName="Select.Option";const Q=e=>{const{ref:t,label:i,items:n,children:r,...p}=e;if(n&&typeof r!="function")throw new Error('SelectOptionGroup: When "items" is provided, "children" must be a function');return d.jsxs(j.$eed445e0843c11d0$export$dca12b0bb56e4fc,{ref:t,...p,children:[d.jsx(He,{asChild:!0,children:d.jsx(Ce.$72a5793c14baf454$export$8b251419efc915eb,{children:i})}),n?d.jsx(_.$e1995378a142960e$export$fb8073518f34e6ec,{items:n,children:v=>typeof r=="function"?r(v):null}):r]})};Q.displayName="Select.OptionGroup";const Ue={Root:U,Options:X,Option:J,OptionGroup:Q};exports.Select=Ue;exports.SelectOption=J;exports.SelectOptionGroup=Q;exports.SelectOptions=X;exports.SelectRoot=U;
-//# sourceMappingURL=select-D_HPNSo0.cjs.js.map