@midas-ds/components 10.2.0 → 10.3.0

package/Select-2q1iSzAX.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Select.css');const l=require("react/jsx-runtime"),h=require("react"),V=require("./clsx-C11secjj.cjs"),m=require("./utils-BNtZbAib.cjs"),j=require("./Tag-DPAGmcMK.cjs"),L=require("./TextField-BgNdhZi_.cjs"),A=require("./Collection-BIDsXNhi.cjs"),M=require("./Checkbox-DqcPg5hz.cjs"),v=require("./ListBoxSection-BGaigBnG.cjs"),z=require("./check-D_KoootC.cjs"),R=require("./useHover-_mv5J4_q.cjs"),I=require("./Dialog-B8GTYbvu.cjs"),_=require("./ListKeyboardDelegate-DTg9h4v6.cjs"),H=require("./SelectionManager-CwYux2h3.cjs"),G=require("./filterDOMProps-BS2lrgFA.cjs"),W=require("./useField-CXKYU74k.cjs"),C=require("./useFormValidation-ClximP89.cjs"),U=require("./useListState-Bx8u4IFG.cjs"),X=require("./useObserveElement-MhzEsCkX.cjs"),J=require("./VisuallyHidden-CLWHbz2n.cjs"),k=require("./Label-7Ybb99CE.cjs"),Q=require("./Text-3MNwRMpI.cjs"),Y=require("./ListBoxButton-DPBrtXyv.cjs"),Z=require("./x-H8Zrx8-x.cjs"),ee=require("./useButton-cpNi-fY4.cjs"),te=require("./chevron-down-jl83cllc.cjs"),w=require("./FieldError-CKBb2-mp.cjs");function le(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const N=le(h);function T(e){return null}T.getCollectionNode=function*(t,r){let{childItems:o,title:i,children:s}=t,n=t.title||t.children,d=t.textValue||(typeof n=="string"?n:"")||t["aria-label"]||"";!d&&!(r!=null&&r.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:t,rendered:n,textValue:d,"aria-label":t["aria-label"],hasChildNodes:ne(t),*childNodes(){if(o)for(let c of o)yield{type:"item",value:c};else if(i){let c=[];h.Children.forEach(s,u=>{c.push({type:"item",element:u})}),yield*c}}}};function ne(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&h.Children.count(e.children)>0)}let B=T;function D(e){return null}D.getCollectionNode=function*(t){let{children:r,title:o,items:i}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:o,"aria-label":t["aria-label"],*childNodes(){if(typeof r=="function"){if(!i)throw new Error("props.children was a function but props.items is missing");for(let s of i)yield{type:"item",value:s,renderer:r}}else{let s=[];h.Children.forEach(r,n=>{s.push({type:"item",element:n})}),yield*s}}}};let ie=D;const re="_wrapper_1rlqo_10",oe="_trigger_1rlqo_21",se="_medium_1rlqo_35",ce="_icon_1rlqo_71",ae="_tagGroup_1rlqo_77",de="_listBoxItemCheckmark_1rlqo_93",ue="_triggerContainer_1rlqo_98",fe="_selectValueTag_1rlqo_104",be="_clearButton_1rlqo_120",xe="_truncate_1rlqo_132",he="_checkboxContainer_1rlqo_169",x={wrapper:re,trigger:oe,medium:se,icon:ce,tagGroup:ae,listBoxItemCheckmark:de,triggerContainer:ue,selectValueTag:fe,clearButton:be,truncate:xe,checkboxContainer:he},F=({item:e})=>l.jsx(v.ListBoxItem,{...e.value,textValue:e.textValue,children:({isDisabled:t,isSelected:r,selectionMode:o})=>l.jsxs(l.Fragment,{children:[o==="multiple"?l.jsx("div",{className:x.checkboxContainer,children:l.jsx(M.Checkbox,{isDisabled:t,isSelected:r,isReadOnly:!0,excludeFromTabOrder:!0,"aria-label":e.textValue})}):null,e.rendered,r&&o==="single"?l.jsx(z.Check,{size:20,className:x.listBoxItemCheckmark}):null]})}),ge=({section:e,state:t})=>l.jsx(v.ListBoxSection,{...e.value,children:t.collection.getChildren?l.jsx(A.$e1995378a142960e$export$fb8073518f34e6ec,{items:t.collection.getChildren(e.key),children:r=>l.jsx(F,{item:r})}):null}),ye=({state:e,...t})=>l.jsx(v.ListBox,{...t,...e,escapeKeyBehavior:"none",onSelectionChange:e.setSelectedKeys,items:e.collection,children:r=>r.type==="section"?l.jsx(ge,{state:e,section:r}):l.jsx(F,{item:r})});function pe(e,t,r){const{disallowEmptySelection:o,isDisabled:i}=e,s=_.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),n=h.useMemo(()=>new _.$2a25aae57d74318e$export$a05409b8bb224a5a(t.collection,t.disabledKeys,null,s),[t.collection,t.disabledKeys,s]),{menuTriggerProps:d,menuProps:c}=I.$168583247155ddda$export$dc9c12ed27dd1b49({isDisabled:i,type:"listbox"},t,r),u=f=>{const{selectedKeys:S,selectionMode:E}=t,K=S.values().next().value;if(E==="single")switch(f.key){case"ArrowLeft":{f.preventDefault();const p=S.size>0?n.getKeyAbove(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}case"ArrowRight":{f.preventDefault();const p=S.size>0?n.getKeyBelow(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}}},{typeSelectProps:a}=H.$fb3050f43d946246$export$e32c88dfddc6e1d8({keyboardDelegate:n,selectionManager:t.selectionManager,onTypeSelect(f){t.setSelectedKeys([f])}}),{labelProps:y,fieldProps:b}=W.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span"});a.onKeyDown=a.onKeyDownCapture,delete a.onKeyDownCapture;const $=G.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),g=m.$3ef42575df84b30b$export$9d1611c77c2fe928(a,d,b),q=m.$bdb11010cef70236$export$f680877a34711e37();return{labelProps:{...y,onClick:()=>{var f;e.isDisabled||((f=r.current)==null||f.focus(),R.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard"))}},triggerProps:m.$3ef42575df84b30b$export$9d1611c77c2fe928($,{...g,onKeyDown:m.$ff5963eb1fccf552$export$e08e3b67e392101e(g.onKeyDown,u,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[g["aria-labelledby"],g["aria-label"]&&!g["aria-labelledby"]?g.id:null,q].filter(Boolean).join(" "),onFocus(f){t.isFocused||(e.onFocus&&e.onFocus(f),t.setFocused(!0))},onBlur(f){t.isOpen||(e.onBlur&&e.onBlur(f),t.setFocused(!1))}}),valueProps:{id:q},menuProps:{...c,disallowEmptySelection:o,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,onBlur:f=>{f.currentTarget.contains(f.relatedTarget)||(e.onBlur&&e.onBlur(f),t.setFocused(!1))},"aria-labelledby":[b["aria-labelledby"],g["aria-label"]&&!b["aria-labelledby"]?g.id:null].filter(Boolean).join(" ")}}}function me(e){const{collection:t,disabledKeys:r,selectionManager:o,selectionManager:{setSelectedKeys:i,selectedKeys:s,selectionMode:n}}=U.$e72dd72e1c76a225$export$2f645645f7bca764(e),d=[],c=s.size!==0?Array.from(s).map(u=>{const a=t.getItem(u);return a||d.push(u),a}).filter(Boolean):null;return d.length&&console.warn(`Select: Keys "${d.join(", ")}" passed to "selectedKeys" are not present in the collection.`),{collection:t,disabledKeys:r,selectionManager:o,selectionMode:n,selectedKeys:s,setSelectedKeys:i.bind(o),selectedItems:c}}function $e(e){const[t,r]=h.useState(!1),o=I.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(e),i=e.selectionMode==="single",s=me({...e,onSelectionChange:a=>{e.onSelectionChange&&e.onSelectionChange(a),i&&o.close()}}),n=C.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,validationBehavior:"native",value:s.selectedKeys}),d=s.collection.size===0,c=!!s.selectedKeys.size,u=h.useCallback(()=>{n.resetValidation(),n.commitValidation()},[n]);return h.useEffect(()=>{i&&c&&u()},[c,i,u]),{...s,...o,close(){o.close(),c&&u()},open(){d||o.open()},toggle(a){d||o.toggle(a)},isFocused:t,setFocused:r,...n}}function ve({autoComplete:e,name:t,isDisabled:r,isRequired:o,selectRef:i},s,n){const{visuallyHiddenProps:d}=J.$5c3e21d68f1c4674$export$a966af930f325cab();return C.$99facab73266f662$export$5add1d006293d136(i,s.selectedKeys,s.setSelectedKeys),C.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:"native",focus:()=>{var c;return(c=n.current)==null?void 0:c.focus()}},s,i),{containerProps:{...d,"aria-hidden":!0,"data-react-aria-prevent-focus":!0,"data-a11y-ignore":"aria-hidden-focus"},inputProps:{style:{display:"none"}},selectProps:{tabIndex:-1,autoComplete:e,disabled:r,required:o,name:t,value:Array.from(s.selectedKeys).map(c=>c.toString()),onChange:c=>s.setSelectedKeys(c.target.value),multiple:!0}}}function Se(e){const{state:t,triggerRef:r,name:o,isDisabled:i}=e,s=`${e.label}-hidden`,n=h.useRef(null),{containerProps:d,selectProps:c}=ve({...e,selectRef:n},t,r);return t.collection.size<=300?l.jsx("div",{...d,"data-testid":"hidden-select-container",children:l.jsxs("label",{children:[s,l.jsxs("select",{...c,ref:n,children:[l.jsx("option",{}),[...t.collection.getKeys()].map(u=>{const a=t.collection.getItem(u);return a&&a.type==="item"?l.jsx("option",{value:a.key,children:a.textValue},a.key):null})]})]})}):o?l.jsx("input",{type:"hidden",autoComplete:c.autoComplete,name:o,disabled:i,value:Array.from(t.selectedKeys).map(u=>u.toString())??[""]}):null}const je=({state:{selectedItems:e},isDisabled:t,parentWidth:r,onClear:o,triggerRef:i,isClearable:s})=>l.jsxs("div",{className:x.selectValueTag,"data-disabled":t||void 0,children:[l.jsx("span",{className:x.truncate,style:{maxWidth:r-92},children:e!=null&&e.length&&e.length>1?`${e.length} valda`:e==null?void 0:e[0].textValue}),s&&l.jsx("button",{disabled:t,"aria-label":"Rensa alla",className:x.clearButton,onClick:()=>{var n;o(),(n=i==null?void 0:i.current)==null||n.focus()},children:l.jsx(Z.X,{width:20,height:20})})]}),Ce=({autoFocus:e,excludeFromTabOrder:t,isDisabled:r,size:o="large",isOpen:i,isInvalid:s,selectionMode:n,state:{selectedItems:d},placeholder:c,children:u,triggerRef:a,...y})=>{const{buttonProps:b}=ee.$701a24aa0da5b062$export$ea18c227d4417cc3({autoFocus:e,excludeFromTabOrder:t,isDisabled:r,...y},a),$=n==="multiple";return l.jsxs("div",{className:x.triggerContainer,"data-disabled":r||void 0,children:[l.jsxs("button",{...b,autoFocus:e,className:V.clsx(x.trigger,{[x.medium]:o==="medium"}),"data-disabled":r||void 0,"data-invalid":s||void 0,"data-open":i||void 0,ref:a,type:"button",children:[$&&!d?l.jsx("span",{children:c}):null,$?null:l.jsx("span",{children:d?d[0].textValue:c}),l.jsx("div",{className:x.icon,"aria-hidden":"true",children:l.jsx(te.ChevronDown,{size:20})})]}),u]})},P=({state:e,errorMessage:t})=>l.jsx(w.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:{...e.displayValidation},children:l.jsx(w.FieldError,{children:t})}),qe=N.forwardRef(({isClearable:e=!0,popover:t,...r},o)=>{const i={selectionMode:"single",errorPosition:"top",disallowEmptySelection:!e,isClearable:e,size:"large",popover:t,...r},s=m.$df56164dff5785e2$export$4338b53315abf666(o),n=$e(i),{labelProps:d,triggerProps:c,valueProps:u,menuProps:a}=pe(i,n,s),{width:y}=X.useObserveElement(s.current,{includePadding:!0});return l.jsxs(L.$bcdf0525bf22703d$export$2c73285ae9390cec,{...i,className:V.clsx(x.wrapper,i.className),children:[l.jsx(Se,{...i,state:n,triggerRef:s}),l.jsx(k.LabelWrapper,{popover:t,children:i.label&&l.jsx(k.Label,{...d,"data-disabled":i.isDisabled||void 0,children:i.label})}),i.description&&l.jsx(Q.Text,{slot:"description",children:i.description}),i.errorPosition==="top"&&l.jsx(P,{...i,state:n}),l.jsx(Ce,{...i,...c,isInvalid:n.displayValidation.isInvalid,triggerRef:s,state:n,children:i.selectionMode==="multiple"&&n.selectedItems?l.jsx("span",{...u,children:l.jsx(je,{...i,state:n,parentWidth:y,onClear:()=>n.selectionManager.clearSelection(),triggerRef:s})}):null}),i.errorPosition==="bottom"&&l.jsx(P,{...i,state:n}),l.jsxs(v.ListBoxPopover,{isOpen:n.isOpen,onOpenChange:b=>{b||n.close()},triggerRef:s,style:{width:y},children:[i.isSelectableAll&&l.jsxs(Y.ListBoxButton,{onClick:()=>n.selectionManager.toggleSelectAll(),children:[l.jsx("div",{className:x.checkboxContainer,children:l.jsx(M.Checkbox,{isSelected:n.selectionManager.isSelectAll,isIndeterminate:!n.selectionManager.isSelectAll&&!n.selectionManager.isEmpty,isReadOnly:!0,excludeFromTabOrder:!0})}),l.jsx("span",{children:"Select All"})]}),l.jsx(ye,{...a,state:n})]}),i.showTags&&!!n.selectedItems&&l.jsx(j.TagGroup,{"aria-label":"Selected Items",selectionBehavior:"toggle",onRemove:b=>n.selectionManager.toggleSelection(Array.from(b)[0]),className:x.tagGroup,children:l.jsx(j.$eaf9e70818b436db$export$f9fef0f55402315b,{items:n.selectedItems,children:b=>l.jsx(j.Tag,{textValue:b.textValue,id:b.key,dismissable:!0,isDisabled:i.isDisabled,children:b.textValue},b.key)})})]})}),O=N.forwardRef(({options:e,...t},r)=>l.jsx(qe,{...t,items:e,ref:r,children:o=>o.children?l.jsx(ie,{items:o.children,title:o.name,children:i=>l.jsx(B,{textValue:i.textValue,children:i.name})},o.name):l.jsx(B,{textValue:o.textValue,children:o.name})}));O.displayName="Select";exports.Select=O;