@cgi-learning-hub/ui 1.5.1-dev.1747054098 → 1.5.1-dev.1747138890
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/{Autocomplete-BYU77dhV.js → Autocomplete-BIBR54X2.js} +2 -1
- package/dist/{Autocomplete-BRBXDyaQ.cjs → Autocomplete-D9hZ2wrR.cjs} +3 -3
- package/dist/Badge-DhyDno9j.cjs +138 -0
- package/dist/{ToggleButtonGroup-DhY3o3ie.js → Badge-rX7YUmBc.js} +3693 -2403
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +8 -0
- package/dist/components/index.es.js +395 -379
- package/dist/components/stories/Autocomplete.stories.cjs.js +1 -1
- package/dist/components/stories/Autocomplete.stories.es.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +395 -379
- package/package.json +1 -1
- package/dist/ToggleButtonGroup-lD_qOrg0.cjs +0 -138
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const Mt=require("react"),t=require("./index-DLnSn8GT.cjs"),U=require("./generateUtilityClasses-CMlilM6r.cjs"),z=require("./Select-Doay7ukI.cjs"),ie=require("./InputBase-pYQWRFK2.cjs"),jt=require("./Close-DyRqry3p.cjs"),ue=require("./memoTheme-BAbn60Cb.cjs"),ut=require("./useSlot-W0PiuVaZ.cjs"),T=require("react/jsx-runtime"),$=require("./DefaultPropsProvider-B1crdkTC.cjs"),Vt=require("./useId-DNXtOFeX.cjs"),ct=require("./useControlled-Ysk4KqoX.cjs"),Je=require("./useEventCallback-BxpcFap0.cjs"),Ft=require("./Portal-B5KqLEa0.cjs"),dt=require("./Paper-Bh9CKUCb.cjs"),wt=require("./Popper-yO_RaCbM.cjs"),zt=require("./Chip-Bpcd3tnL.cjs"),Xe=require("./capitalize-CKLkSyDO.cjs"),At=require("./IconButton-BKwDNYJl.cjs"),Ot=require("./chainPropTypes-CEUi6Jb4.cjs");function Ht(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const u in n)if(u!=="default"){const f=Object.getOwnPropertyDescriptor(n,u);Object.defineProperty(s,u,f.get?f:{enumerable:!0,get:()=>n[u]})}}return s.default=n,Object.freeze(s)}const m=Ht(Mt),Lt=n=>{const s=m.useRef({});return m.useEffect(()=>{s.current=n}),s.current};function Ct(n){return n.normalize("NFD").replace(/[\u0300-\u036f]/g,"")}function kt(n={}){const{ignoreAccents:s=!0,ignoreCase:u=!0,limit:f,matchFrom:w="any",stringify:E,trim:A=!1}=n;return(N,{inputValue:W,getOptionLabel:x})=>{let v=A?W.trim():W;u&&(v=v.toLowerCase()),s&&(v=Ct(v));const G=v?N.filter(ce=>{let M=(E||x)(ce);return u&&(M=M.toLowerCase()),s&&(M=Ct(M)),w==="start"?M.startsWith(v):M.includes(v)}):N;return typeof f=="number"?G.slice(0,f):G}}const qt=kt(),Bt=5,Ut=n=>{var s;return n.current!==null&&((s=n.current.parentElement)==null?void 0:s.contains(document.activeElement))},Wt=[];function vt(n,s,u,f){if(s||n==null||f)return"";const w=u(n);return typeof w=="string"?w:""}function Gt(n){const{unstable_isActiveElementInListbox:s=Ut,unstable_classNamePrefix:u="Mui",autoComplete:f=!1,autoHighlight:w=!1,autoSelect:E=!1,blurOnSelect:A=!1,clearOnBlur:N=!n.freeSolo,clearOnEscape:W=!1,componentName:x="useAutocomplete",defaultValue:v=n.multiple?Wt:null,disableClearable:G=!1,disableCloseOnSelect:ce=!1,disabled:M,disabledItemsFocusable:ke=!1,disableListWrap:Re=!1,filterOptions:ft=qt,filterSelectedOptions:De=!1,freeSolo:de=!1,getOptionDisabled:_,getOptionKey:Ee,getOptionLabel:Ye=o=>o.label??o,groupBy:re,handleHomeEndKeys:Qe=!n.freeSolo,id:gt,includeInputInList:Pe=!1,inputValue:Ne,isOptionEqualToValue:Z=(o,e)=>o===e,multiple:c=!1,onChange:Ze,onClose:et,onHighlightChange:Me,onInputChange:ee,onOpen:je,open:yt,openOnFocus:bt=!1,options:ht,readOnly:J=!1,renderValue:k,selectOnFocus:tt=!n.freeSolo,value:Ve}=n,j=Vt.useId(gt);let S=Ye;S=o=>{const e=Ye(o);if(typeof e!="string"){if(process.env.NODE_ENV!=="production"){const r=e===void 0?"undefined":`${typeof e} (${e})`;console.error(`MUI: The \`getOptionLabel\` method of ${x} returned ${r} instead of a string for ${JSON.stringify(o)}.`)}return String(e)}return e};const fe=m.useRef(!1),Te=m.useRef(!0),h=m.useRef(null),F=m.useRef(null),[xe,mt]=m.useState(null),[V,Fe]=m.useState(-1),ot=w?0:-1,O=m.useRef(ot),Pt=m.useRef(vt(v??Ve,c,S)).current,[a,Ie]=ct.useControlled({controlled:Ve,default:v,name:x}),[g,se]=ct.useControlled({controlled:Ne,default:Pt,name:x,state:"inputValue"}),[ge,ze]=m.useState(!1),ye=m.useCallback((o,e,r)=>{if(!(c?a.length<e.length:e!==null)&&!N)return;const l=vt(e,c,S,k);g!==l&&(se(l),ee&&ee(o,l,r))},[S,g,c,ee,se,N,a,k]),[X,Oe]=ct.useControlled({controlled:yt,default:!1,name:x,state:"open"}),[Tt,be]=m.useState(!0),He=!c&&a!=null&&g===S(a),R=X&&!J,b=R?ft(ht.filter(o=>!(De&&(c?a:[a]).some(e=>e!==null&&Z(o,e)))),{inputValue:He&&Tt?"":g,getOptionLabel:S}):[],H=Lt({filteredOptions:b,value:a,inputValue:g});m.useEffect(()=>{const o=a!==H.value;ge&&!o||de&&!o||ye(null,a,"reset")},[a,ye,ge,H.value,de]);const qe=X&&b.length>0&&!J,q=Je.useEventCallback(o=>{if(o===-1)h.current.focus();else{const e=k?"data-item-index":"data-tag-index";xe.querySelector(`[${e}="${o}"]`).focus()}});m.useEffect(()=>{c&&V>a.length-1&&(Fe(-1),q(-1))},[a,c,V,q]);function nt(o,e){if(!F.current||o<0||o>=b.length)return-1;let r=o;for(;;){const i=F.current.querySelector(`[data-option-index="${r}"]`),l=ke?!1:!i||i.disabled||i.getAttribute("aria-disabled")==="true";if(i&&i.hasAttribute("tabindex")&&!l)return r;if(e==="next"?r=(r+1)%b.length:r=(r-1+b.length)%b.length,r===o)return-1}}const Y=Je.useEventCallback(({event:o,index:e,reason:r})=>{if(O.current=e,e===-1?h.current.removeAttribute("aria-activedescendant"):h.current.setAttribute("aria-activedescendant",`${j}-option-${e}`),Me&&["mouse","keyboard","touch"].includes(r)&&Me(o,e===-1?null:b[e],r),!F.current)return;const i=F.current.querySelector(`[role="option"].${u}-focused`);i&&(i.classList.remove(`${u}-focused`),i.classList.remove(`${u}-focusVisible`));let l=F.current;if(F.current.getAttribute("role")!=="listbox"&&(l=F.current.parentElement.querySelector('[role="listbox"]')),!l)return;if(e===-1){l.scrollTop=0;return}const y=F.current.querySelector(`[data-option-index="${e}"]`);if(y&&(y.classList.add(`${u}-focused`),r==="keyboard"&&y.classList.add(`${u}-focusVisible`),l.scrollHeight>l.clientHeight&&r!=="mouse"&&r!=="touch")){const P=y,L=l.clientHeight+l.scrollTop,we=P.offsetTop+P.offsetHeight;we>L?l.scrollTop=we-l.clientHeight:P.offsetTop-P.offsetHeight*(re?1.3:0)<l.scrollTop&&(l.scrollTop=P.offsetTop-P.offsetHeight*(re?1.3:0))}}),B=Je.useEventCallback(({event:o,diff:e,direction:r="next",reason:i})=>{if(!R)return;const y=nt((()=>{const P=b.length-1;if(e==="reset")return ot;if(e==="start")return 0;if(e==="end")return P;const L=O.current+e;return L<0?L===-1&&Pe?-1:Re&&O.current!==-1||Math.abs(e)>1?0:P:L>P?L===P+1&&Pe?-1:Re||Math.abs(e)>1?P:0:L})(),r);if(Y({index:y,reason:i,event:o}),f&&e!=="reset")if(y===-1)h.current.value=g;else{const P=S(b[y]);h.current.value=P,P.toLowerCase().indexOf(g.toLowerCase())===0&&g.length>0&&h.current.setSelectionRange(g.length,P.length)}}),rt=()=>{const o=(e,r)=>{const i=e?S(e):"",l=r?S(r):"";return i===l};if(O.current!==-1&&H.filteredOptions&&H.filteredOptions.length!==b.length&&H.inputValue===g&&(c?a.length===H.value.length&&H.value.every((e,r)=>S(a[r])===S(e)):o(H.value,a))){const e=H.filteredOptions[O.current];if(e)return b.findIndex(r=>S(r)===S(e))}return-1},Ce=m.useCallback(()=>{if(!R)return;const o=rt();if(o!==-1){O.current=o;return}const e=c?a[0]:a;if(b.length===0||e==null){B({diff:"reset"});return}if(F.current){if(e!=null){const r=b[O.current];if(c&&r&&a.findIndex(l=>Z(r,l))!==-1)return;const i=b.findIndex(l=>Z(l,e));i===-1?B({diff:"reset"}):Y({index:i});return}if(O.current>=b.length-1){Y({index:b.length-1});return}Y({index:O.current})}},[b.length,c?!1:a,De,B,Y,R,g,c]),st=Je.useEventCallback(o=>{Ft.setRef(F,o),o&&Ce()});process.env.NODE_ENV!=="production"&&m.useEffect(()=>{(!h.current||h.current.nodeName!=="INPUT")&&(h.current&&h.current.nodeName==="TEXTAREA"?console.warn([`A textarea element was provided to ${x} where input was expected.`,"This is not a supported scenario but it may work under certain conditions.","A textarea keyboard navigation may conflict with Autocomplete controls (for example enter and arrow keys).","Make sure to test keyboard navigation and add custom event handlers if necessary."].join(`
|
|
2
2
|
`)):console.error([`MUI: Unable to find the input element. It was resolved to ${h.current} while an HTMLInputElement was expected.`,`Instead, ${x} expects an input element.`,"",x==="useAutocomplete"?"Make sure you have bound getInputProps correctly and that the normal ref/effect resolutions order is guaranteed.":"Make sure you have customized the input component correctly."].join(`
|
|
3
3
|
`)))},[x]),m.useEffect(()=>{Ce()},[Ce]);const D=o=>{X||(Oe(!0),be(!0),je&&je(o))},le=(o,e)=>{X&&(Oe(!1),et&&et(o,e))},Q=(o,e,r,i)=>{if(c){if(a.length===e.length&&a.every((l,y)=>l===e[y]))return}else if(a===e)return;Ze&&Ze(o,e,r,i),Ie(e)},he=m.useRef(!1),K=(o,e,r="selectOption",i="options")=>{let l=r,y=e;if(c){if(y=Array.isArray(a)?a.slice():[],process.env.NODE_ENV!=="production"){const L=y.filter(we=>Z(e,we));L.length>1&&console.error([`MUI: The \`isOptionEqualToValue\` method of ${x} does not handle the arguments correctly.`,`The component expects a single value to match a given option but found ${L.length} matches.`].join(`
|
|
4
|
-
`))}const P=y.findIndex(L=>Z(e,L));P===-1?y.push(e):i!=="freeSolo"&&(y.splice(P,1),l="removeOption")}ye(o,y,l),Q(o,y,l,{option:e}),!ce&&(!o||!o.ctrlKey&&!o.metaKey)&&le(o,l),(A===!0||A==="touch"&&he.current||A==="mouse"&&!he.current)&&h.current.blur()};function Be(o,e){if(o===-1)return-1;let r=o;for(;;){if(e==="next"&&r===a.length||e==="previous"&&r===-1)return-1;const i=k?"data-item-index":"data-tag-index",l=xe.querySelector(`[${i}="${r}"]`);if(!l||!l.hasAttribute("tabindex")||l.disabled||l.getAttribute("aria-disabled")==="true")r+=e==="next"?1:-1;else return r}}const Ue=(o,e)=>{if(!c)return;g===""&&le(o,"toggleInput");let r=V;V===-1?g===""&&e==="previous"&&(r=a.length-1):(r+=e==="next"?1:-1,r<0&&(r=0),r===a.length&&(r=-1)),r=Be(r,e),Fe(r),q(r)},ae=o=>{fe.current=!0,se(""),ee&&ee(o,"","clear"),Q(o,c?[]:null,"clear")},lt=o=>e=>{if(o.onKeyDown&&o.onKeyDown(e),!e.defaultMuiPrevented&&(V!==-1&&!["ArrowLeft","ArrowRight"].includes(e.key)&&(Fe(-1),q(-1)),e.which!==229))switch(e.key){case"Home":R&&Qe&&(e.preventDefault(),B({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":R&&Qe&&(e.preventDefault(),B({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),B({diff:-5,direction:"previous",reason:"keyboard",event:e}),D(e);break;case"PageDown":e.preventDefault(),B({diff:Bt,direction:"next",reason:"keyboard",event:e}),D(e);break;case"ArrowDown":e.preventDefault(),B({diff:1,direction:"next",reason:"keyboard",event:e}),D(e);break;case"ArrowUp":e.preventDefault(),B({diff:-1,direction:"previous",reason:"keyboard",event:e}),D(e);break;case"ArrowLeft":!c&&k?q(0):Ue(e,"previous");break;case"ArrowRight":!c&&k?q(-1):Ue(e,"next");break;case"Enter":if(O.current!==-1&&R){const r=b[O.current],i=_?_(r):!1;if(e.preventDefault(),i)return;K(e,r,"selectOption"),f&&h.current.setSelectionRange(h.current.value.length,h.current.value.length)}else de&&g!==""&&He===!1&&(c&&e.preventDefault(),K(e,g,"createOption","freeSolo"));break;case"Escape":R?(e.preventDefault(),e.stopPropagation(),le(e,"escape")):W&&(g!==""||c&&a.length>0||k)&&(e.preventDefault(),e.stopPropagation(),ae(e));break;case"Backspace":if(c&&!J&&g===""&&a.length>0){const r=V===-1?a.length-1:V,i=a.slice();i.splice(r,1),Q(e,i,"removeOption",{option:a[r]})}!c&&k&&!J&&(Ie(null),q(-1));break;case"Delete":if(c&&!J&&g===""&&a.length>0&&V!==-1){const r=V,i=a.slice();i.splice(r,1),Q(e,i,"removeOption",{option:a[r]})}!c&&k&&!J&&(Ie(null),q(-1));break}},at=o=>{ze(!0),bt&&!fe.current&&D(o)},pe=o=>{if(s(F)){h.current.focus();return}ze(!1),Te.current=!0,fe.current=!1,E&&O.current!==-1&&R?K(o,b[O.current],"blur"):E&&de&&g!==""?K(o,g,"blur","freeSolo"):N&&ye(o,a,"blur"),le(o,"blur")},ve=o=>{const e=o.target.value;g!==e&&(se(e),be(!1),ee&&ee(o,e,"input")),e===""?!G&&!c&&Q(o,null,"clear"):D(o)},Se=o=>{const e=Number(o.currentTarget.getAttribute("data-option-index"));O.current!==e&&Y({event:o,index:e,reason:"mouse"})},pt=o=>{Y({event:o,index:Number(o.currentTarget.getAttribute("data-option-index")),reason:"touch"}),he.current=!0},it=o=>{const e=Number(o.currentTarget.getAttribute("data-option-index"));K(o,b[e],"selectOption"),he.current=!1},We=o=>e=>{const r=a.slice();r.splice(o,1),Q(e,r,"removeOption",{option:a[o]})},xt=o=>{Q(o,null,"removeOption",{option:a})},me=o=>{X?le(o,"toggleInput"):D(o)},C=o=>{o.currentTarget.contains(o.target)&&o.target.getAttribute("id")!==j&&o.preventDefault()},I=o=>{o.currentTarget.contains(o.target)&&(h.current.focus(),tt&&Te.current&&h.current.selectionEnd-h.current.selectionStart===0&&h.current.select(),Te.current=!1)},te=o=>{!M&&(g===""||!X)&&me(o)};let $e=de&&g.length>0;$e=$e||(c?a.length>0:a!==null);let Ge=b;if(re){const o=new Map;let e=!1;Ge=b.reduce((r,i,l)=>{const y=re(i);return r.length>0&&r[r.length-1].group===y?r[r.length-1].options.push(i):(process.env.NODE_ENV!=="production"&&(o.get(y)&&!e&&(console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${x} returns duplicated headers.`,"You can solve the issue by sorting the options with the output of `groupBy`."),e=!0),o.set(y,!0)),r.push({key:l,index:l,group:y,options:[i]})),r},[])}return M&&ge&&pe(),{getRootProps:(o={})=>({...o,onKeyDown:lt(o),onMouseDown:C,onClick:I}),getInputLabelProps:()=>({id:`${j}-label`,htmlFor:j}),getInputProps:()=>({id:j,value:g,onBlur:pe,onFocus:at,onChange:ve,onMouseDown:te,"aria-activedescendant":R?"":null,"aria-autocomplete":f?"both":"list","aria-controls":qe?`${j}-listbox`:void 0,"aria-expanded":qe,autoComplete:"off",ref:h,autoCapitalize:"none",spellCheck:"false",role:"combobox",disabled:M}),getClearProps:()=>({tabIndex:-1,type:"button",onClick:ae}),getItemProps:({index:o=0}={})=>({...c&&{key:o},...k?{"data-item-index":o}:{"data-tag-index":o},tabIndex:-1,...!J&&{onDelete:c?We(o):xt}}),getPopupIndicatorProps:()=>({tabIndex:-1,type:"button",onClick:me}),getTagProps:({index:o})=>({key:o,"data-tag-index":o,tabIndex:-1,...!J&&{onDelete:We(o)}}),getListboxProps:()=>({role:"listbox",id:`${j}-listbox`,"aria-labelledby":`${j}-label`,ref:st,onMouseDown:o=>{o.preventDefault()}}),getOptionProps:({index:o,option:e})=>{const r=(c?a:[a]).some(l=>l!=null&&Z(e,l)),i=_?_(e):!1;return{key:(Ee==null?void 0:Ee(e))??S(e),tabIndex:-1,role:"option",id:`${j}-option-${o}`,onMouseMove:Se,onClick:it,onTouchStart:pt,"data-option-index":o,"aria-disabled":i,"aria-selected":r}},id:j,inputValue:g,value:a,dirty:$e,expanded:R&&xe,popupOpen:R,focused:ge||V!==-1,anchorEl:xe,setAnchorEl:mt,focusedItem:V,focusedTag:V,groupedOptions:Ge}}function kt(n){return U.generateUtilityClass("MuiListSubheader",n)}const _t=U.generateUtilityClasses("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]),Kt=n=>{const{classes:s,color:u,disableGutters:f,inset:w,disableSticky:E}=n,A={root:["root",u!=="default"&&`color${Xe.capitalize(u)}`,!f&&"gutters",w&&"inset",!E&&"sticky"]};return $.composeClasses(A,kt,s)},Jt=$.styled("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[s.root,u.color!=="default"&&s[`color${Xe.capitalize(u.color)}`],!u.disableGutters&&s.gutters,u.inset&&s.inset,!u.disableSticky&&s.sticky]}})(ue.memoTheme(({theme:n})=>({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:(n.vars||n).palette.text.secondary,fontFamily:n.typography.fontFamily,fontWeight:n.typography.fontWeightMedium,fontSize:n.typography.pxToRem(14),variants:[{props:{color:"primary"},style:{color:(n.vars||n).palette.primary.main}},{props:{color:"inherit"},style:{color:"inherit"}},{props:({ownerState:s})=>!s.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:s})=>s.inset,style:{paddingLeft:72}},{props:({ownerState:s})=>!s.disableSticky,style:{position:"sticky",top:0,zIndex:1,backgroundColor:(n.vars||n).palette.background.paper}}]}))),Le=m.forwardRef(function(s,u){const f=$.useDefaultProps({props:s,name:"MuiListSubheader"}),{className:w,color:E="default",component:A="li",disableGutters:N=!1,disableSticky:W=!1,inset:x=!1,...v}=f,G={...f,color:E,component:A,disableGutters:N,disableSticky:W,inset:x},ce=Kt(G);return T.jsx(Jt,{as:A,className:U.clsx(ce.root,w),ref:u,ownerState:G,...v})});Le&&(Le.muiSkipListHighlight=!0);process.env.NODE_ENV!=="production"&&(Le.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOf(["default","inherit","primary"]),component:t.PropTypes.elementType,disableGutters:t.PropTypes.bool,disableSticky:t.PropTypes.bool,inset:t.PropTypes.bool,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object])});function Rt(n){return U.generateUtilityClass("MuiAutocomplete",n)}const p=U.generateUtilityClasses("MuiAutocomplete",["root","expanded","fullWidth","focused","focusVisible","tag","tagSizeSmall","tagSizeMedium","hasPopupIcon","hasClearIcon","inputRoot","input","inputFocused","endAdornment","clearIndicator","popupIndicator","popupIndicatorOpen","popper","popperDisablePortal","paper","listbox","loading","noOptions","option","groupLabel","groupUl"]);var St,$t;const Xt=n=>{const{classes:s,disablePortal:u,expanded:f,focused:w,fullWidth:E,hasClearIcon:A,hasPopupIcon:N,inputFocused:W,popupOpen:x,size:v}=n,G={root:["root",f&&"expanded",w&&"focused",E&&"fullWidth",A&&"hasClearIcon",N&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",W&&"inputFocused"],tag:["tag",`tagSize${Xe.capitalize(v)}`],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",x&&"popupIndicatorOpen"],popper:["popper",u&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return $.composeClasses(G,Rt,s)},Yt=$.styled("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(n,s)=>{const{ownerState:u}=n,{fullWidth:f,hasClearIcon:w,hasPopupIcon:E,inputFocused:A,size:N}=u;return[{[`& .${p.tag}`]:s.tag},{[`& .${p.tag}`]:s[`tagSize${Xe.capitalize(N)}`]},{[`& .${p.inputRoot}`]:s.inputRoot},{[`& .${p.input}`]:s.input},{[`& .${p.input}`]:A&&s.inputFocused},s.root,f&&s.fullWidth,E&&s.hasPopupIcon,w&&s.hasClearIcon]}})({[`&.${p.focused} .${p.clearIndicator}`]:{visibility:"visible"},"@media (pointer: fine)":{[`&:hover .${p.clearIndicator}`]:{visibility:"visible"}},[`& .${p.tag}`]:{margin:3,maxWidth:"calc(100% - 6px)"},[`& .${p.inputRoot}`]:{[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:30},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:56},[`& .${p.input}`]:{width:0,minWidth:30}},[`& .${z.inputClasses.root}`]:{paddingBottom:1,"& .MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${z.inputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{[`& .${z.inputClasses.input}`]:{padding:"2px 4px 3px 0"}},[`& .${z.outlinedInputClasses.root}`]:{padding:9,[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:39},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:65},[`& .${p.input}`]:{padding:"7.5px 4px 7.5px 5px"},[`& .${p.endAdornment}`]:{right:9}},[`& .${z.outlinedInputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{paddingTop:6,paddingBottom:6,paddingLeft:6,[`& .${p.input}`]:{padding:"2.5px 4px 2.5px 8px"}},[`& .${z.filledInputClasses.root}`]:{paddingTop:19,paddingLeft:8,[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:39},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:65},[`& .${z.filledInputClasses.input}`]:{padding:"7px 4px"},[`& .${p.endAdornment}`]:{right:9}},[`& .${z.filledInputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{paddingBottom:1,[`& .${z.filledInputClasses.input}`]:{padding:"2.5px 4px"}},[`& .${ie.inputBaseClasses.hiddenLabel}`]:{paddingTop:8},[`& .${z.filledInputClasses.root}.${ie.inputBaseClasses.hiddenLabel}`]:{paddingTop:0,paddingBottom:0,[`& .${p.input}`]:{paddingTop:16,paddingBottom:17}},[`& .${z.filledInputClasses.root}.${ie.inputBaseClasses.hiddenLabel}.${ie.inputBaseClasses.sizeSmall}`]:{[`& .${p.input}`]:{paddingTop:8,paddingBottom:9}},[`& .${p.input}`]:{flexGrow:1,textOverflow:"ellipsis",opacity:0},variants:[{props:{fullWidth:!0},style:{width:"100%"}},{props:{size:"small"},style:{[`& .${p.tag}`]:{margin:2,maxWidth:"calc(100% - 4px)"}}},{props:{inputFocused:!0},style:{[`& .${p.input}`]:{opacity:1}}},{props:{multiple:!0},style:{[`& .${p.inputRoot}`]:{flexWrap:"wrap"}}}]}),Qt=$.styled("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(n,s)=>s.endAdornment})({position:"absolute",right:0,top:"50%",transform:"translate(0, -50%)"}),Zt=$.styled(At.IconButton,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(n,s)=>s.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),eo=$.styled(At.IconButton,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[s.popupIndicator,u.popupOpen&&s.popupIndicatorOpen]}})({padding:2,marginRight:-2,variants:[{props:{popupOpen:!0},style:{transform:"rotate(180deg)"}}]}),to=$.styled(wt.Popper,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[{[`& .${p.option}`]:s.option},s.popper,u.disablePortal&&s.popperDisablePortal]}})(ue.memoTheme(({theme:n})=>({zIndex:(n.vars||n).zIndex.modal,variants:[{props:{disablePortal:!0},style:{position:"absolute"}}]}))),oo=$.styled(dt.Paper,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(n,s)=>s.paper})(ue.memoTheme(({theme:n})=>({...n.typography.body1,overflow:"auto"}))),no=$.styled("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(n,s)=>s.loading})(ue.memoTheme(({theme:n})=>({color:(n.vars||n).palette.text.secondary,padding:"14px 16px"}))),ro=$.styled("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(n,s)=>s.noOptions})(ue.memoTheme(({theme:n})=>({color:(n.vars||n).palette.text.secondary,padding:"14px 16px"}))),so=$.styled("ul",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(n,s)=>s.listbox})(ue.memoTheme(({theme:n})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",position:"relative",[`& .${p.option}`]:{minHeight:48,display:"flex",overflow:"hidden",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16,[n.breakpoints.up("sm")]:{minHeight:"auto"},[`&.${p.focused}`]:{backgroundColor:(n.vars||n).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:(n.vars||n).palette.action.disabledOpacity,pointerEvents:"none"},[`&.${p.focusVisible}`]:{backgroundColor:(n.vars||n).palette.action.focus},'&[aria-selected="true"]':{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / ${n.vars.palette.action.selectedOpacity})`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity),[`&.${p.focused}`]:{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / calc(${n.vars.palette.action.selectedOpacity} + ${n.vars.palette.action.hoverOpacity}))`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity+n.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:(n.vars||n).palette.action.selected}},[`&.${p.focusVisible}`]:{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / calc(${n.vars.palette.action.selectedOpacity} + ${n.vars.palette.action.focusOpacity}))`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity+n.palette.action.focusOpacity)}}}}))),lo=$.styled(Le,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(n,s)=>s.groupLabel})(ue.memoTheme(({theme:n})=>({backgroundColor:(n.vars||n).palette.background.paper,top:-8}))),ao=$.styled("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(n,s)=>s.groupUl})({padding:0,[`& .${p.option}`]:{paddingLeft:24}}),Dt=m.forwardRef(function(s,u){const f=$.useDefaultProps({props:s,name:"MuiAutocomplete"}),{autoComplete:w=!1,autoHighlight:E=!1,autoSelect:A=!1,blurOnSelect:N=!1,ChipProps:W,className:x,clearIcon:v=St||(St=T.jsx(Mt.CloseIcon,{fontSize:"small"})),clearOnBlur:G=!f.freeSolo,clearOnEscape:ce=!1,clearText:M="Clear",closeText:ke="Close",componentsProps:Re,defaultValue:ft=f.multiple?[]:null,disableClearable:De=!1,disableCloseOnSelect:de=!1,disabled:_=!1,disabledItemsFocusable:Ee=!1,disableListWrap:Ye=!1,disablePortal:re=!1,filterOptions:Qe,filterSelectedOptions:gt=!1,forcePopupIcon:Pe="auto",freeSolo:Ne=!1,fullWidth:Z=!1,getLimitTagsText:c=d=>`+${d}`,getOptionDisabled:Ze,getOptionKey:et,getOptionLabel:Me,isOptionEqualToValue:ee,groupBy:je,handleHomeEndKeys:yt=!f.freeSolo,id:bt,includeInputInList:ht=!1,inputValue:J,limitTags:k=-1,ListboxComponent:tt,ListboxProps:Ve,loading:j=!1,loadingText:S="Loading…",multiple:fe=!1,noOptionsText:Te="No options",onChange:h,onClose:F,onHighlightChange:xe,onInputChange:mt,onOpen:V,open:Fe,openOnFocus:ot=!1,openText:O="Open",options:Pt,PaperComponent:a,PopperComponent:Ie,popupIcon:g=$t||($t=T.jsx(z.ArrowDropDownIcon,{})),readOnly:se=!1,renderGroup:ge,renderInput:ze,renderOption:ye,renderTags:X,renderValue:Oe,selectOnFocus:Tt=!f.freeSolo,size:be="medium",slots:He={},slotProps:R={},value:b,...H}=f,{getRootProps:qe,getInputProps:q,getInputLabelProps:nt,getPopupIndicatorProps:Y,getClearProps:B,getItemProps:rt,getListboxProps:Ce,getOptionProps:st,value:D,dirty:le,expanded:Q,id:he,popupOpen:K,focused:Be,focusedItem:Ue,anchorEl:ae,setAnchorEl:lt,inputValue:at,groupedOptions:pe}=Gt({...f,componentName:"Autocomplete"}),ve=!De&&!_&&le&&!se,Se=(!Ne||Pe===!0)&&Pe!==!1,{onMouseDown:pt}=q(),{ref:it,...We}=Ce(),me=Me||(d=>d.label??d),C={...f,disablePortal:re,expanded:Q,focused:Be,fullWidth:Z,getOptionLabel:me,hasClearIcon:ve,hasPopupIcon:Se,inputFocused:Ue===-1,popupOpen:K,size:be},I=Xt(C),te={slots:{paper:a,popper:Ie,...He},slotProps:{chip:W,listbox:Ve,...Re,...R}},[$e,Ge]=ut.useSlot("listbox",{elementType:so,externalForwardedProps:te,ownerState:C,className:I.listbox,additionalProps:We,ref:it}),[o,e]=ut.useSlot("paper",{elementType:dt.Paper,externalForwardedProps:te,ownerState:C,className:I.paper}),[r,i]=ut.useSlot("popper",{elementType:wt.Popper,externalForwardedProps:te,ownerState:C,className:I.popper,additionalProps:{disablePortal:re,style:{width:ae?ae.clientWidth:null},role:"presentation",anchorEl:ae,open:K}});let l;const y=d=>({className:I.tag,disabled:_,...rt(d)});if(X&&fe&&D.length>0?l=X(D,y,C):Oe&&D?l=Oe(D,y,C):fe&&D.length>0&&(l=D.map((d,oe)=>{const{key:ne,...Ae}=y({index:oe});return T.jsx(Ft.Chip,{label:me(d),size:be,...Ae,...te.slotProps.chip},ne)})),k>-1&&Array.isArray(l)){const d=l.length-k;!Be&&d>0&&(l=l.splice(0,k),l.push(T.jsx("span",{className:I.tag,children:c(d)},l.length)))}const L=ge||(d=>T.jsxs("li",{children:[T.jsx(lo,{className:I.groupLabel,ownerState:C,component:"div",children:d.group}),T.jsx(ao,{className:I.groupUl,ownerState:C,children:d.children})]},d.key)),Et=ye||((d,oe)=>{const{key:ne,...Ae}=d;return T.jsx("li",{...Ae,children:me(oe)},ne)}),It=(d,oe)=>{const ne=st({option:d,index:oe});return Et({...ne,className:I.option},d,{selected:ne["aria-selected"],index:oe,inputValue:at},C)},_e=te.slotProps.clearIndicator,Ke=te.slotProps.popupIndicator;return T.jsxs(m.Fragment,{children:[T.jsx(Yt,{ref:u,className:U.clsx(I.root,x),ownerState:C,...qe(H),children:ze({id:he,disabled:_,fullWidth:!0,size:be==="small"?"small":void 0,InputLabelProps:nt(),InputProps:{ref:lt,className:I.inputRoot,startAdornment:l,onMouseDown:d=>{d.target===d.currentTarget&&pt(d)},...(ve||Se)&&{endAdornment:T.jsxs(Qt,{className:I.endAdornment,ownerState:C,children:[ve?T.jsx(Zt,{...B(),"aria-label":M,title:M,ownerState:C,..._e,className:U.clsx(I.clearIndicator,_e==null?void 0:_e.className),children:v}):null,Se?T.jsx(eo,{...Y(),disabled:_,"aria-label":K?ke:O,title:K?ke:O,ownerState:C,...Ke,className:U.clsx(I.popupIndicator,Ke==null?void 0:Ke.className),children:g}):null]})}},inputProps:{className:I.input,disabled:_,readOnly:se,...q()}})}),ae?T.jsx(to,{as:r,...i,children:T.jsxs(oo,{as:o,...e,children:[j&&pe.length===0?T.jsx(no,{className:I.loading,ownerState:C,children:S}):null,pe.length===0&&!Ne&&!j?T.jsx(ro,{className:I.noOptions,ownerState:C,role:"presentation",onMouseDown:d=>{d.preventDefault()},children:Te}):null,pe.length>0?T.jsx($e,{as:tt,...Ge,children:pe.map((d,oe)=>je?L({key:d.key,group:d.group,children:d.options.map((ne,Ae)=>It(ne,d.index+Ae))}):It(d,oe))}):null]})}):null]})});process.env.NODE_ENV!=="production"&&(Dt.propTypes={autoComplete:t.PropTypes.bool,autoHighlight:t.PropTypes.bool,autoSelect:t.PropTypes.bool,blurOnSelect:t.PropTypes.oneOfType([t.PropTypes.oneOf(["mouse","touch"]),t.PropTypes.bool]),ChipProps:t.PropTypes.object,classes:t.PropTypes.object,className:t.PropTypes.string,clearIcon:t.PropTypes.node,clearOnBlur:t.PropTypes.bool,clearOnEscape:t.PropTypes.bool,clearText:t.PropTypes.string,closeText:t.PropTypes.string,componentsProps:t.PropTypes.shape({clearIndicator:t.PropTypes.object,paper:t.PropTypes.object,popper:t.PropTypes.object,popupIndicator:t.PropTypes.object}),defaultValue:Ot.chainPropTypes(t.PropTypes.any,n=>n.multiple&&n.defaultValue!==void 0&&!Array.isArray(n.defaultValue)?new Error(["MUI: The Autocomplete expects the `defaultValue` prop to be an array when `multiple={true}` or undefined.",`However, ${n.defaultValue} was provided.`].join(`
|
|
4
|
+
`))}const P=y.findIndex(L=>Z(e,L));P===-1?y.push(e):i!=="freeSolo"&&(y.splice(P,1),l="removeOption")}ye(o,y,l),Q(o,y,l,{option:e}),!ce&&(!o||!o.ctrlKey&&!o.metaKey)&&le(o,l),(A===!0||A==="touch"&&he.current||A==="mouse"&&!he.current)&&h.current.blur()};function Be(o,e){if(o===-1)return-1;let r=o;for(;;){if(e==="next"&&r===a.length||e==="previous"&&r===-1)return-1;const i=k?"data-item-index":"data-tag-index",l=xe.querySelector(`[${i}="${r}"]`);if(!l||!l.hasAttribute("tabindex")||l.disabled||l.getAttribute("aria-disabled")==="true")r+=e==="next"?1:-1;else return r}}const Ue=(o,e)=>{if(!c)return;g===""&&le(o,"toggleInput");let r=V;V===-1?g===""&&e==="previous"&&(r=a.length-1):(r+=e==="next"?1:-1,r<0&&(r=0),r===a.length&&(r=-1)),r=Be(r,e),Fe(r),q(r)},ae=o=>{fe.current=!0,se(""),ee&&ee(o,"","clear"),Q(o,c?[]:null,"clear")},lt=o=>e=>{if(o.onKeyDown&&o.onKeyDown(e),!e.defaultMuiPrevented&&(V!==-1&&!["ArrowLeft","ArrowRight"].includes(e.key)&&(Fe(-1),q(-1)),e.which!==229))switch(e.key){case"Home":R&&Qe&&(e.preventDefault(),B({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":R&&Qe&&(e.preventDefault(),B({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),B({diff:-5,direction:"previous",reason:"keyboard",event:e}),D(e);break;case"PageDown":e.preventDefault(),B({diff:Bt,direction:"next",reason:"keyboard",event:e}),D(e);break;case"ArrowDown":e.preventDefault(),B({diff:1,direction:"next",reason:"keyboard",event:e}),D(e);break;case"ArrowUp":e.preventDefault(),B({diff:-1,direction:"previous",reason:"keyboard",event:e}),D(e);break;case"ArrowLeft":!c&&k?q(0):Ue(e,"previous");break;case"ArrowRight":!c&&k?q(-1):Ue(e,"next");break;case"Enter":if(O.current!==-1&&R){const r=b[O.current],i=_?_(r):!1;if(e.preventDefault(),i)return;K(e,r,"selectOption"),f&&h.current.setSelectionRange(h.current.value.length,h.current.value.length)}else de&&g!==""&&He===!1&&(c&&e.preventDefault(),K(e,g,"createOption","freeSolo"));break;case"Escape":R?(e.preventDefault(),e.stopPropagation(),le(e,"escape")):W&&(g!==""||c&&a.length>0||k)&&(e.preventDefault(),e.stopPropagation(),ae(e));break;case"Backspace":if(c&&!J&&g===""&&a.length>0){const r=V===-1?a.length-1:V,i=a.slice();i.splice(r,1),Q(e,i,"removeOption",{option:a[r]})}!c&&k&&!J&&(Ie(null),q(-1));break;case"Delete":if(c&&!J&&g===""&&a.length>0&&V!==-1){const r=V,i=a.slice();i.splice(r,1),Q(e,i,"removeOption",{option:a[r]})}!c&&k&&!J&&(Ie(null),q(-1));break}},at=o=>{ze(!0),bt&&!fe.current&&D(o)},pe=o=>{if(s(F)){h.current.focus();return}ze(!1),Te.current=!0,fe.current=!1,E&&O.current!==-1&&R?K(o,b[O.current],"blur"):E&&de&&g!==""?K(o,g,"blur","freeSolo"):N&&ye(o,a,"blur"),le(o,"blur")},ve=o=>{const e=o.target.value;g!==e&&(se(e),be(!1),ee&&ee(o,e,"input")),e===""?!G&&!c&&Q(o,null,"clear"):D(o)},Se=o=>{const e=Number(o.currentTarget.getAttribute("data-option-index"));O.current!==e&&Y({event:o,index:e,reason:"mouse"})},pt=o=>{Y({event:o,index:Number(o.currentTarget.getAttribute("data-option-index")),reason:"touch"}),he.current=!0},it=o=>{const e=Number(o.currentTarget.getAttribute("data-option-index"));K(o,b[e],"selectOption"),he.current=!1},We=o=>e=>{const r=a.slice();r.splice(o,1),Q(e,r,"removeOption",{option:a[o]})},xt=o=>{Q(o,null,"removeOption",{option:a})},me=o=>{X?le(o,"toggleInput"):D(o)},C=o=>{o.currentTarget.contains(o.target)&&o.target.getAttribute("id")!==j&&o.preventDefault()},I=o=>{o.currentTarget.contains(o.target)&&(h.current.focus(),tt&&Te.current&&h.current.selectionEnd-h.current.selectionStart===0&&h.current.select(),Te.current=!1)},te=o=>{!M&&(g===""||!X)&&me(o)};let $e=de&&g.length>0;$e=$e||(c?a.length>0:a!==null);let Ge=b;if(re){const o=new Map;let e=!1;Ge=b.reduce((r,i,l)=>{const y=re(i);return r.length>0&&r[r.length-1].group===y?r[r.length-1].options.push(i):(process.env.NODE_ENV!=="production"&&(o.get(y)&&!e&&(console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${x} returns duplicated headers.`,"You can solve the issue by sorting the options with the output of `groupBy`."),e=!0),o.set(y,!0)),r.push({key:l,index:l,group:y,options:[i]})),r},[])}return M&&ge&&pe(),{getRootProps:(o={})=>({...o,onKeyDown:lt(o),onMouseDown:C,onClick:I}),getInputLabelProps:()=>({id:`${j}-label`,htmlFor:j}),getInputProps:()=>({id:j,value:g,onBlur:pe,onFocus:at,onChange:ve,onMouseDown:te,"aria-activedescendant":R?"":null,"aria-autocomplete":f?"both":"list","aria-controls":qe?`${j}-listbox`:void 0,"aria-expanded":qe,autoComplete:"off",ref:h,autoCapitalize:"none",spellCheck:"false",role:"combobox",disabled:M}),getClearProps:()=>({tabIndex:-1,type:"button",onClick:ae}),getItemProps:({index:o=0}={})=>({...c&&{key:o},...k?{"data-item-index":o}:{"data-tag-index":o},tabIndex:-1,...!J&&{onDelete:c?We(o):xt}}),getPopupIndicatorProps:()=>({tabIndex:-1,type:"button",onClick:me}),getTagProps:({index:o})=>({key:o,"data-tag-index":o,tabIndex:-1,...!J&&{onDelete:We(o)}}),getListboxProps:()=>({role:"listbox",id:`${j}-listbox`,"aria-labelledby":`${j}-label`,ref:st,onMouseDown:o=>{o.preventDefault()}}),getOptionProps:({index:o,option:e})=>{const r=(c?a:[a]).some(l=>l!=null&&Z(e,l)),i=_?_(e):!1;return{key:(Ee==null?void 0:Ee(e))??S(e),tabIndex:-1,role:"option",id:`${j}-option-${o}`,onMouseMove:Se,onClick:it,onTouchStart:pt,"data-option-index":o,"aria-disabled":i,"aria-selected":r}},id:j,inputValue:g,value:a,dirty:$e,expanded:R&&xe,popupOpen:R,focused:ge||V!==-1,anchorEl:xe,setAnchorEl:mt,focusedItem:V,focusedTag:V,groupedOptions:Ge}}function Rt(n){return U.generateUtilityClass("MuiListSubheader",n)}const _t=U.generateUtilityClasses("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]),Kt=n=>{const{classes:s,color:u,disableGutters:f,inset:w,disableSticky:E}=n,A={root:["root",u!=="default"&&`color${Xe.capitalize(u)}`,!f&&"gutters",w&&"inset",!E&&"sticky"]};return $.composeClasses(A,Rt,s)},Jt=$.styled("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[s.root,u.color!=="default"&&s[`color${Xe.capitalize(u.color)}`],!u.disableGutters&&s.gutters,u.inset&&s.inset,!u.disableSticky&&s.sticky]}})(ue.memoTheme(({theme:n})=>({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:(n.vars||n).palette.text.secondary,fontFamily:n.typography.fontFamily,fontWeight:n.typography.fontWeightMedium,fontSize:n.typography.pxToRem(14),variants:[{props:{color:"primary"},style:{color:(n.vars||n).palette.primary.main}},{props:{color:"inherit"},style:{color:"inherit"}},{props:({ownerState:s})=>!s.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:s})=>s.inset,style:{paddingLeft:72}},{props:({ownerState:s})=>!s.disableSticky,style:{position:"sticky",top:0,zIndex:1,backgroundColor:(n.vars||n).palette.background.paper}}]}))),Le=m.forwardRef(function(s,u){const f=$.useDefaultProps({props:s,name:"MuiListSubheader"}),{className:w,color:E="default",component:A="li",disableGutters:N=!1,disableSticky:W=!1,inset:x=!1,...v}=f,G={...f,color:E,component:A,disableGutters:N,disableSticky:W,inset:x},ce=Kt(G);return T.jsx(Jt,{as:A,className:U.clsx(ce.root,w),ref:u,ownerState:G,...v})});Le&&(Le.muiSkipListHighlight=!0);process.env.NODE_ENV!=="production"&&(Le.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOf(["default","inherit","primary"]),component:t.PropTypes.elementType,disableGutters:t.PropTypes.bool,disableSticky:t.PropTypes.bool,inset:t.PropTypes.bool,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object])});function Dt(n){return U.generateUtilityClass("MuiAutocomplete",n)}const p=U.generateUtilityClasses("MuiAutocomplete",["root","expanded","fullWidth","focused","focusVisible","tag","tagSizeSmall","tagSizeMedium","hasPopupIcon","hasClearIcon","inputRoot","input","inputFocused","endAdornment","clearIndicator","popupIndicator","popupIndicatorOpen","popper","popperDisablePortal","paper","listbox","loading","noOptions","option","groupLabel","groupUl"]);var St,$t;const Xt=n=>{const{classes:s,disablePortal:u,expanded:f,focused:w,fullWidth:E,hasClearIcon:A,hasPopupIcon:N,inputFocused:W,popupOpen:x,size:v}=n,G={root:["root",f&&"expanded",w&&"focused",E&&"fullWidth",A&&"hasClearIcon",N&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",W&&"inputFocused"],tag:["tag",`tagSize${Xe.capitalize(v)}`],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",x&&"popupIndicatorOpen"],popper:["popper",u&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return $.composeClasses(G,Dt,s)},Yt=$.styled("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(n,s)=>{const{ownerState:u}=n,{fullWidth:f,hasClearIcon:w,hasPopupIcon:E,inputFocused:A,size:N}=u;return[{[`& .${p.tag}`]:s.tag},{[`& .${p.tag}`]:s[`tagSize${Xe.capitalize(N)}`]},{[`& .${p.inputRoot}`]:s.inputRoot},{[`& .${p.input}`]:s.input},{[`& .${p.input}`]:A&&s.inputFocused},s.root,f&&s.fullWidth,E&&s.hasPopupIcon,w&&s.hasClearIcon]}})({[`&.${p.focused} .${p.clearIndicator}`]:{visibility:"visible"},"@media (pointer: fine)":{[`&:hover .${p.clearIndicator}`]:{visibility:"visible"}},[`& .${p.tag}`]:{margin:3,maxWidth:"calc(100% - 6px)"},[`& .${p.inputRoot}`]:{[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:30},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:56},[`& .${p.input}`]:{width:0,minWidth:30}},[`& .${z.inputClasses.root}`]:{paddingBottom:1,"& .MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${z.inputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{[`& .${z.inputClasses.input}`]:{padding:"2px 4px 3px 0"}},[`& .${z.outlinedInputClasses.root}`]:{padding:9,[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:39},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:65},[`& .${p.input}`]:{padding:"7.5px 4px 7.5px 5px"},[`& .${p.endAdornment}`]:{right:9}},[`& .${z.outlinedInputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{paddingTop:6,paddingBottom:6,paddingLeft:6,[`& .${p.input}`]:{padding:"2.5px 4px 2.5px 8px"}},[`& .${z.filledInputClasses.root}`]:{paddingTop:19,paddingLeft:8,[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:39},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:65},[`& .${z.filledInputClasses.input}`]:{padding:"7px 4px"},[`& .${p.endAdornment}`]:{right:9}},[`& .${z.filledInputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{paddingBottom:1,[`& .${z.filledInputClasses.input}`]:{padding:"2.5px 4px"}},[`& .${ie.inputBaseClasses.hiddenLabel}`]:{paddingTop:8},[`& .${z.filledInputClasses.root}.${ie.inputBaseClasses.hiddenLabel}`]:{paddingTop:0,paddingBottom:0,[`& .${p.input}`]:{paddingTop:16,paddingBottom:17}},[`& .${z.filledInputClasses.root}.${ie.inputBaseClasses.hiddenLabel}.${ie.inputBaseClasses.sizeSmall}`]:{[`& .${p.input}`]:{paddingTop:8,paddingBottom:9}},[`& .${p.input}`]:{flexGrow:1,textOverflow:"ellipsis",opacity:0},variants:[{props:{fullWidth:!0},style:{width:"100%"}},{props:{size:"small"},style:{[`& .${p.tag}`]:{margin:2,maxWidth:"calc(100% - 4px)"}}},{props:{inputFocused:!0},style:{[`& .${p.input}`]:{opacity:1}}},{props:{multiple:!0},style:{[`& .${p.inputRoot}`]:{flexWrap:"wrap"}}}]}),Qt=$.styled("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(n,s)=>s.endAdornment})({position:"absolute",right:0,top:"50%",transform:"translate(0, -50%)"}),Zt=$.styled(At.IconButton,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(n,s)=>s.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),eo=$.styled(At.IconButton,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[s.popupIndicator,u.popupOpen&&s.popupIndicatorOpen]}})({padding:2,marginRight:-2,variants:[{props:{popupOpen:!0},style:{transform:"rotate(180deg)"}}]}),to=$.styled(wt.Popper,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[{[`& .${p.option}`]:s.option},s.popper,u.disablePortal&&s.popperDisablePortal]}})(ue.memoTheme(({theme:n})=>({zIndex:(n.vars||n).zIndex.modal,variants:[{props:{disablePortal:!0},style:{position:"absolute"}}]}))),oo=$.styled(dt.Paper,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(n,s)=>s.paper})(ue.memoTheme(({theme:n})=>({...n.typography.body1,overflow:"auto"}))),no=$.styled("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(n,s)=>s.loading})(ue.memoTheme(({theme:n})=>({color:(n.vars||n).palette.text.secondary,padding:"14px 16px"}))),ro=$.styled("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(n,s)=>s.noOptions})(ue.memoTheme(({theme:n})=>({color:(n.vars||n).palette.text.secondary,padding:"14px 16px"}))),so=$.styled("ul",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(n,s)=>s.listbox})(ue.memoTheme(({theme:n})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",position:"relative",[`& .${p.option}`]:{minHeight:48,display:"flex",overflow:"hidden",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16,[n.breakpoints.up("sm")]:{minHeight:"auto"},[`&.${p.focused}`]:{backgroundColor:(n.vars||n).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:(n.vars||n).palette.action.disabledOpacity,pointerEvents:"none"},[`&.${p.focusVisible}`]:{backgroundColor:(n.vars||n).palette.action.focus},'&[aria-selected="true"]':{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / ${n.vars.palette.action.selectedOpacity})`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity),[`&.${p.focused}`]:{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / calc(${n.vars.palette.action.selectedOpacity} + ${n.vars.palette.action.hoverOpacity}))`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity+n.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:(n.vars||n).palette.action.selected}},[`&.${p.focusVisible}`]:{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / calc(${n.vars.palette.action.selectedOpacity} + ${n.vars.palette.action.focusOpacity}))`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity+n.palette.action.focusOpacity)}}}}))),lo=$.styled(Le,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(n,s)=>s.groupLabel})(ue.memoTheme(({theme:n})=>({backgroundColor:(n.vars||n).palette.background.paper,top:-8}))),ao=$.styled("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(n,s)=>s.groupUl})({padding:0,[`& .${p.option}`]:{paddingLeft:24}}),Et=m.forwardRef(function(s,u){const f=$.useDefaultProps({props:s,name:"MuiAutocomplete"}),{autoComplete:w=!1,autoHighlight:E=!1,autoSelect:A=!1,blurOnSelect:N=!1,ChipProps:W,className:x,clearIcon:v=St||(St=T.jsx(jt.CloseIcon,{fontSize:"small"})),clearOnBlur:G=!f.freeSolo,clearOnEscape:ce=!1,clearText:M="Clear",closeText:ke="Close",componentsProps:Re,defaultValue:ft=f.multiple?[]:null,disableClearable:De=!1,disableCloseOnSelect:de=!1,disabled:_=!1,disabledItemsFocusable:Ee=!1,disableListWrap:Ye=!1,disablePortal:re=!1,filterOptions:Qe,filterSelectedOptions:gt=!1,forcePopupIcon:Pe="auto",freeSolo:Ne=!1,fullWidth:Z=!1,getLimitTagsText:c=d=>`+${d}`,getOptionDisabled:Ze,getOptionKey:et,getOptionLabel:Me,isOptionEqualToValue:ee,groupBy:je,handleHomeEndKeys:yt=!f.freeSolo,id:bt,includeInputInList:ht=!1,inputValue:J,limitTags:k=-1,ListboxComponent:tt,ListboxProps:Ve,loading:j=!1,loadingText:S="Loading…",multiple:fe=!1,noOptionsText:Te="No options",onChange:h,onClose:F,onHighlightChange:xe,onInputChange:mt,onOpen:V,open:Fe,openOnFocus:ot=!1,openText:O="Open",options:Pt,PaperComponent:a,PopperComponent:Ie,popupIcon:g=$t||($t=T.jsx(z.ArrowDropDownIcon,{})),readOnly:se=!1,renderGroup:ge,renderInput:ze,renderOption:ye,renderTags:X,renderValue:Oe,selectOnFocus:Tt=!f.freeSolo,size:be="medium",slots:He={},slotProps:R={},value:b,...H}=f,{getRootProps:qe,getInputProps:q,getInputLabelProps:nt,getPopupIndicatorProps:Y,getClearProps:B,getItemProps:rt,getListboxProps:Ce,getOptionProps:st,value:D,dirty:le,expanded:Q,id:he,popupOpen:K,focused:Be,focusedItem:Ue,anchorEl:ae,setAnchorEl:lt,inputValue:at,groupedOptions:pe}=Gt({...f,componentName:"Autocomplete"}),ve=!De&&!_&&le&&!se,Se=(!Ne||Pe===!0)&&Pe!==!1,{onMouseDown:pt}=q(),{ref:it,...We}=Ce(),me=Me||(d=>d.label??d),C={...f,disablePortal:re,expanded:Q,focused:Be,fullWidth:Z,getOptionLabel:me,hasClearIcon:ve,hasPopupIcon:Se,inputFocused:Ue===-1,popupOpen:K,size:be},I=Xt(C),te={slots:{paper:a,popper:Ie,...He},slotProps:{chip:W,listbox:Ve,...Re,...R}},[$e,Ge]=ut.useSlot("listbox",{elementType:so,externalForwardedProps:te,ownerState:C,className:I.listbox,additionalProps:We,ref:it}),[o,e]=ut.useSlot("paper",{elementType:dt.Paper,externalForwardedProps:te,ownerState:C,className:I.paper}),[r,i]=ut.useSlot("popper",{elementType:wt.Popper,externalForwardedProps:te,ownerState:C,className:I.popper,additionalProps:{disablePortal:re,style:{width:ae?ae.clientWidth:null},role:"presentation",anchorEl:ae,open:K}});let l;const y=d=>({className:I.tag,disabled:_,...rt(d)});if(X&&fe&&D.length>0?l=X(D,y,C):Oe&&D?l=Oe(D,y,C):fe&&D.length>0&&(l=D.map((d,oe)=>{const{key:ne,...Ae}=y({index:oe});return T.jsx(zt.Chip,{label:me(d),size:be,...Ae,...te.slotProps.chip},ne)})),k>-1&&Array.isArray(l)){const d=l.length-k;!Be&&d>0&&(l=l.splice(0,k),l.push(T.jsx("span",{className:I.tag,children:c(d)},l.length)))}const L=ge||(d=>T.jsxs("li",{children:[T.jsx(lo,{className:I.groupLabel,ownerState:C,component:"div",children:d.group}),T.jsx(ao,{className:I.groupUl,ownerState:C,children:d.children})]},d.key)),Nt=ye||((d,oe)=>{const{key:ne,...Ae}=d;return T.jsx("li",{...Ae,children:me(oe)},ne)}),It=(d,oe)=>{const ne=st({option:d,index:oe});return Nt({...ne,className:I.option},d,{selected:ne["aria-selected"],index:oe,inputValue:at},C)},_e=te.slotProps.clearIndicator,Ke=te.slotProps.popupIndicator;return T.jsxs(m.Fragment,{children:[T.jsx(Yt,{ref:u,className:U.clsx(I.root,x),ownerState:C,...qe(H),children:ze({id:he,disabled:_,fullWidth:!0,size:be==="small"?"small":void 0,InputLabelProps:nt(),InputProps:{ref:lt,className:I.inputRoot,startAdornment:l,onMouseDown:d=>{d.target===d.currentTarget&&pt(d)},...(ve||Se)&&{endAdornment:T.jsxs(Qt,{className:I.endAdornment,ownerState:C,children:[ve?T.jsx(Zt,{...B(),"aria-label":M,title:M,ownerState:C,..._e,className:U.clsx(I.clearIndicator,_e==null?void 0:_e.className),children:v}):null,Se?T.jsx(eo,{...Y(),disabled:_,"aria-label":K?ke:O,title:K?ke:O,ownerState:C,...Ke,className:U.clsx(I.popupIndicator,Ke==null?void 0:Ke.className),children:g}):null]})}},inputProps:{className:I.input,disabled:_,readOnly:se,...q()}})}),ae?T.jsx(to,{as:r,...i,children:T.jsxs(oo,{as:o,...e,children:[j&&pe.length===0?T.jsx(no,{className:I.loading,ownerState:C,children:S}):null,pe.length===0&&!Ne&&!j?T.jsx(ro,{className:I.noOptions,ownerState:C,role:"presentation",onMouseDown:d=>{d.preventDefault()},children:Te}):null,pe.length>0?T.jsx($e,{as:tt,...Ge,children:pe.map((d,oe)=>je?L({key:d.key,group:d.group,children:d.options.map((ne,Ae)=>It(ne,d.index+Ae))}):It(d,oe))}):null]})}):null]})});process.env.NODE_ENV!=="production"&&(Et.propTypes={autoComplete:t.PropTypes.bool,autoHighlight:t.PropTypes.bool,autoSelect:t.PropTypes.bool,blurOnSelect:t.PropTypes.oneOfType([t.PropTypes.oneOf(["mouse","touch"]),t.PropTypes.bool]),ChipProps:t.PropTypes.object,classes:t.PropTypes.object,className:t.PropTypes.string,clearIcon:t.PropTypes.node,clearOnBlur:t.PropTypes.bool,clearOnEscape:t.PropTypes.bool,clearText:t.PropTypes.string,closeText:t.PropTypes.string,componentsProps:t.PropTypes.shape({clearIndicator:t.PropTypes.object,paper:t.PropTypes.object,popper:t.PropTypes.object,popupIndicator:t.PropTypes.object}),defaultValue:Ot.chainPropTypes(t.PropTypes.any,n=>n.multiple&&n.defaultValue!==void 0&&!Array.isArray(n.defaultValue)?new Error(["MUI: The Autocomplete expects the `defaultValue` prop to be an array when `multiple={true}` or undefined.",`However, ${n.defaultValue} was provided.`].join(`
|
|
5
5
|
`)):null),disableClearable:t.PropTypes.bool,disableCloseOnSelect:t.PropTypes.bool,disabled:t.PropTypes.bool,disabledItemsFocusable:t.PropTypes.bool,disableListWrap:t.PropTypes.bool,disablePortal:t.PropTypes.bool,filterOptions:t.PropTypes.func,filterSelectedOptions:t.PropTypes.bool,forcePopupIcon:t.PropTypes.oneOfType([t.PropTypes.oneOf(["auto"]),t.PropTypes.bool]),freeSolo:t.PropTypes.bool,fullWidth:t.PropTypes.bool,getLimitTagsText:t.PropTypes.func,getOptionDisabled:t.PropTypes.func,getOptionKey:t.PropTypes.func,getOptionLabel:t.PropTypes.func,groupBy:t.PropTypes.func,handleHomeEndKeys:t.PropTypes.bool,id:t.PropTypes.string,includeInputInList:t.PropTypes.bool,inputValue:t.PropTypes.string,isOptionEqualToValue:t.PropTypes.func,limitTags:dt.integerPropType,ListboxComponent:t.PropTypes.elementType,ListboxProps:t.PropTypes.object,loading:t.PropTypes.bool,loadingText:t.PropTypes.node,multiple:t.PropTypes.bool,noOptionsText:t.PropTypes.node,onChange:t.PropTypes.func,onClose:t.PropTypes.func,onHighlightChange:t.PropTypes.func,onInputChange:t.PropTypes.func,onKeyDown:t.PropTypes.func,onOpen:t.PropTypes.func,open:t.PropTypes.bool,openOnFocus:t.PropTypes.bool,openText:t.PropTypes.string,options:t.PropTypes.array.isRequired,PaperComponent:t.PropTypes.elementType,PopperComponent:t.PropTypes.elementType,popupIcon:t.PropTypes.node,readOnly:t.PropTypes.bool,renderGroup:t.PropTypes.func,renderInput:t.PropTypes.func.isRequired,renderOption:t.PropTypes.func,renderTags:t.PropTypes.func,renderValue:t.PropTypes.func,selectOnFocus:t.PropTypes.bool,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["small","medium"]),t.PropTypes.string]),slotProps:t.PropTypes.shape({chip:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),clearIndicator:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),listbox:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),paper:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),popper:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),popupIndicator:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object])}),slots:t.PropTypes.shape({listbox:t.PropTypes.elementType,paper:t.PropTypes.elementType,popper:t.PropTypes.elementType}),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),value:Ot.chainPropTypes(t.PropTypes.any,n=>n.multiple&&n.value!==void 0&&!Array.isArray(n.value)?new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.",`However, ${n.value} was provided.`].join(`
|
|
6
|
-
`)):null)});exports.Autocomplete=
|
|
6
|
+
`)):null)});exports.Autocomplete=Et;exports.ListSubheader=Le;exports.autocompleteClasses=p;exports.createFilterOptions=kt;exports.getAutocompleteUtilityClass=Dt;exports.getListSubheaderUtilityClass=Rt;exports.listSubheaderClasses=_t;exports.usePreviousProps=Lt;
|