aiware-js 2.12.0 → 2.13.0
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/index.esm.js +1 -1
- package/js-core.esm.js +10 -10
- package/js-core.esm11.js +1 -1
- package/js-core.esm14.js +1 -1
- package/js-core.esm15.js +22 -1
- package/js-core.esm16.js +1 -22
- package/js-core.esm17.js +595 -1
- package/js-core.esm18.js +1 -595
- package/js-core.esm19.js +1 -1
- package/js-core.esm2.js +1 -1
- package/js-core.esm20.js +1 -1
- package/js-core.esm21.js +1 -1
- package/js-core.esm23.js +1 -1
- package/js-core.esm24.js +1 -1
- package/js-core.esm25.js +1 -1
- package/js-core.esm27.js +2 -2
- package/js-core.esm28.js +5 -5
- package/js-core.esm29.js +1 -1
- package/js-core.esm30.js +1 -1
- package/js-core.esm31.js +1 -1
- package/js-core.esm32.js +1 -1
- package/js-core.esm33.js +1 -14
- package/js-core.esm34.js +14 -12
- package/js-core.esm35.js +12 -54
- package/js-core.esm36.js +54 -1
- package/js-core.esm37.js +1 -88
- package/js-core.esm38.js +71 -209
- package/js-core.esm39.js +202 -12
- package/js-core.esm40.js +35 -1
- package/js-core.esm41.js +1 -1
- package/js-core.esm42.js +1 -1
- package/js-core.esm43.js +1 -1
- package/js-core.esm44.js +1 -31
- package/js-core.esm45.js +31 -1
- package/js-core.esm46.js +1 -1
- package/js-core.esm47.js +1 -1
- package/js-core.esm48.js +1 -0
- package/js-core.esm6.js +2 -2
- package/js-core.esm7.js +3 -3
- package/js-core.umd.css +92 -92
- package/js-core.umd.js +113 -96
- package/locales/en.json +1 -1
- package/locales/es.json +1 -1
- package/locales/fr.json +1 -1
- package/package.json +2 -2
package/js-core.esm29.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{bC as useId,r as react,n as useControlled,f8 as useEventCallback,f9 as setRef,_ as _extends,g as generateUtilityClass,a as generateUtilityClasses,b as styled,d as capitalize,u as useThemeProps,e as _objectWithoutPropertiesLoose,j as jsxRuntime,f as clsx,h as composeClasses,fa as inputClasses,fb as inputBaseClasses,fc as outlinedInputClasses,fd as filledInputClasses,V as IconButton,cl as Popper,c as Paper,i as alpha,fe as ClearIcon,ff as ArrowDropDownIcon,cP as _inheritsLoose,cL as _assertThisInitialized}from"./js-core.esm.js";import{C as Chip}from"./js-core.esm31.js";function stripDiacritics(e){return void 0!==e.normalize?e.normalize("NFD").replace(/[\u0300-\u036f]/g,""):e}function createFilterOptions(e={}){const{ignoreAccents:a=!0,ignoreCase:s=!0,limit:i,matchFrom:l="any",stringify:c,trim:u=!1}=e;return(e,{inputValue:t,getOptionLabel:o})=>{let n=u?t.trim():t;s&&(n=n.toLowerCase()),a&&(n=stripDiacritics(n));const r=e.filter(e=>{let t=(c||o)(e);return s&&(t=t.toLowerCase()),a&&(t=stripDiacritics(t)),"start"===l?0===t.indexOf(n):-1<t.indexOf(n)});return"number"==typeof i?r.slice(0,i):r}}function findIndex(t,o){for(let e=0;e<t.length;e+=1)if(o(t[e]))return e;return-1}const defaultFilterOptions=createFilterOptions(),pageSize=5;function useAutocomplete(e){const{autoComplete:a=!1,autoHighlight:D=!1,autoSelect:E=!1,blurOnSelect:s=!1,disabled:N,clearOnBlur:n=!e.freeSolo,clearOnEscape:j=!1,componentName:t="useAutocomplete",defaultValue:F=e.multiple?[]:null,disableClearable:U=!1,disableCloseOnSelect:W=!1,disabledItemsFocusable:V=!1,disableListWrap:B=!1,filterOptions:H=defaultFilterOptions,filterSelectedOptions:q=!1,freeSolo:i=!1,getOptionDisabled:l,getOptionLabel:G=e=>{var t;return null!=(t=e.label)?t:e},isOptionEqualToValue:c=(e,t)=>e===t,groupBy:u,handleHomeEndKeys:K=!e.freeSolo,id:Z,includeInputInList:J=!1,inputValue:Q,multiple:p=!1,onChange:X,onClose:Y,onHighlightChange:ee,onInputChange:r,onOpen:te,open:oe,openOnFocus:ne=!1,options:re,readOnly:d=!1,selectOnFocus:ae=!e.freeSolo,value:se}=e,m=useId(Z);G;let f;f=e=>{e=G(e);return"string"!=typeof e?String(e):e};const o=react.exports.useRef(!1),h=react.exports.useRef(!0),g=react.exports.useRef(null),x=react.exports.useRef(null),[ie,le]=react.exports.useState(null),[b,ce]=react.exports.useState(-1),ue=D?0:-1,v=react.exports.useRef(ue),[I,pe]=useControlled({controlled:se,default:F,name:t}),[S,C]=useControlled({controlled:Q,default:"",name:t,state:"inputValue"}),[y,de]=react.exports.useState(!1),O=react.exports.useCallback((t,o)=>{if((p?I.length<o.length:null!==o)||n){let e;e=p||null==o?"":"string"==typeof(o=f(o))?o:"",S!==e&&(C(e),r&&r(t,e,"reset"))}},[f,S,p,r,C,n,I]),me=react.exports.useRef(),[R,fe]=(react.exports.useEffect(()=>{var e=I!==me.current;me.current=I,y&&!e||i&&!e||O(null,I)},[I,O,y,me,i]),useControlled({controlled:oe,default:!1,name:t,state:"open"})),[he,ge]=react.exports.useState(!0),xe=!p&&null!=I&&S===f(I),_=R&&!d,P=_?H(re.filter(t=>!q||!(p?I:[I]).some(e=>null!==e&&c(t,e))),{inputValue:xe&&he?"":S,getOptionLabel:f}):[],be=R&&0<P.length&&!d,A=useEventCallback(e=>{(-1===e?g.current:ie.querySelector(`[data-tag-index="${e}"]`)).focus()});react.exports.useEffect(()=>{p&&b>I.length-1&&(ce(-1),A(-1))},[I,p,b,A]);const T=useEventCallback(({event:e,index:t,reason:o="auto"})=>{if(-1===(v.current=t)?g.current.removeAttribute("aria-activedescendant"):g.current.setAttribute("aria-activedescendant",m+"-option-"+t),ee&&ee(e,-1===t?null:P[t],o),x.current){const n=x.current.querySelector('[role="option"].Mui-focused'),r=(n&&(n.classList.remove("Mui-focused"),n.classList.remove("Mui-focusVisible")),x.current.parentElement.querySelector('[role="listbox"]'));if(r)if(-1===t)r.scrollTop=0;else{const a=x.current.querySelector(`[data-option-index="${t}"]`);a&&(a.classList.add("Mui-focused"),"keyboard"===o&&a.classList.add("Mui-focusVisible"),r.scrollHeight>r.clientHeight&&"mouse"!==o&&(e=a,r.clientHeight+r.scrollTop<(t=e.offsetTop+e.offsetHeight)?r.scrollTop=t-r.clientHeight:e.offsetTop-e.offsetHeight*(u?1.3:0)<r.scrollTop&&(r.scrollTop=e.offsetTop-e.offsetHeight*(u?1.3:0))))}}}),L=useEventCallback(({event:e,diff:o,direction:t="next",reason:n="auto"})=>{if(_){t=function(e,t){if(!x.current||-1===e)return-1;let o=e;for(;;){if("next"===t&&o===P.length||"previous"===t&&-1===o)return-1;const r=x.current.querySelector(`[data-option-index="${o}"]`);var n=!V&&(!r||r.disabled||"true"===r.getAttribute("aria-disabled"));if(!(r&&!r.hasAttribute("tabindex")||n))return o;o+="next"===t?1:-1}}((()=>{var e=P.length-1;if("reset"===o)return ue;if("start"===o)return 0;if("end"===o)return e;var t=v.current+o;return t<0?-1===t&&J?-1:B&&-1!==v.current||1<Math.abs(o)?0:e:e<t?t===1+e&&J?-1:B||1<Math.abs(o)?e:0:t})(),t);if(T({index:t,reason:n,event:e}),a&&"reset"!==o)if(-1===t)g.current.value=S;else{const r=f(P[t]);0===(g.current.value=r).toLowerCase().indexOf(S.toLowerCase())&&0<S.length&&g.current.setSelectionRange(S.length,r.length)}}}),ve=react.exports.useCallback(()=>{if(_){const t=p?I[0]:I;if(0===P.length||null==t)L({diff:"reset"});else if(x.current)if(null!=t){const o=P[v.current];if(p&&o&&-1!==findIndex(I,e=>c(o,e)))return;var e=findIndex(P,e=>c(e,t));void(-1===e?L({diff:"reset"}):T({index:e}))}else v.current>=P.length-1?T({index:P.length-1}):T({index:v.current})}},[P.length,!p&&I,q,L,T,_,S,p]),Ie=useEventCallback(e=>{setRef(x,e),e&&ve()}),w=(react.exports.useEffect(()=>{ve()},[ve]),e=>{R||(fe(!0),ge(!0),te&&te(e))}),z=(e,t)=>{R&&(fe(!1),Y&&Y(e,t))},M=(e,o,t,n)=>{if(Array.isArray(I)){if(I.length===o.length&&I.every((e,t)=>e===o[t]))return}else if(I===o)return;X&&X(e,o,t,n),pe(o)},$=react.exports.useRef(!1),k=(e,t,o="selectOption",n="options")=>{let r=o,a=t;p&&(-1===(o=findIndex(a=Array.isArray(I)?I.slice():[],e=>c(t,e)))?a.push(t):"freeSolo"!==n&&(a.splice(o,1),r="removeOption")),O(e,a),M(e,a,r,{option:t}),W||e.ctrlKey||e.metaKey||z(e,r),(!0===s||"touch"===s&&$.current||"mouse"===s&&!$.current)&&g.current.blur()};const Se=(t,o)=>{if(p){z(t,"toggleInput");let e=b;-1===b?""===S&&"previous"===o&&(e=I.length-1):(e=(e+="next"===o?1:-1)<0?0:e)===I.length&&(e=-1),e=function(e,t){if(-1===e)return-1;let o=e;for(;;){if("next"===t&&o===I.length||"previous"===t&&-1===o)return-1;const n=ie.querySelector(`[data-tag-index="${o}"]`);if(n&&n.hasAttribute("tabindex")&&!n.disabled&&"true"!==n.getAttribute("aria-disabled"))return o;o+="next"===t?1:-1}}(e,o),ce(e),A(e)}},Ce=e=>{o.current=!0,C(""),r&&r(e,"","clear"),M(e,p?[]:null,"clear")},ye=e=>{null!==x.current&&x.current.parentElement.contains(document.activeElement)?g.current.focus():(de(!1),h.current=!0,o.current=!1,E&&-1!==v.current&&_?k(e,P[v.current],"blur"):E&&i&&""!==S?k(e,S,"blur","freeSolo"):n&&O(e,I),z(e,"blur"))},Oe=e=>{T({event:e,index:Number(e.currentTarget.getAttribute("data-option-index")),reason:"mouse"})},Re=()=>{$.current=!0},_e=e=>{var t=Number(e.currentTarget.getAttribute("data-option-index"));k(e,P[t],"selectOption"),$.current=!1},Pe=e=>{R?z(e,"toggleInput"):w(e)},Ae=e=>{e.target.getAttribute("id")!==m&&e.preventDefault()},Te=()=>{g.current.focus(),ae&&h.current&&g.current.selectionEnd-g.current.selectionStart==0&&g.current.select(),h.current=!1};e=i&&0<S.length||(p?0<I.length:null!==I);let Le=P;return u&&(Le=P.reduce((e,t,o)=>{var n=u(t);return 0<e.length&&e[e.length-1].group===n?e[e.length-1].options.push(t):e.push({key:o,index:o,group:n,options:[t]}),e},[])),N&&y&&ye(),{getRootProps:(e={})=>_extends({"aria-owns":be?m+"-listbox":null},e,{onKeyDown:(r=>e=>{if(r.onKeyDown&&r.onKeyDown(e),!e.defaultMuiPrevented&&(-1!==b&&-1===["ArrowLeft","ArrowRight"].indexOf(e.key)&&(ce(-1),A(-1)),229!==e.which))switch(e.key){case"Home":_&&K&&(e.preventDefault(),L({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":_&&K&&(e.preventDefault(),L({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),L({diff:-pageSize,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"PageDown":e.preventDefault(),L({diff:pageSize,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowDown":e.preventDefault(),L({diff:1,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowUp":e.preventDefault(),L({diff:-1,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"ArrowLeft":Se(e,"previous");break;case"ArrowRight":Se(e,"next");break;case"Enter":if(-1!==v.current&&_){var t=P[v.current],o=!!l&&l(t);if(e.preventDefault(),o)return;k(e,t,"selectOption"),a&&g.current.setSelectionRange(g.current.value.length,g.current.value.length)}else i&&""!==S&&!1==xe&&(p&&e.preventDefault(),k(e,S,"createOption","freeSolo"));break;case"Escape":_?(e.preventDefault(),e.stopPropagation(),z(e,"escape")):j&&(""!==S||p&&0<I.length)&&(e.preventDefault(),e.stopPropagation(),Ce(e));break;case"Backspace":if(p&&!d&&""===S&&0<I.length){o=-1===b?I.length-1:b;const n=I.slice();n.splice(o,1),M(e,n,"removeOption",{option:I[o]})}}})(e),onMouseDown:Ae,onClick:Te}),getInputLabelProps:()=>({id:m+"-label",htmlFor:m}),getInputProps:()=>({id:m,value:S,onBlur:ye,onFocus:e=>{de(!0),ne&&!o.current&&w(e)},onChange:e=>{var t=e.target.value;S!==t&&(C(t),ge(!1),r&&r(e,t,"input")),""===t?U||p||M(e,null,"clear"):w(e)},onMouseDown:e=>{""!==S&&R||Pe(e)},"aria-activedescendant":_?"":null,"aria-autocomplete":a?"both":"list","aria-controls":be?m+"-listbox":void 0,"aria-expanded":be,autoComplete:"off",ref:g,autoCapitalize:"none",spellCheck:"false",role:"combobox"}),getClearProps:()=>({tabIndex:-1,onClick:Ce}),getPopupIndicatorProps:()=>({tabIndex:-1,onClick:Pe}),getTagProps:({index:e})=>_extends({key:e,"data-tag-index":e,tabIndex:-1},!d&&{onDelete:(o=>e=>{const t=I.slice();t.splice(o,1),M(e,t,"removeOption",{option:I[o]})})(e)}),getListboxProps:()=>({role:"listbox",id:m+"-listbox","aria-labelledby":m+"-label",ref:Ie,onMouseDown:e=>{e.preventDefault()}}),getOptionProps:({index:e,option:t})=>{var o=(p?I:[I]).some(e=>null!=e&&c(t,e)),n=!!l&&l(t);return{key:f(t),tabIndex:-1,role:"option",id:m+"-option-"+e,onMouseOver:Oe,onClick:_e,onTouchStart:Re,"data-option-index":e,"aria-disabled":n,"aria-selected":o}},id:m,inputValue:S,value:I,dirty:e,popupOpen:_,focused:y||-1!==b,anchorEl:ie,setAnchorEl:le,focusedTag:b,groupedOptions:Le}}function getListSubheaderUtilityClass(e){return generateUtilityClass("MuiListSubheader",e)}generateUtilityClasses("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]);const _excluded$1=["className","color","component","disableGutters","disableSticky","inset"],useUtilityClasses$1=e=>{var{classes:e,color:t,disableGutters:o,inset:n,disableSticky:r}=e,t={root:["root","default"!==t&&"color"+capitalize(t),!o&&"gutters",n&&"inset",!r&&"sticky"]};return composeClasses(t,getListSubheaderUtilityClass,e)},ListSubheaderRoot=styled("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,"default"!==e.color&&t["color"+capitalize(e.color)],!e.disableGutters&&t.gutters,e.inset&&t.inset,!e.disableSticky&&t.sticky]}})(({theme:e,ownerState:t})=>_extends({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:e.palette.text.secondary,fontFamily:e.typography.fontFamily,fontWeight:e.typography.fontWeightMedium,fontSize:e.typography.pxToRem(14)},"primary"===t.color&&{color:e.palette.primary.main},"inherit"===t.color&&{color:"inherit"},!t.disableGutters&&{paddingLeft:16,paddingRight:16},t.inset&&{paddingLeft:72},!t.disableSticky&&{position:"sticky",top:0,zIndex:1,backgroundColor:e.palette.background.paper})),ListSubheader=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiListSubheader"}),{className:o,color:n="default",component:r="li",disableGutters:a=!1,disableSticky:s=!1,inset:i=!1}=e,l=_objectWithoutPropertiesLoose(e,_excluded$1),e=_extends({},e,{color:n,component:r,disableGutters:a,disableSticky:s,inset:i}),n=useUtilityClasses$1(e);return jsxRuntime.exports.jsx(ListSubheaderRoot,_extends({as:r,className:clsx(n.root,o),ref:t,ownerState:e},l))});var ListSubheader$1=ListSubheader;function getAutocompleteUtilityClass(e){return generateUtilityClass("MuiAutocomplete",e)}const autocompleteClasses=generateUtilityClasses("MuiAutocomplete",["root","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 _ClearIcon,_ArrowDropDownIcon,autocompleteClasses$1=autocompleteClasses;const _excluded=["autoComplete","autoHighlight","autoSelect","blurOnSelect","ChipProps","className","clearIcon","clearOnBlur","clearOnEscape","clearText","closeText","componentsProps","defaultValue","disableClearable","disableCloseOnSelect","disabled","disabledItemsFocusable","disableListWrap","disablePortal","filterOptions","filterSelectedOptions","forcePopupIcon","freeSolo","fullWidth","getLimitTagsText","getOptionDisabled","getOptionLabel","isOptionEqualToValue","groupBy","handleHomeEndKeys","id","includeInputInList","inputValue","limitTags","ListboxComponent","ListboxProps","loading","loadingText","multiple","noOptionsText","onChange","onClose","onHighlightChange","onInputChange","onOpen","open","openOnFocus","openText","options","PaperComponent","PopperComponent","popupIcon","readOnly","renderGroup","renderInput","renderOption","renderTags","selectOnFocus","size","value"],useUtilityClasses=e=>{var{classes:e,disablePortal:t,focused:o,fullWidth:n,hasClearIcon:r,hasPopupIcon:a,inputFocused:s,popupOpen:i,size:l}=e,o={root:["root",o&&"focused",n&&"fullWidth",r&&"hasClearIcon",a&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",s&&"inputFocused"],tag:["tag","tagSize"+capitalize(l)],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",i&&"popupIndicatorOpen"],popper:["popper",t&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return composeClasses(o,getAutocompleteUtilityClass,e)},AutocompleteRoot=styled("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(e,t)=>{var e=e["ownerState"],{fullWidth:e,hasClearIcon:o,hasPopupIcon:n,inputFocused:r,size:a}=e;return[{["& ."+autocompleteClasses$1.tag]:t.tag},{["& ."+autocompleteClasses$1.tag]:t["tagSize"+capitalize(a)]},{["& ."+autocompleteClasses$1.inputRoot]:t.inputRoot},{["& ."+autocompleteClasses$1.input]:t.input},{["& ."+autocompleteClasses$1.input]:r&&t.inputFocused},t.root,e&&t.fullWidth,n&&t.hasPopupIcon,o&&t.hasClearIcon]}})(({ownerState:e})=>_extends({[`&.${autocompleteClasses$1.focused} .`+autocompleteClasses$1.clearIndicator]:{visibility:"visible"},"@media (pointer: fine)":{["&:hover ."+autocompleteClasses$1.clearIndicator]:{visibility:"visible"}}},e.fullWidth&&{width:"100%"},{["& ."+autocompleteClasses$1.tag]:_extends({margin:3,maxWidth:"calc(100% - 6px)"},"small"===e.size&&{margin:2,maxWidth:"calc(100% - 4px)"}),["& ."+autocompleteClasses$1.inputRoot]:{flexWrap:"wrap",[`.${autocompleteClasses$1.hasPopupIcon}&, .${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:30},[`.${autocompleteClasses$1.hasPopupIcon}.${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:56},["& ."+autocompleteClasses$1.input]:{width:0,minWidth:30}},["& ."+inputClasses.root]:{paddingBottom:1,"& .Sdk-MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${inputClasses.root}.`+inputBaseClasses.sizeSmall]:{["& ."+inputClasses.input]:{padding:"2px 4px 3px 0"}},["& ."+outlinedInputClasses.root]:{padding:9,[`.${autocompleteClasses$1.hasPopupIcon}&, .${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:39},[`.${autocompleteClasses$1.hasPopupIcon}.${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:65},["& ."+autocompleteClasses$1.input]:{padding:"7.5px 4px 7.5px 6px"},["& ."+autocompleteClasses$1.endAdornment]:{right:9}},[`& .${outlinedInputClasses.root}.`+inputBaseClasses.sizeSmall]:{padding:6,["& ."+autocompleteClasses$1.input]:{padding:"2.5px 4px 2.5px 6px"}},["& ."+filledInputClasses.root]:{paddingTop:19,paddingLeft:8,[`.${autocompleteClasses$1.hasPopupIcon}&, .${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:39},[`.${autocompleteClasses$1.hasPopupIcon}.${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:65},["& ."+filledInputClasses.input]:{padding:"7px 4px"},["& ."+autocompleteClasses$1.endAdornment]:{right:9}},[`& .${filledInputClasses.root}.`+inputBaseClasses.sizeSmall]:{paddingBottom:1,["& ."+filledInputClasses.input]:{padding:"2.5px 4px"}},["& ."+inputBaseClasses.hiddenLabel]:{paddingTop:8},["& ."+autocompleteClasses$1.input]:_extends({flexGrow:1,textOverflow:"ellipsis",opacity:0},e.inputFocused&&{opacity:1})})),AutocompleteEndAdornment=styled("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(e,t)=>t.endAdornment})({position:"absolute",right:0,top:"calc(50% - 14px)"}),AutocompleteClearIndicator=styled(IconButton,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(e,t)=>t.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),AutocompletePopupIndicator=styled(IconButton,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:({ownerState:e},t)=>_extends({},t.popupIndicator,e.popupOpen&&t.popupIndicatorOpen)})(({ownerState:e})=>_extends({padding:2,marginRight:-2},e.popupOpen&&{transform:"rotate(180deg)"})),AutocompletePopper=styled(Popper,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(e,t)=>{e=e.ownerState;return[{["& ."+autocompleteClasses$1.option]:t.option},t.popper,e.disablePortal&&t.popperDisablePortal]}})(({theme:e,ownerState:t})=>_extends({zIndex:e.zIndex.modal},t.disablePortal&&{position:"absolute"})),AutocompletePaper=styled(Paper,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(e,t)=>t.paper})(({theme:e})=>_extends({},e.typography.body1,{overflow:"auto"})),AutocompleteLoading=styled("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(e,t)=>t.loading})(({theme:e})=>({color:e.palette.text.secondary,padding:"14px 16px"})),AutocompleteNoOptions=styled("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(e,t)=>t.noOptions})(({theme:e})=>({color:e.palette.text.secondary,padding:"14px 16px"})),AutocompleteListbox=styled("div",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(e,t)=>t.listbox})(({theme:e})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",["& ."+autocompleteClasses$1.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,[e.breakpoints.up("sm")]:{minHeight:"auto"},["&."+autocompleteClasses$1.focused]:{backgroundColor:e.palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:e.palette.action.disabledOpacity,pointerEvents:"none"},["&."+autocompleteClasses$1.focusVisible]:{backgroundColor:e.palette.action.focus},'&[aria-selected="true"]':{backgroundColor:alpha(e.palette.primary.main,e.palette.action.selectedOpacity),["&."+autocompleteClasses$1.focused]:{backgroundColor:alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.palette.action.selected}},["&."+autocompleteClasses$1.focusVisible]:{backgroundColor:alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}}})),AutocompleteGroupLabel=styled(ListSubheader$1,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(e,t)=>t.groupLabel})(({theme:e})=>({backgroundColor:e.palette.background.paper,top:-8})),AutocompleteGroupUl=styled("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(e,t)=>t.groupUl})({padding:0,["& ."+autocompleteClasses$1.option]:{paddingLeft:24}}),Autocomplete=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiAutocomplete"});const{ChipProps:o,className:n,clearIcon:r=_ClearIcon=_ClearIcon||jsxRuntime.exports.jsx(ClearIcon,{fontSize:"small"}),clearOnBlur:D=e.freeSolo,clearText:a="Clear",closeText:s="Close",componentsProps:i={},defaultValue:E=e.multiple,disableClearable:l=!1,disabled:c=!1,disablePortal:u=!1,forcePopupIcon:p="auto",freeSolo:d=!1,fullWidth:m=!1,getLimitTagsText:f=e=>"+"+e,getOptionLabel:h=e=>{var t;return null!=(t=e.label)?t:e},groupBy:g,handleHomeEndKeys:N=e.freeSolo,limitTags:x=-1,ListboxComponent:b="ul",ListboxProps:j,loading:v=!1,loadingText:F="Loading…",multiple:U=!1,noOptionsText:W="No options",openText:I="Open",PaperComponent:V=Paper,PopperComponent:B=Popper,popupIcon:H=_ArrowDropDownIcon=_ArrowDropDownIcon||jsxRuntime.exports.jsx(ArrowDropDownIcon,{}),readOnly:S=!1,renderGroup:q,renderInput:G,renderOption:K,renderTags:C,selectOnFocus:Z=e.freeSolo,size:y="medium"}=e,J=_objectWithoutPropertiesLoose(e,_excluded),{getRootProps:Q,getInputProps:X,getInputLabelProps:Y,getPopupIndicatorProps:ee,getClearProps:te,getTagProps:oe,getListboxProps:ne,getOptionProps:re,value:O,dirty:ae,id:se,popupOpen:R,focused:_,focusedTag:ie,anchorEl:P,setAnchorEl:le,inputValue:ce,groupedOptions:A}=useAutocomplete(_extends({},e,{componentName:"Autocomplete"}));var T=!l&&!c&&ae&&!S,L=(!d||!0===p)&&!1!==p;const w=_extends({},e,{disablePortal:u,focused:_,fullWidth:m,hasClearIcon:T,hasPopupIcon:L,inputFocused:-1===ie,popupOpen:R,size:y}),z=useUtilityClasses(w);let M;if(U&&0<O.length){const k=e=>_extends({className:clsx(z.tag),disabled:c},oe(e));M=C?C(O,k):O.map((e,t)=>jsxRuntime.exports.jsx(Chip,_extends({label:h(e),size:y},k({index:t}),o)))}-1<x&&Array.isArray(M)&&(e=M.length-x,!_&&0<e&&(M=M.splice(0,x)).push(jsxRuntime.exports.jsx("span",{className:z.tag,children:f(e)},M.length)));const ue=q||(e=>jsxRuntime.exports.jsxs("li",{children:[jsxRuntime.exports.jsx(AutocompleteGroupLabel,{className:z.groupLabel,ownerState:w,component:"div",children:e.group}),jsxRuntime.exports.jsx(AutocompleteGroupUl,{className:z.groupUl,ownerState:w,children:e.children})]},e.key));const pe=K||((e,t)=>jsxRuntime.exports.jsx("li",_extends({},e,{children:h(t)}))),$=(e,t)=>{t=re({option:e,index:t});return pe(_extends({},t,{className:z.option}),e,{selected:t["aria-selected"],inputValue:ce})};return jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsx(AutocompleteRoot,_extends({ref:t,className:clsx(z.root,n),ownerState:w},Q(J),{children:G({id:se,disabled:c,fullWidth:!0,size:"small"===y?"small":void 0,InputLabelProps:Y(),InputProps:{ref:le,className:z.inputRoot,startAdornment:M,endAdornment:jsxRuntime.exports.jsxs(AutocompleteEndAdornment,{className:z.endAdornment,ownerState:w,children:[T?jsxRuntime.exports.jsx(AutocompleteClearIndicator,_extends({},te(),{"aria-label":a,title:a,ownerState:w},i.clearIndicator,{className:clsx(z.clearIndicator,null==(e=i.clearIndicator)?void 0:e.className),children:r})):null,L?jsxRuntime.exports.jsx(AutocompletePopupIndicator,_extends({},ee(),{disabled:c,"aria-label":R?s:I,title:R?s:I,className:clsx(z.popupIndicator),ownerState:w,children:H})):null]})},inputProps:_extends({className:clsx(z.input),disabled:c,readOnly:S},X())})})),R&&P?jsxRuntime.exports.jsx(AutocompletePopper,{as:B,className:clsx(z.popper),disablePortal:u,style:{width:P?P.clientWidth:null},ownerState:w,role:"presentation",anchorEl:P,open:!0,children:jsxRuntime.exports.jsxs(AutocompletePaper,_extends({ownerState:w,as:V},i.paper,{className:clsx(z.paper,null==(t=i.paper)?void 0:t.className),children:[v&&0===A.length?jsxRuntime.exports.jsx(AutocompleteLoading,{className:z.loading,ownerState:w,children:F}):null,0!==A.length||d||v?null:jsxRuntime.exports.jsx(AutocompleteNoOptions,{className:z.noOptions,ownerState:w,role:"presentation",onMouseDown:e=>{e.preventDefault()},children:W}),0<A.length?jsxRuntime.exports.jsx(AutocompleteListbox,_extends({as:b,className:z.listbox,ownerState:w},ne(),j,{children:A.map((o,e)=>g?ue({key:o.key,group:o.group,children:o.options.map((e,t)=>$(e,o.index+t))}):$(o,e))})):null]}))}):null]})});var Autocomplete$1=Autocomplete;function areInputsEqual(e,t){if(e.length!==t.length)return!1;for(var o=0;o<e.length;o++)if(e[o]!==t[o])return!1;return!0}function memoizeOne(o,n){void 0===n&&(n=areInputsEqual);var r,a,s=[],i=!1;return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i&&r===this&&n(e,s)||(a=o.apply(this,e),i=!0,r=this,s=e),a}}var hasNativePerformanceNow="object"==typeof performance&&"function"==typeof performance.now,now=hasNativePerformanceNow?function(){return performance.now()}:function(){return Date.now()};function cancelTimeout(e){cancelAnimationFrame(e.id)}function requestTimeout(t,o){var n=now();var r={id:requestAnimationFrame(function e(){now()-n>=o?t.call(null):r.id=requestAnimationFrame(e)})};return r}var cachedRTLResult=null;function getRTLOffsetType(e){var t,o;return void 0===e&&(e=!1),(null===cachedRTLResult||e)&&((t=(e=document.createElement("div")).style).width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl",(o=(t=document.createElement("div")).style).width="100px",o.height="100px",e.appendChild(t),document.body.appendChild(e),cachedRTLResult=0<e.scrollLeft?"positive-descending":(e.scrollLeft=1,0===e.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(e)),cachedRTLResult}var IS_SCROLLING_DEBOUNCE_INTERVAL$1=150,defaultItemKey$1=function(e,t){return e};function createListComponent(e){var c=e.getItemOffset,y=e.getEstimatedTotalSize,u=e.getItemSize,r=e.getOffsetForIndexAndAlignment,i=e.getStartIndexForOffset,l=e.getStopIndexForStartIndex,n=e.initInstanceProps,p=e.shouldResetStyleCacheOnItemSizeChange,a=e.validateProps,t=e=function(t){function e(e){var l=t.call(this,e)||this;return l._instanceProps=n(l.props,_assertThisInitialized(_assertThisInitialized(l))),l._outerRef=void 0,l._resetIsScrollingTimeoutId=null,l.state={instance:_assertThisInitialized(_assertThisInitialized(l)),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof l.props.initialScrollOffset?l.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},l._callOnItemsRendered=void 0,l._callOnItemsRendered=memoizeOne(function(e,t,o,n){return l.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:t,visibleStartIndex:o,visibleStopIndex:n})}),l._callOnScroll=void 0,l._callOnScroll=memoizeOne(function(e,t,o){return l.props.onScroll({scrollDirection:e,scrollOffset:t,scrollUpdateWasRequested:o})}),l._getItemStyle=void 0,l._getItemStyle=function(e){var t,o,n,r,a=l.props,s=a.direction,i=a.itemSize,a=a.layout,i=l._getItemStyleCache(p&&i,p&&a,p&&s);return i.hasOwnProperty(e)?t=i[e]:(o=c(l.props,e,l._instanceProps),n=u(l.props,e,l._instanceProps),r=(a="horizontal"===s||"horizontal"===a)?o:0,i[e]=t={position:"absolute",left:(i="rtl"===s)?void 0:r,right:i?r:void 0,top:a?0:o,height:a?"100%":n,width:a?n:"100%"}),t},l._getItemStyleCache=void 0,l._getItemStyleCache=memoizeOne(function(e,t,o){return{}}),l._onScrollHorizontal=function(e){var e=e.currentTarget,n=e.clientWidth,r=e.scrollLeft,a=e.scrollWidth;l.setState(function(e){if(e.scrollOffset===r)return null;var t=l.props.direction,o=r;if("rtl"===t)switch(getRTLOffsetType()){case"negative":o=-r;break;case"positive-descending":o=a-n-r}return o=Math.max(0,Math.min(o,a-n)),{isScrolling:!0,scrollDirection:e.scrollOffset<r?"forward":"backward",scrollOffset:o,scrollUpdateWasRequested:!1}},l._resetIsScrollingDebounced)},l._onScrollVertical=function(e){var e=e.currentTarget,o=e.clientHeight,n=e.scrollHeight,r=e.scrollTop;l.setState(function(e){if(e.scrollOffset===r)return null;var t=Math.max(0,Math.min(r,n-o));return{isScrolling:!0,scrollDirection:e.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!1}},l._resetIsScrollingDebounced)},l._outerRefSetter=function(e){var t=l.props.outerRef;l._outerRef=e,"function"==typeof t?t(e):null!=t&&"object"==typeof t&&t.hasOwnProperty("current")&&(t.current=e)},l._resetIsScrollingDebounced=function(){null!==l._resetIsScrollingTimeoutId&&cancelTimeout(l._resetIsScrollingTimeoutId),l._resetIsScrollingTimeoutId=requestTimeout(l._resetIsScrolling,IS_SCROLLING_DEBOUNCE_INTERVAL$1)},l._resetIsScrolling=function(){l._resetIsScrollingTimeoutId=null,l.setState({isScrolling:!1},function(){l._getItemStyleCache(-1,null)})},l}_inheritsLoose(e,t),e.getDerivedStateFromProps=function(e,t){return validateSharedProps$1(e,t),a(e),null};var o=e.prototype;return o.scrollTo=function(t){t=Math.max(0,t),this.setState(function(e){return e.scrollOffset===t?null:{scrollDirection:e.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},o.scrollToItem=function(e,t){void 0===t&&(t="auto");var o=this.props.itemCount,n=this.state.scrollOffset;e=Math.max(0,Math.min(e,o-1)),this.scrollTo(r(this.props,e,t,n,this._instanceProps))},o.componentDidMount=function(){var e,t=this.props,o=t.direction,n=t.initialScrollOffset,t=t.layout;"number"==typeof n&&null!=this._outerRef&&(e=this._outerRef,"horizontal"===o||"horizontal"===t?e.scrollLeft=n:e.scrollTop=n),this._callPropsCallbacks()},o.componentDidUpdate=function(){var e=this.props,t=e.direction,e=e.layout,o=this.state,n=o.scrollOffset;if(o.scrollUpdateWasRequested&&null!=this._outerRef){var r=this._outerRef;if("horizontal"===t||"horizontal"===e)if("rtl"===t)switch(getRTLOffsetType()){case"negative":r.scrollLeft=-n;break;case"positive-ascending":r.scrollLeft=n;break;default:var a=r.clientWidth,s=r.scrollWidth;r.scrollLeft=s-a-n}else r.scrollLeft=n;else r.scrollTop=n}this._callPropsCallbacks()},o.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&cancelTimeout(this._resetIsScrollingTimeoutId)},o.render=function(){var e=this.props,t=e.children,o=e.className,n=e.direction,r=e.height,a=e.innerRef,s=e.innerElementType,i=e.innerTagName,l=e.itemCount,c=e.itemData,u=e.itemKey,p=void 0===u?defaultItemKey$1:u,u=e.layout,d=e.outerElementType,m=e.outerTagName,f=e.style,h=e.useIsScrolling,e=e.width,g=this.state.isScrolling,u="horizontal"===n||"horizontal"===u,x=u?this._onScrollHorizontal:this._onScrollVertical,b=this._getRangeToRender(),v=b[0],I=b[1],S=[];if(0<l)for(var C=v;C<=I;C++)S.push(react.exports.createElement(t,{data:c,key:p(C,c),index:C,isScrolling:h?g:void 0,style:this._getItemStyle(C)}));b=y(this.props,this._instanceProps);return react.exports.createElement(d||m||"div",{className:o,onScroll:x,ref:this._outerRefSetter,style:_extends({position:"relative",height:r,width:e,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:n},f)},react.exports.createElement(s||i||"div",{children:S,ref:a,style:{height:u?"100%":b,pointerEvents:g?"none":void 0,width:u?b:"100%"}}))},o._callPropsCallbacks=function(){var e,t,o,n;"function"==typeof this.props.onItemsRendered&&0<this.props.itemCount&&(e=(n=this._getRangeToRender())[0],t=n[1],o=n[2],n=n[3],this._callOnItemsRendered(e,t,o,n)),"function"==typeof this.props.onScroll&&(t=(e=this.state).scrollDirection,o=e.scrollOffset,n=e.scrollUpdateWasRequested,this._callOnScroll(t,o,n))},o._getRangeToRender=function(){var e=this.props,t=e.itemCount,e=e.overscanCount,o=this.state,n=o.isScrolling,r=o.scrollDirection,o=o.scrollOffset;if(0===t)return[0,0,0,0];var a=i(this.props,o,this._instanceProps),o=l(this.props,a,o,this._instanceProps),s=n&&"backward"!==r?1:Math.max(1,e),n=n&&"forward"!==r?1:Math.max(1,e);return[Math.max(0,a-s),Math.max(0,Math.min(t-1,o+n)),a,o]},e}(react.exports.PureComponent);return e.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var validateSharedProps$1=function(e,t){e.children,e.direction,e.height,e.layout,e.innerTagName,e.outerTagName,e.width,t.instance},DEFAULT_ESTIMATED_ITEM_SIZE$1=50,getItemMetadata$1=function(e,t,o){var n=e.itemSize,r=o.itemMetadataMap,e=o.lastMeasuredIndex;if(e<t){var a,s=0;0<=e&&(s=(a=r[e]).offset+a.size);for(var i=e+1;i<=t;i++){var l=n(i);r[i]={offset:s,size:l},s+=l}o.lastMeasuredIndex=t}return r[t]},findNearestItem$1=function(e,t,o){var n=t.itemMetadataMap,r=t.lastMeasuredIndex;return o<=(0<r?n[r].offset:0)?findNearestItemBinarySearch$1(e,t,r,0,o):findNearestItemExponentialSearch$1(e,t,Math.max(0,r),o)},findNearestItemBinarySearch$1=function(e,t,o,n,r){for(;n<=o;){var a=n+Math.floor((o-n)/2),s=getItemMetadata$1(e,a,t).offset;if(s===r)return a;s<r?n=a+1:r<s&&(o=a-1)}return 0<n?n-1:0},findNearestItemExponentialSearch$1=function(e,t,o,n){for(var r=e.itemCount,a=1;o<r&&getItemMetadata$1(e,o,t).offset<n;)o+=a,a*=2;return findNearestItemBinarySearch$1(e,t,Math.min(o,r-1),Math.floor(o/2),n)},getEstimatedTotalSize=function(e,t){var e=e.itemCount,o=t.itemMetadataMap,n=t.estimatedItemSize,t=t.lastMeasuredIndex,r=0,e=e-(t=e<=t?e-1:t)-1;return(r=0<=t?(o=o[t]).offset+o.size:r)+e*n},VariableSizeList=createListComponent({getItemOffset:function(e,t,o){return getItemMetadata$1(e,t,o).offset},getItemSize:function(e,t,o){return o.itemMetadataMap[t].size},getEstimatedTotalSize:getEstimatedTotalSize,getOffsetForIndexAndAlignment:function(e,t,o,n,r){var a=e.direction,s=e.height,i=e.layout,l=e.width,a="horizontal"===a||"horizontal"===i?l:s,i=getItemMetadata$1(e,t,r),l=getEstimatedTotalSize(e,r),c=Math.max(0,Math.min(l-a,i.offset)),u=Math.max(0,i.offset-a+i.size);switch(o="smart"===o?u-a<=n&&n<=c+a?"auto":"center":o){case"start":return c;case"end":return u;case"center":return Math.round(u+(c-u)/2);default:return u<=n&&n<=c?n:n<u?u:c}},getStartIndexForOffset:function(e,t,o){return findNearestItem$1(e,o,t)},getStopIndexForStartIndex:function(e,t,o,n){for(var r=e.direction,a=e.height,s=e.itemCount,i=e.layout,l=e.width,r="horizontal"===r||"horizontal"===i?l:a,i=getItemMetadata$1(e,t,n),c=o+r,u=i.offset+i.size,p=t;p<s-1&&u<c;)u+=getItemMetadata$1(e,++p,n).size;return p},initInstanceProps:function(e,o){var n={itemMetadataMap:{},estimatedItemSize:e.estimatedItemSize||DEFAULT_ESTIMATED_ITEM_SIZE$1,lastMeasuredIndex:-1};return o.resetAfterIndex=function(e,t){void 0===t&&(t=!0),n.lastMeasuredIndex=Math.min(n.lastMeasuredIndex,e-1),o._getItemStyleCache(-1),t&&o.forceUpdate()},n},shouldResetStyleCacheOnItemSizeChange:!1,validateProps:function(e){e.itemSize}}),FixedSizeList=createListComponent({getItemOffset:function(e,t){return t*e.itemSize},getItemSize:function(e,t){return e.itemSize},getEstimatedTotalSize:function(e){var t=e.itemCount;return e.itemSize*t},getOffsetForIndexAndAlignment:function(e,t,o,n){var r=e.direction,a=e.height,s=e.itemCount,i=e.itemSize,l=e.layout,e=e.width,c="horizontal"===r||"horizontal"===l?e:a,u=Math.max(0,s*i-c),p=Math.min(u,t*i),d=Math.max(0,t*i-c+i);switch(o="smart"===o?d-c<=n&&n<=p+c?"auto":"center":o){case"start":return p;case"end":return d;case"center":var m=Math.round(d+(p-d)/2);return m<Math.ceil(c/2)?0:m>u+Math.floor(c/2)?u:m;default:return d<=n&&n<=p?n:n<d?d:p}},getStartIndexForOffset:function(e,t){var o=e.itemCount,e=e.itemSize;return Math.max(0,Math.min(o-1,Math.floor(t/e)))},getStopIndexForStartIndex:function(e,t,o){var n=e.direction,r=e.height,a=e.itemCount,s=e.itemSize,i=e.layout,e=e.width,n=Math.ceil((("horizontal"===n||"horizontal"===i?e:r)+o-t*s)/s);return Math.max(0,Math.min(a-1,t+n-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){e.itemSize}});export{Autocomplete$1 as A,FixedSizeList as F,ListSubheader$1 as L,VariableSizeList as V,autocompleteClasses$1 as a};
|
|
1
|
+
import{a as generateUtilityClasses,g as generateUtilityClass,b as styled,_ as _extends,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,o as useFormControl,j as jsxRuntime,f4 as FormControlContext,f as clsx,T as Typography$1,d as capitalize,h as composeClasses,f5 as extendSxProp,f6 as handleBreakpoints,f7 as resolveBreakpointValues,f8 as createUnarySpacing,f9 as deepmerge,fa as getValue,p as createSvgIcon,q as interopRequireDefault}from"./js-core.esm.js";function getInputAdornmentUtilityClass(e){return generateUtilityClass("MuiInputAdornment",e)}const inputAdornmentClasses=generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]);var _span,inputAdornmentClasses$1=inputAdornmentClasses;const _excluded$1=["children","className","component","disablePointerEvents","disableTypography","position","variant"],overridesResolver=(e,t)=>{e=e.ownerState;return[t.root,t["position"+capitalize(e.position)],!0===e.disablePointerEvents&&t.disablePointerEvents,t[e.variant]]},useUtilityClasses=e=>{var{classes:e,disablePointerEvents:t,hiddenLabel:n,position:s,size:o,variant:r}=e,t={root:["root",t&&"disablePointerEvents",s&&"position"+capitalize(s),r,n&&"hiddenLabel",o&&"size"+capitalize(o)]};return composeClasses(t,getInputAdornmentUtilityClass,e)},InputAdornmentRoot=styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:overridesResolver})(({theme:e,ownerState:t})=>_extends({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:e.palette.action.active},"filled"===t.variant&&{[`&.${inputAdornmentClasses$1.positionStart}&:not(.${inputAdornmentClasses$1.hiddenLabel})`]:{marginTop:16}},"start"===t.position&&{marginRight:8},"end"===t.position&&{marginLeft:8},!0===t.disablePointerEvents&&{pointerEvents:"none"})),InputAdornment=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiInputAdornment"}),{children:n,className:s,component:o="div",disablePointerEvents:r=!1,disableTypography:a=!1,position:i,variant:l}=e,d=_objectWithoutPropertiesLoose(e,_excluded$1),p=useFormControl()||{};let c=l;l&&p.variant,p&&!c&&(c=p.variant);l=_extends({},e,{hiddenLabel:p.hiddenLabel,size:p.size,disablePointerEvents:r,position:i,variant:c}),e=useUtilityClasses(l);return jsxRuntime.exports.jsx(FormControlContext.Provider,{value:null,children:jsxRuntime.exports.jsx(InputAdornmentRoot,_extends({as:o,ownerState:l,className:clsx(e.root,s),ref:t},d,{children:"string"!=typeof n||a?jsxRuntime.exports.jsxs(react.exports.Fragment,{children:["start"===i?_span=_span||jsxRuntime.exports.jsx("span",{className:"notranslate",children:""}):null,n]}):jsxRuntime.exports.jsx(Typography$1,{color:"text.secondary",children:n})}))})});var InputAdornment$1=InputAdornment;const _excluded=["component","direction","spacing","divider","children"];function joinChildren(e,s){const o=react.exports.Children.toArray(e).filter(Boolean);return o.reduce((e,t,n)=>(e.push(t),n<o.length-1&&e.push(react.exports.cloneElement(s,{key:"separator-"+n})),e),[])}const getSideFromDirection=e=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[e],style=({ownerState:n,theme:e})=>{let t=_extends({display:"flex"},handleBreakpoints({theme:e},resolveBreakpointValues({values:n.direction,breakpoints:e.breakpoints.values}),e=>({flexDirection:e})));if(n.spacing){const o=createUnarySpacing(e);var s=Object.keys(e.breakpoints.values).reduce((e,t)=>(null==n.spacing[t]&&null==n.direction[t]||(e[t]=!0),e),{});const r=resolveBreakpointValues({values:n.direction,base:s});s=resolveBreakpointValues({values:n.spacing,base:s});t=deepmerge(t,handleBreakpoints({theme:e},s,(e,t)=>({"& > :not(style) + :not(style)":{margin:0,["margin"+getSideFromDirection(t?r[t]:n.direction)]:getValue(o,e)}})))}return t},StackRoot=styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,t)=>[t.root]})(style),Stack=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiStack"}),e=extendSxProp(e),{component:n="div",direction:s="column",spacing:o=0,divider:r,children:a}=e,e=_objectWithoutPropertiesLoose(e,_excluded),s={direction:s,spacing:o};return jsxRuntime.exports.jsx(StackRoot,_extends({as:n,ownerState:s,ref:t},e,{children:r?joinChildren(a,r):a}))});var Stack$1=Stack,Search={},_interopRequireDefault=interopRequireDefault.exports,default_1=(Object.defineProperty(Search,"__esModule",{value:!0}),Search.default=void 0),_createSvgIcon=_interopRequireDefault(createSvgIcon),_jsxRuntime=jsxRuntime.exports,_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),"Search"),default_1=Search.default=_default;export{InputAdornment$1 as I,Stack$1 as S,default_1 as d};
|
package/js-core.esm30.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{fg as _baseEach,dr as _baseIteratee,fh as _arrayFilter,e4 as isArray_1}from"./js-core.esm.js";var baseEach=_baseEach;function baseFilter$1(r,t){var s=[];return baseEach(r,function(r,e,a){t(r,e,a)&&s.push(r)}),s}var _baseFilter=baseFilter$1,arrayFilter=_arrayFilter,baseFilter=baseFilter$1,baseIteratee=_baseIteratee,isArray=isArray_1;function filter(r,e){return(isArray(r)?arrayFilter:baseFilter)(r,baseIteratee(e))}var filter_1=filter;export{filter_1 as f};
|
|
1
|
+
import{bC as useId,r as react,n as useControlled,fb as useEventCallback,fc as setRef,_ as _extends,g as generateUtilityClass,a as generateUtilityClasses,b as styled,d as capitalize,u as useThemeProps,e as _objectWithoutPropertiesLoose,j as jsxRuntime,f as clsx,h as composeClasses,fd as inputClasses,fe as inputBaseClasses,ff as outlinedInputClasses,fg as filledInputClasses,V as IconButton$1,cm as Popper,c as Paper,i as alpha,fh as ClearIcon,fi as ArrowDropDownIcon,cQ as _inheritsLoose,cM as _assertThisInitialized}from"./js-core.esm.js";import{C as Chip}from"./js-core.esm32.js";function stripDiacritics(e){return void 0!==e.normalize?e.normalize("NFD").replace(/[\u0300-\u036f]/g,""):e}function createFilterOptions(e={}){const{ignoreAccents:a=!0,ignoreCase:s=!0,limit:i,matchFrom:l="any",stringify:c,trim:u=!1}=e;return(e,{inputValue:t,getOptionLabel:o})=>{let n=u?t.trim():t;s&&(n=n.toLowerCase()),a&&(n=stripDiacritics(n));const r=e.filter(e=>{let t=(c||o)(e);return s&&(t=t.toLowerCase()),a&&(t=stripDiacritics(t)),"start"===l?0===t.indexOf(n):-1<t.indexOf(n)});return"number"==typeof i?r.slice(0,i):r}}function findIndex(t,o){for(let e=0;e<t.length;e+=1)if(o(t[e]))return e;return-1}const defaultFilterOptions=createFilterOptions(),pageSize=5;function useAutocomplete(e){const{autoComplete:a=!1,autoHighlight:D=!1,autoSelect:E=!1,blurOnSelect:s=!1,disabled:N,clearOnBlur:n=!e.freeSolo,clearOnEscape:j=!1,componentName:t="useAutocomplete",defaultValue:F=e.multiple?[]:null,disableClearable:U=!1,disableCloseOnSelect:W=!1,disabledItemsFocusable:V=!1,disableListWrap:B=!1,filterOptions:H=defaultFilterOptions,filterSelectedOptions:q=!1,freeSolo:i=!1,getOptionDisabled:l,getOptionLabel:G=e=>{var t;return null!=(t=e.label)?t:e},isOptionEqualToValue:c=(e,t)=>e===t,groupBy:u,handleHomeEndKeys:K=!e.freeSolo,id:Z,includeInputInList:Q=!1,inputValue:J,multiple:p=!1,onChange:X,onClose:Y,onHighlightChange:ee,onInputChange:r,onOpen:te,open:oe,openOnFocus:ne=!1,options:re,readOnly:d=!1,selectOnFocus:ae=!e.freeSolo,value:se}=e,m=useId(Z);G;let f;f=e=>{e=G(e);return"string"!=typeof e?String(e):e};const o=react.exports.useRef(!1),h=react.exports.useRef(!0),g=react.exports.useRef(null),x=react.exports.useRef(null),[ie,le]=react.exports.useState(null),[b,ce]=react.exports.useState(-1),ue=D?0:-1,v=react.exports.useRef(ue),[I,pe]=useControlled({controlled:se,default:F,name:t}),[S,C]=useControlled({controlled:J,default:"",name:t,state:"inputValue"}),[y,de]=react.exports.useState(!1),O=react.exports.useCallback((t,o)=>{if((p?I.length<o.length:null!==o)||n){let e;e=p||null==o?"":"string"==typeof(o=f(o))?o:"",S!==e&&(C(e),r&&r(t,e,"reset"))}},[f,S,p,r,C,n,I]),me=react.exports.useRef(),[R,fe]=(react.exports.useEffect(()=>{var e=I!==me.current;me.current=I,y&&!e||i&&!e||O(null,I)},[I,O,y,me,i]),useControlled({controlled:oe,default:!1,name:t,state:"open"})),[he,ge]=react.exports.useState(!0),xe=!p&&null!=I&&S===f(I),_=R&&!d,P=_?H(re.filter(t=>!q||!(p?I:[I]).some(e=>null!==e&&c(t,e))),{inputValue:xe&&he?"":S,getOptionLabel:f}):[],be=R&&0<P.length&&!d,A=useEventCallback(e=>{(-1===e?g.current:ie.querySelector(`[data-tag-index="${e}"]`)).focus()});react.exports.useEffect(()=>{p&&b>I.length-1&&(ce(-1),A(-1))},[I,p,b,A]);const T=useEventCallback(({event:e,index:t,reason:o="auto"})=>{if(-1===(v.current=t)?g.current.removeAttribute("aria-activedescendant"):g.current.setAttribute("aria-activedescendant",m+"-option-"+t),ee&&ee(e,-1===t?null:P[t],o),x.current){const n=x.current.querySelector('[role="option"].Mui-focused'),r=(n&&(n.classList.remove("Mui-focused"),n.classList.remove("Mui-focusVisible")),x.current.parentElement.querySelector('[role="listbox"]'));if(r)if(-1===t)r.scrollTop=0;else{const a=x.current.querySelector(`[data-option-index="${t}"]`);a&&(a.classList.add("Mui-focused"),"keyboard"===o&&a.classList.add("Mui-focusVisible"),r.scrollHeight>r.clientHeight&&"mouse"!==o&&(e=a,r.clientHeight+r.scrollTop<(t=e.offsetTop+e.offsetHeight)?r.scrollTop=t-r.clientHeight:e.offsetTop-e.offsetHeight*(u?1.3:0)<r.scrollTop&&(r.scrollTop=e.offsetTop-e.offsetHeight*(u?1.3:0))))}}}),w=useEventCallback(({event:e,diff:o,direction:t="next",reason:n="auto"})=>{if(_){t=function(e,t){if(!x.current||-1===e)return-1;let o=e;for(;;){if("next"===t&&o===P.length||"previous"===t&&-1===o)return-1;const r=x.current.querySelector(`[data-option-index="${o}"]`);var n=!V&&(!r||r.disabled||"true"===r.getAttribute("aria-disabled"));if(!(r&&!r.hasAttribute("tabindex")||n))return o;o+="next"===t?1:-1}}((()=>{var e=P.length-1;if("reset"===o)return ue;if("start"===o)return 0;if("end"===o)return e;var t=v.current+o;return t<0?-1===t&&Q?-1:B&&-1!==v.current||1<Math.abs(o)?0:e:e<t?t===1+e&&Q?-1:B||1<Math.abs(o)?e:0:t})(),t);if(T({index:t,reason:n,event:e}),a&&"reset"!==o)if(-1===t)g.current.value=S;else{const r=f(P[t]);0===(g.current.value=r).toLowerCase().indexOf(S.toLowerCase())&&0<S.length&&g.current.setSelectionRange(S.length,r.length)}}}),ve=react.exports.useCallback(()=>{if(_){const t=p?I[0]:I;if(0===P.length||null==t)w({diff:"reset"});else if(x.current)if(null!=t){const o=P[v.current];if(p&&o&&-1!==findIndex(I,e=>c(o,e)))return;var e=findIndex(P,e=>c(e,t));void(-1===e?w({diff:"reset"}):T({index:e}))}else v.current>=P.length-1?T({index:P.length-1}):T({index:v.current})}},[P.length,!p&&I,q,w,T,_,S,p]),Ie=useEventCallback(e=>{setRef(x,e),e&&ve()}),L=(react.exports.useEffect(()=>{ve()},[ve]),e=>{R||(fe(!0),ge(!0),te&&te(e))}),M=(e,t)=>{R&&(fe(!1),Y&&Y(e,t))},z=(e,o,t,n)=>{if(Array.isArray(I)){if(I.length===o.length&&I.every((e,t)=>e===o[t]))return}else if(I===o)return;X&&X(e,o,t,n),pe(o)},$=react.exports.useRef(!1),k=(e,t,o="selectOption",n="options")=>{let r=o,a=t;p&&(-1===(o=findIndex(a=Array.isArray(I)?I.slice():[],e=>c(t,e)))?a.push(t):"freeSolo"!==n&&(a.splice(o,1),r="removeOption")),O(e,a),z(e,a,r,{option:t}),W||e.ctrlKey||e.metaKey||M(e,r),(!0===s||"touch"===s&&$.current||"mouse"===s&&!$.current)&&g.current.blur()};const Se=(t,o)=>{if(p){M(t,"toggleInput");let e=b;-1===b?""===S&&"previous"===o&&(e=I.length-1):(e=(e+="next"===o?1:-1)<0?0:e)===I.length&&(e=-1),e=function(e,t){if(-1===e)return-1;let o=e;for(;;){if("next"===t&&o===I.length||"previous"===t&&-1===o)return-1;const n=ie.querySelector(`[data-tag-index="${o}"]`);if(n&&n.hasAttribute("tabindex")&&!n.disabled&&"true"!==n.getAttribute("aria-disabled"))return o;o+="next"===t?1:-1}}(e,o),ce(e),A(e)}},Ce=e=>{o.current=!0,C(""),r&&r(e,"","clear"),z(e,p?[]:null,"clear")},ye=e=>{null!==x.current&&x.current.parentElement.contains(document.activeElement)?g.current.focus():(de(!1),h.current=!0,o.current=!1,E&&-1!==v.current&&_?k(e,P[v.current],"blur"):E&&i&&""!==S?k(e,S,"blur","freeSolo"):n&&O(e,I),M(e,"blur"))},Oe=e=>{T({event:e,index:Number(e.currentTarget.getAttribute("data-option-index")),reason:"mouse"})},Re=()=>{$.current=!0},_e=e=>{var t=Number(e.currentTarget.getAttribute("data-option-index"));k(e,P[t],"selectOption"),$.current=!1},Pe=e=>{R?M(e,"toggleInput"):L(e)},Ae=e=>{e.target.getAttribute("id")!==m&&e.preventDefault()},Te=()=>{g.current.focus(),ae&&h.current&&g.current.selectionEnd-g.current.selectionStart==0&&g.current.select(),h.current=!1};e=i&&0<S.length||(p?0<I.length:null!==I);let we=P;return u&&(we=P.reduce((e,t,o)=>{var n=u(t);return 0<e.length&&e[e.length-1].group===n?e[e.length-1].options.push(t):e.push({key:o,index:o,group:n,options:[t]}),e},[])),N&&y&&ye(),{getRootProps:(e={})=>_extends({"aria-owns":be?m+"-listbox":null},e,{onKeyDown:(r=>e=>{if(r.onKeyDown&&r.onKeyDown(e),!e.defaultMuiPrevented&&(-1!==b&&-1===["ArrowLeft","ArrowRight"].indexOf(e.key)&&(ce(-1),A(-1)),229!==e.which))switch(e.key){case"Home":_&&K&&(e.preventDefault(),w({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":_&&K&&(e.preventDefault(),w({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),w({diff:-pageSize,direction:"previous",reason:"keyboard",event:e}),L(e);break;case"PageDown":e.preventDefault(),w({diff:pageSize,direction:"next",reason:"keyboard",event:e}),L(e);break;case"ArrowDown":e.preventDefault(),w({diff:1,direction:"next",reason:"keyboard",event:e}),L(e);break;case"ArrowUp":e.preventDefault(),w({diff:-1,direction:"previous",reason:"keyboard",event:e}),L(e);break;case"ArrowLeft":Se(e,"previous");break;case"ArrowRight":Se(e,"next");break;case"Enter":if(-1!==v.current&&_){var t=P[v.current],o=!!l&&l(t);if(e.preventDefault(),o)return;k(e,t,"selectOption"),a&&g.current.setSelectionRange(g.current.value.length,g.current.value.length)}else i&&""!==S&&!1==xe&&(p&&e.preventDefault(),k(e,S,"createOption","freeSolo"));break;case"Escape":_?(e.preventDefault(),e.stopPropagation(),M(e,"escape")):j&&(""!==S||p&&0<I.length)&&(e.preventDefault(),e.stopPropagation(),Ce(e));break;case"Backspace":if(p&&!d&&""===S&&0<I.length){o=-1===b?I.length-1:b;const n=I.slice();n.splice(o,1),z(e,n,"removeOption",{option:I[o]})}}})(e),onMouseDown:Ae,onClick:Te}),getInputLabelProps:()=>({id:m+"-label",htmlFor:m}),getInputProps:()=>({id:m,value:S,onBlur:ye,onFocus:e=>{de(!0),ne&&!o.current&&L(e)},onChange:e=>{var t=e.target.value;S!==t&&(C(t),ge(!1),r&&r(e,t,"input")),""===t?U||p||z(e,null,"clear"):L(e)},onMouseDown:e=>{""!==S&&R||Pe(e)},"aria-activedescendant":_?"":null,"aria-autocomplete":a?"both":"list","aria-controls":be?m+"-listbox":void 0,"aria-expanded":be,autoComplete:"off",ref:g,autoCapitalize:"none",spellCheck:"false",role:"combobox"}),getClearProps:()=>({tabIndex:-1,onClick:Ce}),getPopupIndicatorProps:()=>({tabIndex:-1,onClick:Pe}),getTagProps:({index:e})=>_extends({key:e,"data-tag-index":e,tabIndex:-1},!d&&{onDelete:(o=>e=>{const t=I.slice();t.splice(o,1),z(e,t,"removeOption",{option:I[o]})})(e)}),getListboxProps:()=>({role:"listbox",id:m+"-listbox","aria-labelledby":m+"-label",ref:Ie,onMouseDown:e=>{e.preventDefault()}}),getOptionProps:({index:e,option:t})=>{var o=(p?I:[I]).some(e=>null!=e&&c(t,e)),n=!!l&&l(t);return{key:f(t),tabIndex:-1,role:"option",id:m+"-option-"+e,onMouseOver:Oe,onClick:_e,onTouchStart:Re,"data-option-index":e,"aria-disabled":n,"aria-selected":o}},id:m,inputValue:S,value:I,dirty:e,popupOpen:_,focused:y||-1!==b,anchorEl:ie,setAnchorEl:le,focusedTag:b,groupedOptions:we}}function getListSubheaderUtilityClass(e){return generateUtilityClass("MuiListSubheader",e)}generateUtilityClasses("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]);const _excluded$1=["className","color","component","disableGutters","disableSticky","inset"],useUtilityClasses$1=e=>{var{classes:e,color:t,disableGutters:o,inset:n,disableSticky:r}=e,t={root:["root","default"!==t&&"color"+capitalize(t),!o&&"gutters",n&&"inset",!r&&"sticky"]};return composeClasses(t,getListSubheaderUtilityClass,e)},ListSubheaderRoot=styled("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,"default"!==e.color&&t["color"+capitalize(e.color)],!e.disableGutters&&t.gutters,e.inset&&t.inset,!e.disableSticky&&t.sticky]}})(({theme:e,ownerState:t})=>_extends({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:e.palette.text.secondary,fontFamily:e.typography.fontFamily,fontWeight:e.typography.fontWeightMedium,fontSize:e.typography.pxToRem(14)},"primary"===t.color&&{color:e.palette.primary.main},"inherit"===t.color&&{color:"inherit"},!t.disableGutters&&{paddingLeft:16,paddingRight:16},t.inset&&{paddingLeft:72},!t.disableSticky&&{position:"sticky",top:0,zIndex:1,backgroundColor:e.palette.background.paper})),ListSubheader=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiListSubheader"}),{className:o,color:n="default",component:r="li",disableGutters:a=!1,disableSticky:s=!1,inset:i=!1}=e,l=_objectWithoutPropertiesLoose(e,_excluded$1),e=_extends({},e,{color:n,component:r,disableGutters:a,disableSticky:s,inset:i}),n=useUtilityClasses$1(e);return jsxRuntime.exports.jsx(ListSubheaderRoot,_extends({as:r,className:clsx(n.root,o),ref:t,ownerState:e},l))});var ListSubheader$1=ListSubheader;function getAutocompleteUtilityClass(e){return generateUtilityClass("MuiAutocomplete",e)}const autocompleteClasses=generateUtilityClasses("MuiAutocomplete",["root","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 _ClearIcon,_ArrowDropDownIcon,autocompleteClasses$1=autocompleteClasses;const _excluded=["autoComplete","autoHighlight","autoSelect","blurOnSelect","ChipProps","className","clearIcon","clearOnBlur","clearOnEscape","clearText","closeText","componentsProps","defaultValue","disableClearable","disableCloseOnSelect","disabled","disabledItemsFocusable","disableListWrap","disablePortal","filterOptions","filterSelectedOptions","forcePopupIcon","freeSolo","fullWidth","getLimitTagsText","getOptionDisabled","getOptionLabel","isOptionEqualToValue","groupBy","handleHomeEndKeys","id","includeInputInList","inputValue","limitTags","ListboxComponent","ListboxProps","loading","loadingText","multiple","noOptionsText","onChange","onClose","onHighlightChange","onInputChange","onOpen","open","openOnFocus","openText","options","PaperComponent","PopperComponent","popupIcon","readOnly","renderGroup","renderInput","renderOption","renderTags","selectOnFocus","size","value"],useUtilityClasses=e=>{var{classes:e,disablePortal:t,focused:o,fullWidth:n,hasClearIcon:r,hasPopupIcon:a,inputFocused:s,popupOpen:i,size:l}=e,o={root:["root",o&&"focused",n&&"fullWidth",r&&"hasClearIcon",a&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",s&&"inputFocused"],tag:["tag","tagSize"+capitalize(l)],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",i&&"popupIndicatorOpen"],popper:["popper",t&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return composeClasses(o,getAutocompleteUtilityClass,e)},AutocompleteRoot=styled("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(e,t)=>{var e=e["ownerState"],{fullWidth:e,hasClearIcon:o,hasPopupIcon:n,inputFocused:r,size:a}=e;return[{["& ."+autocompleteClasses$1.tag]:t.tag},{["& ."+autocompleteClasses$1.tag]:t["tagSize"+capitalize(a)]},{["& ."+autocompleteClasses$1.inputRoot]:t.inputRoot},{["& ."+autocompleteClasses$1.input]:t.input},{["& ."+autocompleteClasses$1.input]:r&&t.inputFocused},t.root,e&&t.fullWidth,n&&t.hasPopupIcon,o&&t.hasClearIcon]}})(({ownerState:e})=>_extends({[`&.${autocompleteClasses$1.focused} .`+autocompleteClasses$1.clearIndicator]:{visibility:"visible"},"@media (pointer: fine)":{["&:hover ."+autocompleteClasses$1.clearIndicator]:{visibility:"visible"}}},e.fullWidth&&{width:"100%"},{["& ."+autocompleteClasses$1.tag]:_extends({margin:3,maxWidth:"calc(100% - 6px)"},"small"===e.size&&{margin:2,maxWidth:"calc(100% - 4px)"}),["& ."+autocompleteClasses$1.inputRoot]:{flexWrap:"wrap",[`.${autocompleteClasses$1.hasPopupIcon}&, .${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:30},[`.${autocompleteClasses$1.hasPopupIcon}.${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:56},["& ."+autocompleteClasses$1.input]:{width:0,minWidth:30}},["& ."+inputClasses.root]:{paddingBottom:1,"& .Sdk-MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${inputClasses.root}.`+inputBaseClasses.sizeSmall]:{["& ."+inputClasses.input]:{padding:"2px 4px 3px 0"}},["& ."+outlinedInputClasses.root]:{padding:9,[`.${autocompleteClasses$1.hasPopupIcon}&, .${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:39},[`.${autocompleteClasses$1.hasPopupIcon}.${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:65},["& ."+autocompleteClasses$1.input]:{padding:"7.5px 4px 7.5px 6px"},["& ."+autocompleteClasses$1.endAdornment]:{right:9}},[`& .${outlinedInputClasses.root}.`+inputBaseClasses.sizeSmall]:{padding:6,["& ."+autocompleteClasses$1.input]:{padding:"2.5px 4px 2.5px 6px"}},["& ."+filledInputClasses.root]:{paddingTop:19,paddingLeft:8,[`.${autocompleteClasses$1.hasPopupIcon}&, .${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:39},[`.${autocompleteClasses$1.hasPopupIcon}.${autocompleteClasses$1.hasClearIcon}&`]:{paddingRight:65},["& ."+filledInputClasses.input]:{padding:"7px 4px"},["& ."+autocompleteClasses$1.endAdornment]:{right:9}},[`& .${filledInputClasses.root}.`+inputBaseClasses.sizeSmall]:{paddingBottom:1,["& ."+filledInputClasses.input]:{padding:"2.5px 4px"}},["& ."+inputBaseClasses.hiddenLabel]:{paddingTop:8},["& ."+autocompleteClasses$1.input]:_extends({flexGrow:1,textOverflow:"ellipsis",opacity:0},e.inputFocused&&{opacity:1})})),AutocompleteEndAdornment=styled("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(e,t)=>t.endAdornment})({position:"absolute",right:0,top:"calc(50% - 14px)"}),AutocompleteClearIndicator=styled(IconButton$1,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(e,t)=>t.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),AutocompletePopupIndicator=styled(IconButton$1,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:({ownerState:e},t)=>_extends({},t.popupIndicator,e.popupOpen&&t.popupIndicatorOpen)})(({ownerState:e})=>_extends({padding:2,marginRight:-2},e.popupOpen&&{transform:"rotate(180deg)"})),AutocompletePopper=styled(Popper,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(e,t)=>{e=e.ownerState;return[{["& ."+autocompleteClasses$1.option]:t.option},t.popper,e.disablePortal&&t.popperDisablePortal]}})(({theme:e,ownerState:t})=>_extends({zIndex:e.zIndex.modal},t.disablePortal&&{position:"absolute"})),AutocompletePaper=styled(Paper,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(e,t)=>t.paper})(({theme:e})=>_extends({},e.typography.body1,{overflow:"auto"})),AutocompleteLoading=styled("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(e,t)=>t.loading})(({theme:e})=>({color:e.palette.text.secondary,padding:"14px 16px"})),AutocompleteNoOptions=styled("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(e,t)=>t.noOptions})(({theme:e})=>({color:e.palette.text.secondary,padding:"14px 16px"})),AutocompleteListbox=styled("div",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(e,t)=>t.listbox})(({theme:e})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",["& ."+autocompleteClasses$1.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,[e.breakpoints.up("sm")]:{minHeight:"auto"},["&."+autocompleteClasses$1.focused]:{backgroundColor:e.palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:e.palette.action.disabledOpacity,pointerEvents:"none"},["&."+autocompleteClasses$1.focusVisible]:{backgroundColor:e.palette.action.focus},'&[aria-selected="true"]':{backgroundColor:alpha(e.palette.primary.main,e.palette.action.selectedOpacity),["&."+autocompleteClasses$1.focused]:{backgroundColor:alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.palette.action.selected}},["&."+autocompleteClasses$1.focusVisible]:{backgroundColor:alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}}})),AutocompleteGroupLabel=styled(ListSubheader$1,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(e,t)=>t.groupLabel})(({theme:e})=>({backgroundColor:e.palette.background.paper,top:-8})),AutocompleteGroupUl=styled("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(e,t)=>t.groupUl})({padding:0,["& ."+autocompleteClasses$1.option]:{paddingLeft:24}}),Autocomplete=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiAutocomplete"});const{ChipProps:o,className:n,clearIcon:r=_ClearIcon=_ClearIcon||jsxRuntime.exports.jsx(ClearIcon,{fontSize:"small"}),clearOnBlur:D=e.freeSolo,clearText:a="Clear",closeText:s="Close",componentsProps:i={},defaultValue:E=e.multiple,disableClearable:l=!1,disabled:c=!1,disablePortal:u=!1,forcePopupIcon:p="auto",freeSolo:d=!1,fullWidth:m=!1,getLimitTagsText:f=e=>"+"+e,getOptionLabel:h=e=>{var t;return null!=(t=e.label)?t:e},groupBy:g,handleHomeEndKeys:N=e.freeSolo,limitTags:x=-1,ListboxComponent:b="ul",ListboxProps:j,loading:v=!1,loadingText:F="Loading…",multiple:U=!1,noOptionsText:W="No options",openText:I="Open",PaperComponent:V=Paper,PopperComponent:B=Popper,popupIcon:H=_ArrowDropDownIcon=_ArrowDropDownIcon||jsxRuntime.exports.jsx(ArrowDropDownIcon,{}),readOnly:S=!1,renderGroup:q,renderInput:G,renderOption:K,renderTags:C,selectOnFocus:Z=e.freeSolo,size:y="medium"}=e,Q=_objectWithoutPropertiesLoose(e,_excluded),{getRootProps:J,getInputProps:X,getInputLabelProps:Y,getPopupIndicatorProps:ee,getClearProps:te,getTagProps:oe,getListboxProps:ne,getOptionProps:re,value:O,dirty:ae,id:se,popupOpen:R,focused:_,focusedTag:ie,anchorEl:P,setAnchorEl:le,inputValue:ce,groupedOptions:A}=useAutocomplete(_extends({},e,{componentName:"Autocomplete"}));var T=!l&&!c&&ae&&!S,w=(!d||!0===p)&&!1!==p;const L=_extends({},e,{disablePortal:u,focused:_,fullWidth:m,hasClearIcon:T,hasPopupIcon:w,inputFocused:-1===ie,popupOpen:R,size:y}),M=useUtilityClasses(L);let z;if(U&&0<O.length){const k=e=>_extends({className:clsx(M.tag),disabled:c},oe(e));z=C?C(O,k):O.map((e,t)=>jsxRuntime.exports.jsx(Chip,_extends({label:h(e),size:y},k({index:t}),o)))}-1<x&&Array.isArray(z)&&(e=z.length-x,!_&&0<e&&(z=z.splice(0,x)).push(jsxRuntime.exports.jsx("span",{className:M.tag,children:f(e)},z.length)));const ue=q||(e=>jsxRuntime.exports.jsxs("li",{children:[jsxRuntime.exports.jsx(AutocompleteGroupLabel,{className:M.groupLabel,ownerState:L,component:"div",children:e.group}),jsxRuntime.exports.jsx(AutocompleteGroupUl,{className:M.groupUl,ownerState:L,children:e.children})]},e.key));const pe=K||((e,t)=>jsxRuntime.exports.jsx("li",_extends({},e,{children:h(t)}))),$=(e,t)=>{t=re({option:e,index:t});return pe(_extends({},t,{className:M.option}),e,{selected:t["aria-selected"],inputValue:ce})};return jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsx(AutocompleteRoot,_extends({ref:t,className:clsx(M.root,n),ownerState:L},J(Q),{children:G({id:se,disabled:c,fullWidth:!0,size:"small"===y?"small":void 0,InputLabelProps:Y(),InputProps:{ref:le,className:M.inputRoot,startAdornment:z,endAdornment:jsxRuntime.exports.jsxs(AutocompleteEndAdornment,{className:M.endAdornment,ownerState:L,children:[T?jsxRuntime.exports.jsx(AutocompleteClearIndicator,_extends({},te(),{"aria-label":a,title:a,ownerState:L},i.clearIndicator,{className:clsx(M.clearIndicator,null==(e=i.clearIndicator)?void 0:e.className),children:r})):null,w?jsxRuntime.exports.jsx(AutocompletePopupIndicator,_extends({},ee(),{disabled:c,"aria-label":R?s:I,title:R?s:I,className:clsx(M.popupIndicator),ownerState:L,children:H})):null]})},inputProps:_extends({className:clsx(M.input),disabled:c,readOnly:S},X())})})),R&&P?jsxRuntime.exports.jsx(AutocompletePopper,{as:B,className:clsx(M.popper),disablePortal:u,style:{width:P?P.clientWidth:null},ownerState:L,role:"presentation",anchorEl:P,open:!0,children:jsxRuntime.exports.jsxs(AutocompletePaper,_extends({ownerState:L,as:V},i.paper,{className:clsx(M.paper,null==(t=i.paper)?void 0:t.className),children:[v&&0===A.length?jsxRuntime.exports.jsx(AutocompleteLoading,{className:M.loading,ownerState:L,children:F}):null,0!==A.length||d||v?null:jsxRuntime.exports.jsx(AutocompleteNoOptions,{className:M.noOptions,ownerState:L,role:"presentation",onMouseDown:e=>{e.preventDefault()},children:W}),0<A.length?jsxRuntime.exports.jsx(AutocompleteListbox,_extends({as:b,className:M.listbox,ownerState:L},ne(),j,{children:A.map((o,e)=>g?ue({key:o.key,group:o.group,children:o.options.map((e,t)=>$(e,o.index+t))}):$(o,e))})):null]}))}):null]})});var Autocomplete$1=Autocomplete;function areInputsEqual(e,t){if(e.length!==t.length)return!1;for(var o=0;o<e.length;o++)if(e[o]!==t[o])return!1;return!0}function memoizeOne(o,n){void 0===n&&(n=areInputsEqual);var r,a,s=[],i=!1;return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i&&r===this&&n(e,s)||(a=o.apply(this,e),i=!0,r=this,s=e),a}}var hasNativePerformanceNow="object"==typeof performance&&"function"==typeof performance.now,now=hasNativePerformanceNow?function(){return performance.now()}:function(){return Date.now()};function cancelTimeout(e){cancelAnimationFrame(e.id)}function requestTimeout(t,o){var n=now();var r={id:requestAnimationFrame(function e(){now()-n>=o?t.call(null):r.id=requestAnimationFrame(e)})};return r}var cachedRTLResult=null;function getRTLOffsetType(e){var t,o;return void 0===e&&(e=!1),(null===cachedRTLResult||e)&&((t=(e=document.createElement("div")).style).width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl",(o=(t=document.createElement("div")).style).width="100px",o.height="100px",e.appendChild(t),document.body.appendChild(e),cachedRTLResult=0<e.scrollLeft?"positive-descending":(e.scrollLeft=1,0===e.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(e)),cachedRTLResult}var IS_SCROLLING_DEBOUNCE_INTERVAL$1=150,defaultItemKey$1=function(e,t){return e};function createListComponent(e){var c=e.getItemOffset,y=e.getEstimatedTotalSize,u=e.getItemSize,r=e.getOffsetForIndexAndAlignment,i=e.getStartIndexForOffset,l=e.getStopIndexForStartIndex,n=e.initInstanceProps,p=e.shouldResetStyleCacheOnItemSizeChange,a=e.validateProps,t=e=function(t){function e(e){var l=t.call(this,e)||this;return l._instanceProps=n(l.props,_assertThisInitialized(_assertThisInitialized(l))),l._outerRef=void 0,l._resetIsScrollingTimeoutId=null,l.state={instance:_assertThisInitialized(_assertThisInitialized(l)),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof l.props.initialScrollOffset?l.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},l._callOnItemsRendered=void 0,l._callOnItemsRendered=memoizeOne(function(e,t,o,n){return l.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:t,visibleStartIndex:o,visibleStopIndex:n})}),l._callOnScroll=void 0,l._callOnScroll=memoizeOne(function(e,t,o){return l.props.onScroll({scrollDirection:e,scrollOffset:t,scrollUpdateWasRequested:o})}),l._getItemStyle=void 0,l._getItemStyle=function(e){var t,o,n,r,a=l.props,s=a.direction,i=a.itemSize,a=a.layout,i=l._getItemStyleCache(p&&i,p&&a,p&&s);return i.hasOwnProperty(e)?t=i[e]:(o=c(l.props,e,l._instanceProps),n=u(l.props,e,l._instanceProps),r=(a="horizontal"===s||"horizontal"===a)?o:0,i[e]=t={position:"absolute",left:(i="rtl"===s)?void 0:r,right:i?r:void 0,top:a?0:o,height:a?"100%":n,width:a?n:"100%"}),t},l._getItemStyleCache=void 0,l._getItemStyleCache=memoizeOne(function(e,t,o){return{}}),l._onScrollHorizontal=function(e){var e=e.currentTarget,n=e.clientWidth,r=e.scrollLeft,a=e.scrollWidth;l.setState(function(e){if(e.scrollOffset===r)return null;var t=l.props.direction,o=r;if("rtl"===t)switch(getRTLOffsetType()){case"negative":o=-r;break;case"positive-descending":o=a-n-r}return o=Math.max(0,Math.min(o,a-n)),{isScrolling:!0,scrollDirection:e.scrollOffset<r?"forward":"backward",scrollOffset:o,scrollUpdateWasRequested:!1}},l._resetIsScrollingDebounced)},l._onScrollVertical=function(e){var e=e.currentTarget,o=e.clientHeight,n=e.scrollHeight,r=e.scrollTop;l.setState(function(e){if(e.scrollOffset===r)return null;var t=Math.max(0,Math.min(r,n-o));return{isScrolling:!0,scrollDirection:e.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!1}},l._resetIsScrollingDebounced)},l._outerRefSetter=function(e){var t=l.props.outerRef;l._outerRef=e,"function"==typeof t?t(e):null!=t&&"object"==typeof t&&t.hasOwnProperty("current")&&(t.current=e)},l._resetIsScrollingDebounced=function(){null!==l._resetIsScrollingTimeoutId&&cancelTimeout(l._resetIsScrollingTimeoutId),l._resetIsScrollingTimeoutId=requestTimeout(l._resetIsScrolling,IS_SCROLLING_DEBOUNCE_INTERVAL$1)},l._resetIsScrolling=function(){l._resetIsScrollingTimeoutId=null,l.setState({isScrolling:!1},function(){l._getItemStyleCache(-1,null)})},l}_inheritsLoose(e,t),e.getDerivedStateFromProps=function(e,t){return validateSharedProps$1(e,t),a(e),null};var o=e.prototype;return o.scrollTo=function(t){t=Math.max(0,t),this.setState(function(e){return e.scrollOffset===t?null:{scrollDirection:e.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},o.scrollToItem=function(e,t){void 0===t&&(t="auto");var o=this.props.itemCount,n=this.state.scrollOffset;e=Math.max(0,Math.min(e,o-1)),this.scrollTo(r(this.props,e,t,n,this._instanceProps))},o.componentDidMount=function(){var e,t=this.props,o=t.direction,n=t.initialScrollOffset,t=t.layout;"number"==typeof n&&null!=this._outerRef&&(e=this._outerRef,"horizontal"===o||"horizontal"===t?e.scrollLeft=n:e.scrollTop=n),this._callPropsCallbacks()},o.componentDidUpdate=function(){var e=this.props,t=e.direction,e=e.layout,o=this.state,n=o.scrollOffset;if(o.scrollUpdateWasRequested&&null!=this._outerRef){var r=this._outerRef;if("horizontal"===t||"horizontal"===e)if("rtl"===t)switch(getRTLOffsetType()){case"negative":r.scrollLeft=-n;break;case"positive-ascending":r.scrollLeft=n;break;default:var a=r.clientWidth,s=r.scrollWidth;r.scrollLeft=s-a-n}else r.scrollLeft=n;else r.scrollTop=n}this._callPropsCallbacks()},o.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&cancelTimeout(this._resetIsScrollingTimeoutId)},o.render=function(){var e=this.props,t=e.children,o=e.className,n=e.direction,r=e.height,a=e.innerRef,s=e.innerElementType,i=e.innerTagName,l=e.itemCount,c=e.itemData,u=e.itemKey,p=void 0===u?defaultItemKey$1:u,u=e.layout,d=e.outerElementType,m=e.outerTagName,f=e.style,h=e.useIsScrolling,e=e.width,g=this.state.isScrolling,u="horizontal"===n||"horizontal"===u,x=u?this._onScrollHorizontal:this._onScrollVertical,b=this._getRangeToRender(),v=b[0],I=b[1],S=[];if(0<l)for(var C=v;C<=I;C++)S.push(react.exports.createElement(t,{data:c,key:p(C,c),index:C,isScrolling:h?g:void 0,style:this._getItemStyle(C)}));b=y(this.props,this._instanceProps);return react.exports.createElement(d||m||"div",{className:o,onScroll:x,ref:this._outerRefSetter,style:_extends({position:"relative",height:r,width:e,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:n},f)},react.exports.createElement(s||i||"div",{children:S,ref:a,style:{height:u?"100%":b,pointerEvents:g?"none":void 0,width:u?b:"100%"}}))},o._callPropsCallbacks=function(){var e,t,o,n;"function"==typeof this.props.onItemsRendered&&0<this.props.itemCount&&(e=(n=this._getRangeToRender())[0],t=n[1],o=n[2],n=n[3],this._callOnItemsRendered(e,t,o,n)),"function"==typeof this.props.onScroll&&(t=(e=this.state).scrollDirection,o=e.scrollOffset,n=e.scrollUpdateWasRequested,this._callOnScroll(t,o,n))},o._getRangeToRender=function(){var e=this.props,t=e.itemCount,e=e.overscanCount,o=this.state,n=o.isScrolling,r=o.scrollDirection,o=o.scrollOffset;if(0===t)return[0,0,0,0];var a=i(this.props,o,this._instanceProps),o=l(this.props,a,o,this._instanceProps),s=n&&"backward"!==r?1:Math.max(1,e),n=n&&"forward"!==r?1:Math.max(1,e);return[Math.max(0,a-s),Math.max(0,Math.min(t-1,o+n)),a,o]},e}(react.exports.PureComponent);return e.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var validateSharedProps$1=function(e,t){e.children,e.direction,e.height,e.layout,e.innerTagName,e.outerTagName,e.width,t.instance},DEFAULT_ESTIMATED_ITEM_SIZE$1=50,getItemMetadata$1=function(e,t,o){var n=e.itemSize,r=o.itemMetadataMap,e=o.lastMeasuredIndex;if(e<t){var a,s=0;0<=e&&(s=(a=r[e]).offset+a.size);for(var i=e+1;i<=t;i++){var l=n(i);r[i]={offset:s,size:l},s+=l}o.lastMeasuredIndex=t}return r[t]},findNearestItem$1=function(e,t,o){var n=t.itemMetadataMap,r=t.lastMeasuredIndex;return o<=(0<r?n[r].offset:0)?findNearestItemBinarySearch$1(e,t,r,0,o):findNearestItemExponentialSearch$1(e,t,Math.max(0,r),o)},findNearestItemBinarySearch$1=function(e,t,o,n,r){for(;n<=o;){var a=n+Math.floor((o-n)/2),s=getItemMetadata$1(e,a,t).offset;if(s===r)return a;s<r?n=a+1:r<s&&(o=a-1)}return 0<n?n-1:0},findNearestItemExponentialSearch$1=function(e,t,o,n){for(var r=e.itemCount,a=1;o<r&&getItemMetadata$1(e,o,t).offset<n;)o+=a,a*=2;return findNearestItemBinarySearch$1(e,t,Math.min(o,r-1),Math.floor(o/2),n)},getEstimatedTotalSize=function(e,t){var e=e.itemCount,o=t.itemMetadataMap,n=t.estimatedItemSize,t=t.lastMeasuredIndex,r=0,e=e-(t=e<=t?e-1:t)-1;return(r=0<=t?(o=o[t]).offset+o.size:r)+e*n},VariableSizeList=createListComponent({getItemOffset:function(e,t,o){return getItemMetadata$1(e,t,o).offset},getItemSize:function(e,t,o){return o.itemMetadataMap[t].size},getEstimatedTotalSize:getEstimatedTotalSize,getOffsetForIndexAndAlignment:function(e,t,o,n,r){var a=e.direction,s=e.height,i=e.layout,l=e.width,a="horizontal"===a||"horizontal"===i?l:s,i=getItemMetadata$1(e,t,r),l=getEstimatedTotalSize(e,r),c=Math.max(0,Math.min(l-a,i.offset)),u=Math.max(0,i.offset-a+i.size);switch(o="smart"===o?u-a<=n&&n<=c+a?"auto":"center":o){case"start":return c;case"end":return u;case"center":return Math.round(u+(c-u)/2);default:return u<=n&&n<=c?n:n<u?u:c}},getStartIndexForOffset:function(e,t,o){return findNearestItem$1(e,o,t)},getStopIndexForStartIndex:function(e,t,o,n){for(var r=e.direction,a=e.height,s=e.itemCount,i=e.layout,l=e.width,r="horizontal"===r||"horizontal"===i?l:a,i=getItemMetadata$1(e,t,n),c=o+r,u=i.offset+i.size,p=t;p<s-1&&u<c;)u+=getItemMetadata$1(e,++p,n).size;return p},initInstanceProps:function(e,o){var n={itemMetadataMap:{},estimatedItemSize:e.estimatedItemSize||DEFAULT_ESTIMATED_ITEM_SIZE$1,lastMeasuredIndex:-1};return o.resetAfterIndex=function(e,t){void 0===t&&(t=!0),n.lastMeasuredIndex=Math.min(n.lastMeasuredIndex,e-1),o._getItemStyleCache(-1),t&&o.forceUpdate()},n},shouldResetStyleCacheOnItemSizeChange:!1,validateProps:function(e){e.itemSize}}),FixedSizeList=createListComponent({getItemOffset:function(e,t){return t*e.itemSize},getItemSize:function(e,t){return e.itemSize},getEstimatedTotalSize:function(e){var t=e.itemCount;return e.itemSize*t},getOffsetForIndexAndAlignment:function(e,t,o,n){var r=e.direction,a=e.height,s=e.itemCount,i=e.itemSize,l=e.layout,e=e.width,c="horizontal"===r||"horizontal"===l?e:a,u=Math.max(0,s*i-c),p=Math.min(u,t*i),d=Math.max(0,t*i-c+i);switch(o="smart"===o?d-c<=n&&n<=p+c?"auto":"center":o){case"start":return p;case"end":return d;case"center":var m=Math.round(d+(p-d)/2);return m<Math.ceil(c/2)?0:m>u+Math.floor(c/2)?u:m;default:return d<=n&&n<=p?n:n<d?d:p}},getStartIndexForOffset:function(e,t){var o=e.itemCount,e=e.itemSize;return Math.max(0,Math.min(o-1,Math.floor(t/e)))},getStopIndexForStartIndex:function(e,t,o){var n=e.direction,r=e.height,a=e.itemCount,s=e.itemSize,i=e.layout,e=e.width,n=Math.ceil((("horizontal"===n||"horizontal"===i?e:r)+o-t*s)/s);return Math.max(0,Math.min(a-1,t+n-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){e.itemSize}});export{Autocomplete$1 as A,FixedSizeList as F,ListSubheader$1 as L,VariableSizeList as V,autocompleteClasses$1 as a};
|
package/js-core.esm31.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{fj as _baseEach,ds as _baseIteratee,fk as _arrayFilter,d_ as isArray_1}from"./js-core.esm.js";var baseEach=_baseEach;function baseFilter$1(r,t){var s=[];return baseEach(r,function(r,e,a){t(r,e,a)&&s.push(r)}),s}var _baseFilter=baseFilter$1,arrayFilter=_arrayFilter,baseFilter=baseFilter$1,baseIteratee=_baseIteratee,isArray=isArray_1;function filter(r,e){return(isArray(r)?arrayFilter:baseFilter)(r,baseIteratee(e))}var filter_1=filter;export{filter_1 as f};
|
package/js-core.esm32.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as generateUtilityClasses,g as generateUtilityClass,r as react,f as clsx,j as jsxRuntime,n as useControlled,fi as useIsFocusVisible,bB as useForkRef,dG as useEnhancedEffect,f8 as useEventCallback,fj as ownerDocument,_ as _extends,e as _objectWithoutPropertiesLoose,fk as appendOwnerState,cI as isHostComponent,h as composeClasses,b as styled,d as capitalize,l as lighten,k as darken,i as alpha,fl as slotShouldForwardProp,u as useThemeProps,cE as useTheme,fm as shouldSpreadAdditionalProps,G as useDispatch,H as useSelector,m as makeStyles,fn as Slide,bj as unmountPanel,c as Paper,T as Typography,V as IconButton,av as hidePanel,a6 as Divider,fo as updatePanelMicroFrontendProps,fp as setData,ar as Button}from"./js-core.esm.js";import{d as default_1}from"./js-core.esm8.js";import{C as Card}from"./js-core.esm20.js";import{C as CardContent,a as CardActions}from"./js-core.esm21.js";const visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var visuallyHidden$1=visuallyHidden;function getSliderUtilityClass(e){return generateUtilityClass("MuiSlider",e)}const sliderUnstyledClasses=generateUtilityClasses("MuiSlider",["root","active","focusVisible","disabled","dragging","marked","vertical","trackInverted","trackFalse","rail","track","mark","markActive","markLabel","markLabelActive","thumb","valueLabel","valueLabelOpen","valueLabelCircle","valueLabelLabel"]);var sliderUnstyledClasses$1=sliderUnstyledClasses;const useValueLabelClasses=e=>{e=e.open;return{offset:clsx(e&&sliderUnstyledClasses$1.valueLabelOpen),circle:sliderUnstyledClasses$1.valueLabelCircle,label:sliderUnstyledClasses$1.valueLabelLabel}};function SliderValueLabelUnstyled(e){var{children:t,className:a,value:s,theme:n}=e,e=useValueLabelClasses(e);return react.exports.cloneElement(t,{className:clsx(t.props.className)},jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[t.props.children,jsxRuntime.exports.jsx("span",{className:clsx(e.offset,a),theme:n,"aria-hidden":!0,children:jsxRuntime.exports.jsx("span",{className:e.circle,children:jsxRuntime.exports.jsx("span",{className:e.label,children:s})})})]}))}const INTENTIONAL_DRAG_COUNT_THRESHOLD=2;function asc(e,t){return e-t}function clamp(e,t,a){return null==e?t:Math.min(Math.max(t,e),a)}function findClosest(e,s){e=(null!=(e=e.reduce((e,t,a)=>{t=Math.abs(s-t);return null===e||t<e.distance||t===e.distance?{distance:t,index:a}:e},null))?e:{}).index;return e}function trackFinger(e,t){if(void 0!==t.current&&e.changedTouches){var a=e;for(let e=0;e<a.changedTouches.length;e+=1){var s=a.changedTouches[e];if(s.identifier===t.current)return{x:s.clientX,y:s.clientY}}return!1}return{x:e.clientX,y:e.clientY}}function valueToPercent(e,t,a){return 100*(e-t)/(a-t)}function percentToValue(e,t,a){return(a-t)*e+t}function getDecimalPrecision(e){if(Math.abs(e)<1){const a=e.toExponential().split("e-");var t=a[0].split(".")[1];return(t?t.length:0)+parseInt(a[1],10)}t=e.toString().split(".")[1];return t?t.length:0}function roundValueToStep(e,t,a){const s=Math.round((e-a)/t)*t+a;return Number(s.toFixed(getDecimalPrecision(t)))}function setValueIndex({values:e,newValue:t,index:a}){const s=e.slice();return s[a]=t,s.sort(asc)}function focusThumb({sliderRef:e,activeIndex:t,setActive:a}){var s,n=ownerDocument(e.current);null!=(s=e.current)&&s.contains(n.activeElement)&&Number(null==n||null==(s=n.activeElement)?void 0:s.getAttribute("data-index"))===t||null!=(n=e.current)&&n.querySelector(`[type="range"][data-index="${t}"]`).focus(),a&&a(t)}const axisProps={horizontal:{offset:e=>({left:e+"%"}),leap:e=>({width:e+"%"})},"horizontal-reverse":{offset:e=>({right:e+"%"}),leap:e=>({width:e+"%"})},vertical:{offset:e=>({bottom:e+"%"}),leap:e=>({height:e+"%"})}},Identity$1=e=>e;let cachedSupportsTouchActionNone;function doesSupportTouchActionNone(){return cachedSupportsTouchActionNone=void 0===cachedSupportsTouchActionNone?"undefined"==typeof CSS||"function"!=typeof CSS.supports||CSS.supports("touch-action","none"):cachedSupportsTouchActionNone}function useSlider(n){const{ref:M,"aria-labelledby":V,defaultValue:e,disableSwap:u=!1,disabled:o=!1,marks:t=!1,max:p=100,min:m=0,name:i,onChange:r,onChangeCommitted:l,orientation:d="horizontal",scale:c=Identity$1,step:x=1,tabIndex:E,value:F,isRtl:h=!1}=n,v=react.exports.useRef(),[a,b]=react.exports.useState(-1),[D,g]=react.exports.useState(-1),[s,U]=react.exports.useState(!1),f=react.exports.useRef(0),[j,S]=useControlled({controlled:F,default:null!=e?e:m,name:"Slider"}),y=r&&((e,t,a)=>{const s=e.nativeEvent||e;e=new s.constructor(s.type,s);Object.defineProperty(e,"target",{writable:!0,value:{value:t,name:i}}),r(e,t,a)}),k=Array.isArray(j);let C=k?j.slice().sort(asc):[j];C=C.map(e=>clamp(e,m,p));const R=!0===t&&null!==x?[...Array(Math.floor((p-m)/x)+1)].map((e,t)=>({value:m+x*t})):t||[],w=R.map(e=>e.value),{isFocusVisibleRef:B,onBlur:H,onFocus:$,ref:W}=useIsFocusVisible(),[Y,L]=react.exports.useState(-1),P=react.exports.useRef();var T=useForkRef(W,P);const X=useForkRef(M,T),G=(useEnhancedEffect(()=>{var e;o&&P.current.contains(document.activeElement)&&null!=(e=document.activeElement)&&e.blur()},[o]),o&&-1!==a&&b(-1),o&&-1!==Y&&L(-1),react.exports.useRef());let _=d;h&&"horizontal"===d&&(_+="-reverse");const z=({finger:e,move:t=!1,values:a})=>{const s=P["current"];var{width:n,height:r,bottom:o,left:i}=s.getBoundingClientRect();let l;l=0===_.indexOf("vertical")?(o-e.y)/r:(e.x-i)/n,-1!==_.indexOf("-reverse")&&(l=1-l);let d,c=(d=percentToValue(l,m,p),d=clamp(d=x?roundValueToStep(d,x,m):(o=findClosest(w,d),w[o]),m,p),0);return k&&(c=t?G.current:findClosest(a,d),r=d=u?clamp(d,a[c-1]||-1/0,a[c+1]||1/0):d,d=setValueIndex({values:a,newValue:d,index:c}),u&&t||(c=d.indexOf(r),G.current=c)),{newValue:d,activeIndex:c}},N=useEventCallback(e=>{var t,a=trackFinger(e,v);a&&(f.current+=1,"mousemove"===e.type&&0===e.buttons?O(e):({newValue:a,activeIndex:t}=z({finger:a,move:!0,values:C}),focusThumb({sliderRef:P,activeIndex:t,setActive:b}),S(a),!s&&f.current>INTENTIONAL_DRAG_COUNT_THRESHOLD&&U(!0),y&&y(e,a,t)))}),O=useEventCallback(e=>{var t=trackFinger(e,v);U(!1),t&&(t=z({finger:t,values:C})["newValue"],b(-1),"touchend"===e.type&&g(-1),l&&l(e,t),v.current=void 0,I())}),A=useEventCallback(e=>{if(!o){doesSupportTouchActionNone()||e.preventDefault();var t,a=e.changedTouches[0],a=(null!=a&&(v.current=a.identifier),trackFinger(e,v));!1!==a&&({newValue:a,activeIndex:t}=z({finger:a,values:C}),focusThumb({sliderRef:P,activeIndex:t,setActive:b}),S(a),y&&y(e,a,t)),f.current=0;const s=ownerDocument(P.current);s.addEventListener("touchmove",N),s.addEventListener("touchend",O)}}),I=react.exports.useCallback(()=>{const e=ownerDocument(P.current);e.removeEventListener("mousemove",N),e.removeEventListener("mouseup",O),e.removeEventListener("touchmove",N),e.removeEventListener("touchend",O)},[O,N]);react.exports.useEffect(()=>{const e=P["current"];return e.addEventListener("touchstart",A,{passive:doesSupportTouchActionNone()}),()=>{e.removeEventListener("touchstart",A,{passive:doesSupportTouchActionNone()}),I()}},[I,A]),react.exports.useEffect(()=>{o&&I()},[o,I]);var T=valueToPercent(k?C[0]:m,m,p),q=valueToPercent(C[C.length-1],m,p)-T;return{axis:_,axisProps:axisProps,getRootProps:e=>{var n,t={onMouseDown:(n=e||{},e=>{if(null!=(a=n.onMouseDown)&&a.call(n,e),!o&&!e.defaultPrevented&&0===e.button){e.preventDefault();var t,a=trackFinger(e,v);!1!==a&&({newValue:a,activeIndex:t}=z({finger:a,values:C}),focusThumb({sliderRef:P,activeIndex:t,setActive:b}),S(a),y&&y(e,a,t)),f.current=0;const s=ownerDocument(P.current);s.addEventListener("mousemove",N),s.addEventListener("mouseup",O)}})},e=_extends({},e,t);return _extends({ref:X},e)},getHiddenInputProps:e=>{var a,s,r,t={onChange:(r=e||{},e=>{null!=(t=r.onChange)&&t.call(r,e);var t=Number(e.currentTarget.getAttribute("data-index")),a=C[t],s=w.indexOf(a);let n=e.target.valueAsNumber;if(n=clamp(n=R&&null==x?n<a?w[s-1]:w[s+1]:n,m,p),R&&null==x&&(a=w.indexOf(C[t]),n=n<C[t]?w[a-1]:w[a+1]),k){s=n=u?clamp(n,C[t-1]||-1/0,C[t+1]||1/0):n;n=setValueIndex({values:C,newValue:n,index:t});let e=t;u||(e=n.indexOf(s)),focusThumb({sliderRef:P,activeIndex:e})}S(n),L(t),y&&y(e,n,t),l&&l(e,n)}),onFocus:(s=e||{},e=>{var t=Number(e.currentTarget.getAttribute("data-index"));$(e),!0===B.current&&L(t),g(t),null!=s&&null!=(t=s.onFocus)&&t.call(s,e)}),onBlur:(a=e||{},e=>{var t;H(e),!1===B.current&&L(-1),g(-1),null!=a&&null!=(t=a.onBlur)&&t.call(a,e)})},e=_extends({},e,t);return _extends({tabIndex:E,"aria-labelledby":V,"aria-orientation":d,"aria-valuemax":c(p),"aria-valuemin":c(m),name:i,type:"range",min:n.min,max:n.max,step:n.step,disabled:o},e,{style:_extends({},visuallyHidden$1,{direction:h?"rtl":"ltr",width:"100%",height:"100%"})})},getThumbProps:e=>{var a,s,t={onMouseOver:(s=e||{},e=>{null!=(t=s.onMouseOver)&&t.call(s,e);var t=Number(e.currentTarget.getAttribute("data-index"));g(t)}),onMouseLeave:(a=e||{},e=>{var t;null!=(t=a.onMouseLeave)&&t.call(a,e),g(-1)})},e=_extends({},e,t);return _extends({},e)},dragging:s,marks:R,values:C,active:a,focusVisible:Y,open:D,range:k,trackOffset:T,trackLeap:q}}const _excluded$1=["aria-label","aria-valuetext","className","component","classes","disableSwap","disabled","getAriaLabel","getAriaValueText","marks","max","min","name","onChange","onChangeCommitted","onMouseDown","orientation","scale","step","tabIndex","track","value","valueLabelDisplay","valueLabelFormat","isRtl","components","componentsProps"],Identity=e=>e,useUtilityClasses=e=>{var{disabled:e,dragging:t,marked:a,orientation:s,track:n,classes:r}=e;return composeClasses({root:["root",e&&"disabled",t&&"dragging",a&&"marked","vertical"===s&&"vertical","inverted"===n&&"trackInverted",!1===n&&"trackFalse"],rail:["rail"],track:["track"],mark:["mark"],markActive:["markActive"],markLabel:["markLabel"],markLabelActive:["markLabelActive"],valueLabel:["valueLabel"],thumb:["thumb",e&&"disabled"],active:["active"],disabled:["disabled"],focusVisible:["focusVisible"]},getSliderUtilityClass,r)},Forward=({children:e})=>e,SliderUnstyled=react.exports.forwardRef(function(e,t){var a;const{"aria-label":M,"aria-valuetext":V,className:E,component:s,classes:F,disableSwap:D=!1,disabled:n=!1,getAriaLabel:r,getAriaValueText:o,marks:U=!1,max:i=100,min:l=0,onMouseDown:B,orientation:H="horizontal",scale:d=Identity,step:$=1,track:c="normal",valueLabelDisplay:u="off",valueLabelFormat:p=Identity,isRtl:W=!1,components:m={},componentsProps:x={}}=e,Y=_objectWithoutPropertiesLoose(e,_excluded$1),h=_extends({},e,{mark:U,classes:F,disabled:n,isRtl:W,max:i,min:l,orientation:H,scale:d,step:$,track:c,valueLabelDisplay:u,valueLabelFormat:p}),{axisProps:v,getRootProps:X,getHiddenInputProps:G,getThumbProps:q,open:J,active:b,axis:g,range:f,focusVisible:K,dragging:Q,marks:j,values:S,trackOffset:Z,trackLeap:ee}=useSlider(_extends({},h,{ref:t}));h.marked=0<j.length&&j.some(e=>e.label),h.dragging=Q;var t=null!=(e=null!=s?s:m.Root)?e:"span",e=appendOwnerState(t,_extends({},Y,x.root),h),y=null!=(y=m.Rail)?y:"span",k=appendOwnerState(y,x.rail,h),C=null!=(C=m.Track)?C:"span",R=appendOwnerState(C,x.track,h),te=_extends({},v[g].offset(Z),v[g].leap(ee));const w=null!=(a=m.Thumb)?a:"span",L=appendOwnerState(w,x.thumb,h),P=null!=(a=m.ValueLabel)?a:SliderValueLabelUnstyled,ae=appendOwnerState(P,x.valueLabel,h),T=null!=(a=m.Mark)?a:"span",_=appendOwnerState(T,x.mark,h),z=null!=(a=m.MarkLabel)?a:"span",N=appendOwnerState(z,x.markLabel,h),O=m.Input||"input",A=appendOwnerState(O,x.input,h),se=G(),I=useUtilityClasses(h);return jsxRuntime.exports.jsxs(t,_extends({},e,X({onMouseDown:B}),{className:clsx(I.root,e.className,E),children:[jsxRuntime.exports.jsx(y,_extends({},k,{className:clsx(I.rail,k.className)})),jsxRuntime.exports.jsx(C,_extends({},R,{className:clsx(I.track,R.className),style:_extends({},te,R.style)})),j.map((e,t)=>{var a=valueToPercent(e.value,l,i),a=v[g].offset(a);let s;return s=!1===c?-1!==S.indexOf(e.value):"normal"===c&&(f?e.value>=S[0]&&e.value<=S[S.length-1]:e.value<=S[0])||"inverted"===c&&(f?e.value<=S[0]||e.value>=S[S.length-1]:e.value>=S[0]),jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsx(T,_extends({"data-index":t},_,!isHostComponent(T)&&{markActive:s},{style:_extends({},a,_.style),className:clsx(I.mark,_.className,s&&I.markActive)})),null!=e.label?jsxRuntime.exports.jsx(z,_extends({"aria-hidden":!0,"data-index":t},N,!isHostComponent(z)&&{markLabelActive:s},{style:_extends({},a,N.style),className:clsx(I.markLabel,N.className,s&&I.markLabelActive),children:e.label})):null]},e.value)}),S.map((e,t)=>{var a=valueToPercent(e,l,i),a=v[g].offset(a),s="off"===u?Forward:P;return jsxRuntime.exports.jsx(react.exports.Fragment,{children:jsxRuntime.exports.jsx(s,_extends({},!isHostComponent(s)&&{valueLabelFormat:p,valueLabelDisplay:u,value:"function"==typeof p?p(d(e),t):p,index:t,open:J===t||b===t||"on"===u,disabled:n},ae,{className:clsx(I.valueLabel,ae.className),children:jsxRuntime.exports.jsx(w,_extends({"data-index":t},L,q(),{className:clsx(I.thumb,L.className,b===t&&I.active,K===t&&I.focusVisible)},!isHostComponent(w)&&{ownerState:_extends({},h,L.ownerState)},{style:_extends({},a,{pointerEvents:D&&b!==t?"none":void 0},L.style),children:jsxRuntime.exports.jsx(O,_extends({},se,{"data-index":t,"aria-label":r?r(t):M,"aria-valuenow":d(e),"aria-valuetext":o?o(d(e),t):V,value:S[t]},!isHostComponent(O)&&{ownerState:_extends({},h,A.ownerState)},A,{style:_extends({},se.style,A.style)}))}))}))},t)})]}))});var SliderUnstyled$1=SliderUnstyled;const _excluded=["component","components","componentsProps","color","size"],sliderClasses=_extends({},sliderUnstyledClasses$1,generateUtilityClasses("MuiSlider",["colorPrimary","colorSecondary","thumbColorPrimary","thumbColorSecondary","sizeSmall","thumbSizeSmall"])),SliderRoot=styled("span",{name:"MuiSlider",slot:"Root",overridesResolver:(e,t)=>{const a=e["ownerState"],s=!0===a.marksProp&&null!==a.step?[...Array(Math.floor((a.max-a.min)/a.step)+1)].map((e,t)=>({value:a.min+a.step*t})):a.marksProp||[];e=0<s.length&&s.some(e=>e.label);return[t.root,t["color"+capitalize(a.color)],"medium"!==a.size&&t["size"+capitalize(a.size)],e&&t.marked,"vertical"===a.orientation&&t.vertical,"inverted"===a.track&&t.trackInverted,!1===a.track&&t.trackFalse]}})(({theme:e,ownerState:t})=>_extends({borderRadius:12,boxSizing:"content-box",display:"inline-block",position:"relative",cursor:"pointer",touchAction:"none",color:e.palette[t.color].main,WebkitTapHighlightColor:"transparent"},"horizontal"===t.orientation&&_extends({height:4,width:"100%",padding:"13px 0","@media (pointer: coarse)":{padding:"20px 0"}},"small"===t.size&&{height:2},t.marked&&{marginBottom:20}),"vertical"===t.orientation&&_extends({height:"100%",width:4,padding:"0 13px","@media (pointer: coarse)":{padding:"0 20px"}},"small"===t.size&&{width:2},t.marked&&{marginRight:44}),{"@media print":{colorAdjust:"exact"},["&."+sliderClasses.disabled]:{pointerEvents:"none",cursor:"default",color:e.palette.grey[400]},["&."+sliderClasses.dragging]:{[`& .${sliderClasses.thumb}, & .`+sliderClasses.track]:{transition:"none"}}})),SliderRail=styled("span",{name:"MuiSlider",slot:"Rail",overridesResolver:(e,t)=>t.rail})(({ownerState:e})=>_extends({display:"block",position:"absolute",borderRadius:"inherit",backgroundColor:"currentColor",opacity:.38},"horizontal"===e.orientation&&{width:"100%",height:"inherit",top:"50%",transform:"translateY(-50%)"},"vertical"===e.orientation&&{height:"100%",width:"inherit",left:"50%",transform:"translateX(-50%)"},"inverted"===e.track&&{opacity:1})),SliderTrack=styled("span",{name:"MuiSlider",slot:"Track",overridesResolver:(e,t)=>t.track})(({theme:e,ownerState:t})=>{var a="light"===e.palette.mode?lighten(e.palette[t.color].main,.62):darken(e.palette[t.color].main,.5);return _extends({display:"block",position:"absolute",borderRadius:"inherit",border:"1px solid currentColor",backgroundColor:"currentColor",transition:e.transitions.create(["left","width","bottom","height"],{duration:e.transitions.duration.shortest})},"small"===t.size&&{border:"none"},"horizontal"===t.orientation&&{height:"inherit",top:"50%",transform:"translateY(-50%)"},"vertical"===t.orientation&&{width:"inherit",left:"50%",transform:"translateX(-50%)"},!1===t.track&&{display:"none"},"inverted"===t.track&&{backgroundColor:a,borderColor:a})}),SliderThumb=styled("span",{name:"MuiSlider",slot:"Thumb",overridesResolver:(e,t)=>{e=e.ownerState;return[t.thumb,t["thumbColor"+capitalize(e.color)],"medium"!==e.size&&t["thumbSize"+capitalize(e.size)]]}})(({theme:e,ownerState:t})=>_extends({position:"absolute",width:20,height:20,boxSizing:"border-box",borderRadius:"50%",outline:0,backgroundColor:"currentColor",display:"flex",alignItems:"center",justifyContent:"center",transition:e.transitions.create(["box-shadow","left","bottom"],{duration:e.transitions.duration.shortest})},"small"===t.size&&{width:12,height:12},"horizontal"===t.orientation&&{top:"50%",transform:"translate(-50%, -50%)"},"vertical"===t.orientation&&{left:"50%",transform:"translate(-50%, 50%)"},{"&:before":_extends({position:"absolute",content:'""',borderRadius:"inherit",width:"100%",height:"100%",boxShadow:e.shadows[2]},"small"===t.size&&{boxShadow:"none"}),"&::after":{position:"absolute",content:'""',borderRadius:"50%",width:42,height:42,top:"50%",left:"50%",transform:"translate(-50%, -50%)"},["&:hover, &."+sliderClasses.focusVisible]:{boxShadow:"0px 0px 0px 8px "+alpha(e.palette[t.color].main,.16),"@media (hover: none)":{boxShadow:"none"}},["&."+sliderClasses.active]:{boxShadow:"0px 0px 0px 14px "+alpha(e.palette[t.color].main,.16)},["&."+sliderClasses.disabled]:{"&:hover":{boxShadow:"none"}}})),SliderValueLabel=styled(SliderValueLabelUnstyled,{name:"MuiSlider",slot:"ValueLabel",overridesResolver:(e,t)=>t.valueLabel})(({theme:e,ownerState:t})=>_extends({["&."+sliderClasses.valueLabelOpen]:{transform:"translateY(-100%) scale(1)"},zIndex:1,whiteSpace:"nowrap"},e.typography.body2,{fontWeight:500,transition:e.transitions.create(["transform"],{duration:e.transitions.duration.shortest}),top:-10,transformOrigin:"bottom center",transform:"translateY(-100%) scale(0)",position:"absolute",backgroundColor:e.palette.grey[600],borderRadius:2,color:e.palette.common.white,display:"flex",alignItems:"center",justifyContent:"center",padding:"0.25rem 0.75rem"},"small"===t.size&&{fontSize:e.typography.pxToRem(12),padding:"0.25rem 0.5rem"},{"&:before":{position:"absolute",content:'""',width:8,height:8,bottom:0,left:"50%",transform:"translate(-50%, 50%) rotate(45deg)",backgroundColor:"inherit"}})),SliderMark=styled("span",{name:"MuiSlider",slot:"Mark",shouldForwardProp:e=>slotShouldForwardProp(e)&&"markActive"!==e,overridesResolver:(e,t)=>t.mark})(({theme:e,ownerState:t,markActive:a})=>_extends({position:"absolute",width:2,height:2,borderRadius:1,backgroundColor:"currentColor"},"horizontal"===t.orientation&&{top:"50%",transform:"translate(-1px, -50%)"},"vertical"===t.orientation&&{left:"50%",transform:"translate(-50%, 1px)"},a&&{backgroundColor:e.palette.background.paper,opacity:.8})),SliderMarkLabel=styled("span",{name:"MuiSlider",slot:"MarkLabel",shouldForwardProp:e=>slotShouldForwardProp(e)&&"markLabelActive"!==e,overridesResolver:(e,t)=>t.markLabel})(({theme:e,ownerState:t,markLabelActive:a})=>_extends({},e.typography.body2,{color:e.palette.text.secondary,position:"absolute",whiteSpace:"nowrap"},"horizontal"===t.orientation&&{top:30,transform:"translateX(-50%)","@media (pointer: coarse)":{top:40}},"vertical"===t.orientation&&{left:36,transform:"translateY(50%)","@media (pointer: coarse)":{left:44}},a&&{color:e.palette.text.primary})),extendUtilityClasses=e=>{var{color:e,size:t,classes:a={}}=e;return _extends({},a,{root:clsx(a.root,getSliderUtilityClass("color"+capitalize(e)),a["color"+capitalize(e)],t&&[getSliderUtilityClass("size"+capitalize(t)),a["size"+capitalize(t)]]),thumb:clsx(a.thumb,getSliderUtilityClass("thumbColor"+capitalize(e)),a["thumbColor"+capitalize(e)],t&&[getSliderUtilityClass("thumbSize"+capitalize(t)),a["thumbSize"+capitalize(t)]])})},Slider=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiSlider"}),a="rtl"===useTheme().direction,{component:s="span",components:n={},componentsProps:r={},color:o="primary",size:i="medium"}=e,l=_objectWithoutPropertiesLoose(e,_excluded),e=_extends({},e,{color:o,size:i}),e=extendUtilityClasses(e);return jsxRuntime.exports.jsx(SliderUnstyled$1,_extends({},l,{isRtl:a,components:_extends({Root:SliderRoot,Rail:SliderRail,Track:SliderTrack,Thumb:SliderThumb,ValueLabel:SliderValueLabel,Mark:SliderMark,MarkLabel:SliderMarkLabel},n),componentsProps:_extends({},r,{root:_extends({},r.root,shouldSpreadAdditionalProps(n.Root)&&{as:s,ownerState:_extends({},null==(l=r.root)?void 0:l.ownerState,{color:o,size:i})}),thumb:_extends({},r.thumb,shouldSpreadAdditionalProps(n.Thumb)&&{ownerState:_extends({},null==(a=r.thumb)?void 0:a.ownerState,{color:o,size:i})}),track:_extends({},r.track,shouldSpreadAdditionalProps(n.Track)&&{ownerState:_extends({},null==(s=r.track)?void 0:s.ownerState,{color:o,size:i})}),valueLabel:_extends({},r.valueLabel,shouldSpreadAdditionalProps(n.ValueLabel)&&{ownerState:_extends({},null==(l=r.valueLabel)?void 0:l.ownerState,{color:o,size:i})})}),classes:e,ref:t}))});var Slider$1=Slider;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const Panel=({panelId:t,children:e})=>{var a;const s=useDispatch(),{microFrontend:n,panelConfig:{minWidth:r,padding:o=0,header:i,footer:l,marginTop:d=0,marginStart:c=0,show:u,width:p=500,zIndex:m=1}}=useSelector(e=>e.panels.find(e=>e.panelId===t)),x=makeStyles()(e=>({container:{position:"fixed",top:d,right:c,height:"100%",minWidth:r,width:p,zIndex:m},padding:{padding:e.spacing(o),paddingTop:e.spacing(o/2)},margin:{margin:e.spacing()},headerContainer:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},headerTitle:{margin:e.spacing()},actionButton:{margin:e.spacing()},actionContainer:{"&:last-child":{marginRight:e.spacing(2)}},footer:{}}))()["classes"],h=e=>{if(e.icon)return jsxRuntime.exports.jsx(IconButton,Object.assign({className:x.actionButton,onClick:()=>s(e.action),size:"large"},{children:e.icon}));var t=e;return jsxRuntime.exports.jsx(Button,Object.assign({className:x.actionButton,size:t.size,variant:t.variant,onClick:()=>s(e.action)},{children:t.label}))};return jsxRuntime.exports.jsx(Slide,Object.assign({in:u,direction:"left",onExited:()=>s(unmountPanel(t))},{children:jsxRuntime.exports.jsxs(Paper,Object.assign({elevation:3,id:t,"data-test":"panel-"+(t||"unknown"),className:x.container},{children:[i&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:x.headerContainer},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({gutterBottom:!0,className:x.headerTitle,variant:"h4"},{children:i.title})),jsxRuntime.exports.jsxs("div",Object.assign({className:x.actionContainer},{children:[null==(a=i.actions)?void 0:a.map(e=>h(e)),jsxRuntime.exports.jsx(IconButton,Object.assign({"data-test":"close-button-"+t,className:x.actionButton,onClick:()=>s(hidePanel(t)),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{})}))]}))]})),i.divider&&jsxRuntime.exports.jsx(Divider,{})]}),jsxRuntime.exports.jsx("div",Object.assign({className:x.padding},{children:e?react.exports.cloneElement(e,Object.assign(Object.assign({},n.config||{}),{dataId:t,hidePanel:()=>s(hidePanel(t))})):jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"No micro frontend passed!"})})})),l&&jsxRuntime.exports.jsxs("div",Object.assign({className:x.footer},{children:[l.divider&&jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs("div",Object.assign({className:x.headerContainer},{children:[jsxRuntime.exports.jsx("div",{}),jsxRuntime.exports.jsx("div",Object.assign({className:x.actionContainer},{children:null==(a=l.actions)?void 0:a.map(e=>h(e))}))]}))]}))]}))}))},SamplePanel5=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel5!"})}),SamplePanel4=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel4!"})}),SamplePanel3=a=>{const s=useDispatch();return jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx("h1",{children:"Welcome to picker!"}),jsxRuntime.exports.jsx(Typography,Object.assign({id:"discrete-slider",gutterBottom:!0},{children:"Temperature"})),jsxRuntime.exports.jsx(Slider$1,{"data-test":"slider",defaultValue:a.value,value:a.value,"aria-labelledby":"discrete-slider",valueLabelDisplay:"auto",step:10,marks:!0,min:0,max:110,onChange:(e,t)=>{s(updatePanelMicroFrontendProps({id:a.dataId,props:Object.assign(Object.assign({},a),{value:t})}))},onChangeCommitted:(e,t)=>{s(updatePanelMicroFrontendProps({id:a.dataId,props:Object.assign(Object.assign({},a),{value:t})})),s(setData({id:a.dataId,data:t}))}})]})},SamplePanel2=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel2!"})}),useStyles=makeStyles()(e=>({container:{},root:{minWidth:50},bullet:{display:"inline-block",margin:"0 2px",transform:"scale(0.8)"},title:{fontSize:14},pos:{marginBottom:12}})),SamplePanel1=e=>{var t=useStyles()["classes"],a=jsxRuntime.exports.jsx("span",Object.assign({className:t.bullet},{children:"•"}));return jsxRuntime.exports.jsxs("div",Object.assign({className:t.container},{children:[jsxRuntime.exports.jsxs("h1",{children:["Welcome to SamplePanel1 ",e.name||"Unknown Person","!"]}),jsxRuntime.exports.jsxs(Card,Object.assign({className:t.root},{children:[jsxRuntime.exports.jsxs(CardContent,{children:[jsxRuntime.exports.jsx(Typography,Object.assign({className:t.title,color:"textSecondary",gutterBottom:!0},{children:"Word of the Day"})),jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"h5",component:"h2"},{children:["be",a,"nev",a,"o",a,"lent"]})),jsxRuntime.exports.jsx(Typography,Object.assign({className:t.pos,color:"textSecondary"},{children:"adjective"})),jsxRuntime.exports.jsxs(Typography,Object.assign({variant:"body2",component:"p"},{children:["well meaning and kindly.",jsxRuntime.exports.jsx("br",{}),'"a benevolent smile"']}))]}),jsxRuntime.exports.jsx(CardActions,{children:jsxRuntime.exports.jsx(Button,Object.assign({size:"small"},{children:"Learn More"}))})]}))]}))};export{Panel,SamplePanel1,SamplePanel2,SamplePanel3,SamplePanel4,SamplePanel5};
|
|
1
|
+
import{aW as createSvgIcon,j as jsxRuntime,a as generateUtilityClasses,g as generateUtilityClass,b as styled,d as capitalize,i as alpha,_ as _extends,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,bB as useForkRef,B as ButtonBase,f as clsx,h as composeClasses}from"./js-core.esm.js";var CancelIcon=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");function getChipUtilityClass(e){return generateUtilityClass("MuiChip",e)}const chipClasses=generateUtilityClasses("MuiChip",["root","sizeSmall","sizeMedium","colorPrimary","colorSecondary","disabled","clickable","clickableColorPrimary","clickableColorSecondary","deletable","deletableColorPrimary","deletableColorSecondary","outlined","filled","outlinedPrimary","outlinedSecondary","avatar","avatarSmall","avatarMedium","avatarColorPrimary","avatarColorSecondary","icon","iconSmall","iconMedium","iconColorPrimary","iconColorSecondary","label","labelSmall","labelMedium","deleteIcon","deleteIconSmall","deleteIconMedium","deleteIconColorPrimary","deleteIconColorSecondary","deleteIconOutlinedColorPrimary","deleteIconOutlinedColorSecondary","focusVisible"]);var chipClasses$1=chipClasses;const _excluded=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant"],useUtilityClasses=e=>{var{classes:e,disabled:a,size:l,color:t,onDelete:o,clickable:i,variant:r}=e,a={root:["root",r,a&&"disabled","size"+capitalize(l),"color"+capitalize(t),i&&"clickable",i&&"clickableColor"+capitalize(t),o&&"deletable",o&&"deletableColor"+capitalize(t),""+r+capitalize(t)],label:["label","label"+capitalize(l)],avatar:["avatar","avatar"+capitalize(l),"avatarColor"+capitalize(t)],icon:["icon","icon"+capitalize(l),"iconColor"+capitalize(t)],deleteIcon:["deleteIcon","deleteIcon"+capitalize(l),"deleteIconColor"+capitalize(t),"deleteIconOutlinedColor"+capitalize(t)]};return composeClasses(a,getChipUtilityClass,e)},ChipRoot=styled("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,a)=>{var e=e["ownerState"],{color:e,clickable:l,onDelete:t,size:o,variant:i}=e;return[{["& ."+chipClasses$1.avatar]:a.avatar},{["& ."+chipClasses$1.avatar]:a["avatar"+capitalize(o)]},{["& ."+chipClasses$1.avatar]:a["avatarColor"+capitalize(e)]},{["& ."+chipClasses$1.icon]:a.icon},{["& ."+chipClasses$1.icon]:a["icon"+capitalize(o)]},{["& ."+chipClasses$1.icon]:a["iconColor"+capitalize(e)]},{["& ."+chipClasses$1.deleteIcon]:a.deleteIcon},{["& ."+chipClasses$1.deleteIcon]:a["deleteIcon"+capitalize(o)]},{["& ."+chipClasses$1.deleteIcon]:a["deleteIconColor"+capitalize(e)]},{["& ."+chipClasses$1.deleteIcon]:a["deleteIconOutlinedColor"+capitalize(e)]},a.root,a["size"+capitalize(o)],a["color"+capitalize(e)],l&&a.clickable,l&&"default"!==e&&a[`clickableColor${capitalize(e)})`],t&&a.deletable,t&&"default"!==e&&a["deletableColor"+capitalize(e)],a[i],"outlined"===i&&a["outlined"+capitalize(e)]]}})(({theme:e,ownerState:a})=>{var l=alpha(e.palette.text.primary,.26);return _extends({maxWidth:"100%",fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:e.palette.text.primary,backgroundColor:e.palette.action.selected,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"default",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",["&."+chipClasses$1.disabled]:{opacity:e.palette.action.disabledOpacity,pointerEvents:"none"},["& ."+chipClasses$1.avatar]:{marginLeft:5,marginRight:-6,width:24,height:24,color:"light"===e.palette.mode?e.palette.grey[700]:e.palette.grey[300],fontSize:e.typography.pxToRem(12)},["& ."+chipClasses$1.avatarColorPrimary]:{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.dark},["& ."+chipClasses$1.avatarColorSecondary]:{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.dark},["& ."+chipClasses$1.avatarSmall]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},["& ."+chipClasses$1.icon]:_extends({color:"light"===e.palette.mode?e.palette.grey[700]:e.palette.grey[300],marginLeft:5,marginRight:-6},"small"===a.size&&{fontSize:18,marginLeft:4,marginRight:-4},"default"!==a.color&&{color:"inherit"}),["& ."+chipClasses$1.deleteIcon]:_extends({WebkitTapHighlightColor:"transparent",color:l,fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:alpha(l,.4)}},"small"===a.size&&{fontSize:16,marginRight:4,marginLeft:-4},"default"!==a.color&&{color:alpha(e.palette[a.color].contrastText,.7),"&:hover, &:active":{color:e.palette[a.color].contrastText}})},"small"===a.size&&{height:24},"default"!==a.color&&{backgroundColor:e.palette[a.color].main,color:e.palette[a.color].contrastText},a.onDelete&&{["&."+chipClasses$1.focusVisible]:{backgroundColor:alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}},a.onDelete&&"default"!==a.color&&{["&."+chipClasses$1.focusVisible]:{backgroundColor:e.palette[a.color].dark}})},({theme:e,ownerState:a})=>_extends({},a.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)},["&."+chipClasses$1.focusVisible]:{backgroundColor:alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)},"&:active":{boxShadow:e.shadows[1]}},a.clickable&&"default"!==a.color&&{["&:hover, &."+chipClasses$1.focusVisible]:{backgroundColor:e.palette[a.color].dark}}),({theme:e,ownerState:a})=>_extends({},"outlined"===a.variant&&{backgroundColor:"transparent",border:"1px solid "+("light"===e.palette.mode?e.palette.grey[400]:e.palette.grey[700]),[`&.${chipClasses$1.clickable}:hover`]:{backgroundColor:e.palette.action.hover},["&."+chipClasses$1.focusVisible]:{backgroundColor:e.palette.action.focus},["& ."+chipClasses$1.avatar]:{marginLeft:4},["& ."+chipClasses$1.avatarSmall]:{marginLeft:2},["& ."+chipClasses$1.icon]:{marginLeft:4},["& ."+chipClasses$1.iconSmall]:{marginLeft:2},["& ."+chipClasses$1.deleteIcon]:{marginRight:5},["& ."+chipClasses$1.deleteIconSmall]:{marginRight:3}},"outlined"===a.variant&&"default"!==a.color&&{color:e.palette[a.color].main,border:"1px solid "+alpha(e.palette[a.color].main,.7),[`&.${chipClasses$1.clickable}:hover`]:{backgroundColor:alpha(e.palette[a.color].main,e.palette.action.hoverOpacity)},["&."+chipClasses$1.focusVisible]:{backgroundColor:alpha(e.palette[a.color].main,e.palette.action.focusOpacity)},["& ."+chipClasses$1.deleteIcon]:{color:alpha(e.palette[a.color].main,.7),"&:hover, &:active":{color:e.palette[a.color].main}}})),ChipLabel=styled("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,a)=>{e=e.ownerState,e=e.size;return[a.label,a["label"+capitalize(e)]]}})(({ownerState:e})=>_extends({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},"small"===e.size&&{paddingLeft:8,paddingRight:8}));function isDeleteKeyboardEvent(e){return"Backspace"===e.key||"Delete"===e.key}const Chip=react.exports.forwardRef(function(e,a){e=useThemeProps({props:e,name:"MuiChip"});const{avatar:l,className:t,clickable:o,color:i="default",component:r,deleteIcon:c,disabled:s=!1,icon:n,label:p,onClick:d,onDelete:h,onKeyDown:C,onKeyUp:m,size:u="medium",variant:b="filled"}=e,g=_objectWithoutPropertiesLoose(e,_excluded),y=react.exports.useRef(null);var a=useForkRef(y,a),v=e=>{e.stopPropagation(),h&&h(e)},x=!(!1===o||!d)||o,f="small"===u,z=x||h?ButtonBase:r||"div",e=_extends({},e,{component:z,disabled:s,size:u,color:i,onDelete:!!h,clickable:x,variant:b}),k=useUtilityClasses(e),S=z===ButtonBase?_extends({component:r||"div",focusVisibleClassName:k.focusVisible},h&&{disableRipple:!0}):{};let $=null,I=(h&&(f=clsx("default"!==i&&("outlined"===b?k["deleteIconOutlinedColor"+capitalize(i)]:k["deleteIconColor"+capitalize(i)]),f&&k.deleteIconSmall),$=c&&react.exports.isValidElement(c)?react.exports.cloneElement(c,{className:clsx(c.props.className,k.deleteIcon,f),onClick:v}):jsxRuntime.exports.jsx(CancelIcon,{className:clsx(k.deleteIcon,f),onClick:v})),null),R=(l&&react.exports.isValidElement(l)&&(I=react.exports.cloneElement(l,{className:clsx(k.avatar,l.props.className)})),null);return n&&react.exports.isValidElement(n)&&(R=react.exports.cloneElement(n,{className:clsx(k.icon,n.props.className)})),jsxRuntime.exports.jsxs(ChipRoot,_extends({as:z,className:clsx(k.root,t),disabled:!(!x||!s)||void 0,onClick:d,onKeyDown:e=>{e.currentTarget===e.target&&isDeleteKeyboardEvent(e)&&e.preventDefault(),C&&C(e)},onKeyUp:e=>{e.currentTarget===e.target&&(h&&isDeleteKeyboardEvent(e)?h(e):"Escape"===e.key&&y.current&&y.current.blur()),m&&m(e)},ref:a,ownerState:e},S,g,{children:[I||R,jsxRuntime.exports.jsx(ChipLabel,{className:clsx(k.label),ownerState:e,children:p}),$]}))});var Chip$1=Chip;export{Chip$1 as C};
|
package/js-core.esm33.js
CHANGED
|
@@ -1,14 +1 @@
|
|
|
1
|
-
import{m as makeStyles,fq as keyframes,eJ as createTheme,a1 as TabId,j as jsxRuntime,F as FormattedMessage,fr as PersonalProfile,fs as Organizations,L as mountPanel,ft as DataCenter,fu as FlowCenter2,fv as DeveloperCenter,fw as Marketplace,fx as LibraryCenter,fy as AdminCenter,G as useDispatch,r as react,H as useSelector,c as Paper,T as Typography,V as IconButton,ar as Button,av as hidePanel,fz as img$P,cx as img$Q,a6 as Divider,O as AIWareThemeProvider,A as AIWareIntlProvider,Q as lib,fn as Slide,bj as unmountPanel,bh as Box,X as Tooltip,fA as img$1,dg as StyledEngineProvider,dh as ThemeProvider,fB as img$w,a8 as userSelector,W as classNames,aw as takeEvery$1,fC as enableBetaFeatures,Y as Badge,aE as select,az as put,fD as openLinkOnNewTab}from"./js-core.esm.js";import{organizationSelectors as organizations_selector,selectApiConfigs,isAdminUser,organizationInviteApi as organizationInvites_api}from"./js-core.esm34.js";import{L as LinearProgress}from"./js-core.esm35.js";import"./js-core.esm6.js";import"./js-core.esm7.js";import"./js-core.esm10.js";import"./js-core.esm5.js";import"./js-core.esm11.js";import"./js-core.esm4.js";import"./js-core.esm12.js";import"./js-core.esm8.js";import"./js-core.esm13.js";import"./js-core.esm9.js";import"./js-core.esm17.js";import"./js-core.esm20.js";import"./js-core.esm21.js";import"./js-core.esm15.js";import"./js-core.esm31.js";function __awaiter(e,o,r,l){return new(r=r||Promise)(function(a,t){function n(e){try{i(l.next(e))}catch(e){t(e)}}function s(e){try{i(l.throw(e))}catch(e){t(e)}}function i(e){var t;e.done?a(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(n,s)}i((l=l.apply(e,o||[])).next())})}!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const useStyles$2=makeStyles()(()=>({iconButton:{padding:0,width:38,height:38,borderRadius:"50%","& svg":{fontSize:26},"&:hover":{background:"rgba(228, 240, 252, 0.4)"}},selected:{background:"rgba(228, 240, 252, 0.8)",color:"#0C53B0","& svg, & path":{fill:"#0C53B0"},"&:hover":{background:"rgba(228, 240, 252, 0.8)"}},tabIcon:{display:"flex",justifyContent:"center",alignItems:"center"},img:{maxWidth:30,maxHeight:30}}));function TabIcon({id:e,selected:t=!1,icon:a,onTabIconClick:n,iconComponent:s}){var i=useStyles$2()["classes"];const[o,r]=react.exports.useState(0),[l,c]=react.exports.useState(0),[d,p]=react.exports.useState(!1),m=makeStyles()(()=>({viewRequestsBadge:{"& .Sdk-MuiBadge-badge":{fontFamily:"Nunito",backgroundColor:"#D43060",color:"#fff",zIndex:"unset"}}})),x=m()["classes"],u=useSelector(userSelector);var g=useSelector(organizations_selector.selectOrganizationInvites)||[],j=useSelector(organizations_selector.selectPendingOrgInvites)||[];const b=useSelector(selectApiConfigs),f=()=>__awaiter(this,void 0,void 0,function*(){var e;u&&(isAdminUser(u.roles)&&(e=null==(e=null===u||void 0===u?void 0:u.organization)?void 0:e.organizationId,e=yield organizationInvites_api.fetchPendingOrganizationInvites(e,b),r(e.length)),e=yield organizationInvites_api.fetchOrganizationInvites(b),c(e.length))});"ORGANIZATION_PANEL"!==e||d||(p(!0),__awaiter(this,void 0,void 0,function*(){try{yield f()}catch(e){console.log(e)}})),react.exports.useEffect(()=>{"ORGANIZATION_PANEL"===e&&f()},[g,j]);return jsxRuntime.exports.jsx("div",Object.assign({className:i.tabIcon},{children:jsxRuntime.exports.jsx(IconButton,Object.assign({disableRipple:!0,className:classNames(i.iconButton,{[i.selected]:t}),onClick:function(){n(e)},"data-test-id":"dt-button-tab-icon-"+e,"data-test":"dt-button-tab-icon",size:"large"},{children:s?(g=s,o+l?jsxRuntime.exports.jsx(Badge,Object.assign({badgeContent:o+l,className:x.viewRequestsBadge},{children:g})):g):jsxRuntime.exports.jsx("img",{className:i.img,src:a,draggable:"false",alt:""})}))}))}const useStyles$1=makeStyles()(e=>({tabsContainer:{width:"100%",textAlign:"center",flex:1},menuTabIcon:{paddingBottom:e.spacing(1.6)},flowIcon:{width:50,height:50,color:e.palette.secondary.main}}));function Tabs({selectedId:e,onChangeTab:t,tabsList:a=[],roles:o}){const r=useStyles$1()["classes"],[l,n]=react.exports.useState(e),{adminShortcut:c=!0,betaFeatures:d}=useSelector(e=>e.configs.initConfig),p=window.location.hostname.split(".")[0];function m(e){n(e),t(e)}return react.exports.useEffect(()=>{e!==l&&n(e)},[e,l]),jsxRuntime.exports.jsx(Box,Object.assign({className:r.tabsContainer},{children:a.map((e,t)=>{var{id:e,icon:a,role:n,label:s,iconComponent:i}=e,s=jsxRuntime.exports.jsx(Tooltip,Object.assign({title:s,placement:"left"},{children:jsxRuntime.exports.jsx(Box,Object.assign({className:r.menuTabIcon},{children:jsxRuntime.exports.jsx(TabIcon,{selected:e===l,icon:a,iconComponent:i,onTabIconClick:m,id:e,"data-test":"TabIcon-data-test"+e})}),e)}),e);if(n&&o.includes(n)||!n){if(t<2)return s;if(e===TabId.DATA_CENTER)return p.toLocaleLowerCase().includes("cms")||p.toLocaleLowerCase().includes("datacenter")?null:s;if(e===TabId.FLOW_CENTER)return p.toLocaleLowerCase().includes("automate")?null:s;if(e===TabId.ADMIN_SHORTCUT&&c&&d)return p.toLocaleLowerCase().includes("admin")?null:s;if(e===TabId.SETTING_PREFERENCE_PANEL&&d)return p.toLocaleLowerCase().includes("admin")?null:s;if([TabId.MARKETPLACE_CENTER,TabId.LIBRARY_CENTER,TabId.ENGINE_CENTER].includes(e))return d?s:null}return null})}))}function*openAppUrlByShortcut(e){var{cmsAppUrl:t,adminAppUrl:a}=yield select(e=>e.configs.config);switch(e.payload){case"cms":yield put(openLinkOnNewTab({url:t}));break;case"admin":yield put(openLinkOnNewTab({url:a}))}}function*getPanelSaga(){yield takeEvery$1("panels/OPEN_APP_SHORTCUT",openAppUrlByShortcut)}function getPanelModule(){return{id:"os-panel",reducerMap:{panel:{}},sagas:[getPanelSaga],initialActions:[]}}let _=e=>e,_t;const fadeInOut=keyframes(_t=_t||_`
|
|
2
|
-
0% {
|
|
3
|
-
opacity: 0;
|
|
4
|
-
}
|
|
5
|
-
10% {
|
|
6
|
-
opacity: 1;
|
|
7
|
-
}
|
|
8
|
-
80% {
|
|
9
|
-
opacity: 1;
|
|
10
|
-
}
|
|
11
|
-
100% {
|
|
12
|
-
opacity: 0;
|
|
13
|
-
}
|
|
14
|
-
`),useStyles=makeStyles()(()=>({fullScreen:{position:"fixed",width:"100%",height:"100vh",top:"0",left:"0",backgroundColor:"#ffffff",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",textAlign:"center",fontSize:"14px",zIndex:99999,animation:fadeInOut+" 5s linear forwards"},loaderBox:{height:"200px",width:"200px"},veritoneDarkLogo:{height:"200px",width:"200px"}}));let lottieScript,audio;const theme=createTheme({palette:{secondary:{main:"#1871E8"}}}),Logo=()=>{const a=useDispatch();var e=useStyles()["classes"];const[n,s]=react.exports.useState(0),[t,i]=react.exports.useState(!1),[o,r]=react.exports.useState(!1),l=jsxRuntime.exports.jsx("p",Object.assign({style:{pointerEvents:"none"}},{children:"Loading Beta Features"})),[c,d]=react.exports.useState(l),p=useSelector(organizations_selector.selectOrgSwitchInitiated),m=useSelector(e=>{return null==(e=null==(e=null==e?void 0:e.configs)?void 0:e.initConfig)?void 0:e.betaFeatures}),[x,u]=react.exports.useState(!1);return react.exports.useEffect(()=>{x||(u(!0),(lottieScript=document.createElement("script")).setAttribute("src","https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.8/lottie.min.js"),lottieScript.onload=()=>r(!0),(audio=document.createElement("audio")).id="player",audio.src="https://static.veritone.com/aiware-js-animation/sound-effects/chime.wav",document.head.appendChild(lottieScript),document.body.appendChild(audio))},[]),react.exports.useEffect(()=>{if(m&&!p)return;p&&d(jsxRuntime.exports.jsx("p",{children:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-organization-panel.organizations-switching-loader-message",defaultMessage:"Changing your Organization",description:"organizations switching loader message"})}));const e=10===n;if((e||p)&&(i(!0),o)){const t=window.bodymovin.loadAnimation({container:document.getElementById("loaderAnimation"),path:"https://static.veritone.com/aiware-js-animation/particle-explosion.json",renderer:"svg",loop:!1,autoplay:!0,name:"unicorn"});t.onComplete=()=>{e?(a(enableBetaFeatures()),s(0)):p&&d(l),i(!1),t.destroy()},null!==audio&&void 0!==audio&&audio.play()}},[n,m,a,t,p]),jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[t&&jsxRuntime.exports.jsxs("div",Object.assign({className:e.fullScreen},{children:[jsxRuntime.exports.jsx("div",Object.assign({className:e.loaderBox,id:"loaderAnimation"},{children:!o&&jsxRuntime.exports.jsx("img",{src:img$1,alt:"veritone-logo",className:e.veritoneDarkLogo})})),jsxRuntime.exports.jsxs("div",Object.assign({className:e.loaderBox},{children:[jsxRuntime.exports.jsx(StyledEngineProvider,Object.assign({injectFirst:!0},{children:jsxRuntime.exports.jsx(ThemeProvider,Object.assign({theme:theme},{children:jsxRuntime.exports.jsx(LinearProgress,{color:"secondary"})}))})),c]}))]})),jsxRuntime.exports.jsx("img",{onClick:()=>s(n+1),src:img$w,alt:"footer-icon",draggable:"false"})]})};function getTabAction(e,t,a,n="APP_BAR_PANEL"){return{type:mountPanel({}).type,payload:{panelId:e,microFrontend:{name:n,config:{name:"Veritone",tabId:e,dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE"}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,fullScreen:!1,width:a,header:{divider:!0,title:t}}}}}const tabsListDefault=[{id:TabId.PERSONAL_PANEL,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.personalProfile",defaultMessage:"Personal Profile",description:"Tooltip pops on the sidebar for personal profile"}),iconComponent:jsxRuntime.exports.jsx(PersonalProfile,{}),role:"",action:getTabAction(TabId.PERSONAL_PANEL,jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.panelTitle.personalProfile",defaultMessage:"Personal Profile",description:"Header title for personal profile"}),410)},{id:TabId.ORGANIZATION_PANEL,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.organizations",defaultMessage:"Organizations",description:"Tooltip pops on the sidebar for organizations"}),iconComponent:jsxRuntime.exports.jsx(Organizations,{}),role:"",action:{type:mountPanel({}).type,payload:{panelId:TabId.ORGANIZATION_PANEL,microFrontend:{name:"ORGANIZATION_PANEL"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,width:560,zIndex:1e3}}}},{id:TabId.CMS_SHORTCUT,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.dataCenter",defaultMessage:"Data Center",description:"Tooltip pops on the sidebar for data center"}),iconComponent:jsxRuntime.exports.jsx(DataCenter,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"cms"}},{id:TabId.DATA_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.dataCenter",defaultMessage:"Data Center",description:"Tooltip pops on the sidebar for data center"}),iconComponent:jsxRuntime.exports.jsx(DataCenter,{}),role:"cms",action:{type:mountPanel({}).type,payload:{panelId:TabId.DATA_CENTER,microFrontend:{name:"DATA_CENTER_BROWSE"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xlarge",zIndex:1e3}}}},{id:TabId.FLOW_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.flowCenter",defaultMessage:"Flow Center",description:"Tooltip pops on the sidebar for flow center"}),iconComponent:jsxRuntime.exports.jsx(FlowCenter2,{}),role:"automate",action:{type:mountPanel({}).type,payload:{panelId:TabId.FLOW_CENTER,microFrontend:{name:"FLOW_CENTER",config:{name:"Veritone",tabId:TabId.FLOW_CENTER,dataId:"dataId",type:"APP_BAR_PANEL_TEMPLATE",zIndex:1200}},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xxlarge"}}}},{id:TabId.ENGINE_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.developerCenter",defaultMessage:"Developer Center",description:"Tooltip pops on the sidebar for developer center"}),iconComponent:jsxRuntime.exports.jsx(DeveloperCenter,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"developer"}},{id:TabId.MARKETPLACE_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.marketplaceCenter",defaultMessage:"Marketplace",description:"Tooltip pops on the sidebar for marketplace center"}),iconComponent:jsxRuntime.exports.jsx(Marketplace,{}),role:"cms",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"marketplace"}},{id:TabId.LIBRARY_CENTER,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.libraryCenter",defaultMessage:"Library Center",description:"Tooltip pops on the sidebar for library center"}),iconComponent:jsxRuntime.exports.jsx(LibraryCenter,{}),role:"",action:{type:"panels/OPEN_APP_SHORTCUT",payload:"libray"}},{id:TabId.ADMIN_SHORTCUT,label:jsxRuntime.exports.jsx(FormattedMessage,{id:"os-panel.tabItems.adminCenter",defaultMessage:"Admin Center",description:"Tooltip pops on the sidebar for admin center"}),iconComponent:jsxRuntime.exports.jsx(AdminCenter,{}),role:"admin",action:{type:mountPanel({}).type,payload:{panelId:TabId.ADMIN_SHORTCUT,microFrontend:{name:"ADMIN_CENTER_BROWSE"},panelConfig:{type:"APP_BAR_PANEL_TEMPLATE",marginTop:55,marginStart:80,size:"xlarge",zIndex:1e3}}}}];function AppbarTabPanel({panelId:t,children:e,withTab:a=!0,withChild:n=!0}){const s=useDispatch(),[i,o]=react.exports.useState(),[r,l]=react.exports.useState([]),[c,d]=react.exports.useState(!1);var p=useSelector(e=>e.panels.find(e=>e.panelId===t))||{};const m=useSelector(e=>e.panels);const{microFrontend:x,panelConfig:{minWidth:u,padding:g=0,header:j,footer:b,marginTop:f=0,marginStart:h=0,show:T,tabs:R=[],zIndex:I=1e3,userRoles:C=[],panelId:v,size:y,fullScreen:A,width:P,dimmed:E=0,parentPanelId:N,borderBottom:S}}=p;const O=N?("ORGANIZATION_PANEL"!==N?"":"solid 5px #4D81B7")||("DATA_CENTER"!==N?"":"solid 5px #4D81B7"):"solid 5px #4D81B7",_=makeStyles()(e=>({container:{position:"fixed",top:f,right:A?0:h,height:`calc(100vh - ${f}px)`,minWidth:u,width:P||(A?"100%":function(){switch(y){case"xxlarge":return 1280;case"xlarge":return 1020;case"large":return 720;case"medium":return 560;case"small":return 380;default:return 560}}()),borderBottom:S?"solid 5px #4D81B7":O,zIndex:A?1500:I,transitionTimingFunction:"ease-in-out !important"},padding:{padding:e.spacing(g),paddingTop:e.spacing(g/2)},margin:{margin:e.spacing()},headerContainer:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},headerTitle:{margin:e.spacing(),marginTop:e.spacing(2)},actionButton:{margin:e.spacing()},footer:{},actionContainer:{"&:last-child":{marginRight:e.spacing(2)}},content:{overflow:"overlay",overflowX:"hidden",height:function(){var e=j?64:0,t=b?64:0;return`calc(100vh - ${f}px - ${e}px - ${t}px - 5px)`}()},paperContainer:{top:56,backgroundColor:"unset !important",boxShadow:"none"},tabContainer:{overflow:"hidden",width:"100%"},tabSelect:{paddingTop:e.spacing(6),width:80,display:"flex",flexDirection:"column"},drawerContainer:{display:"flex",background:e.palette.background.default},tabName:{display:"flex",justifyContent:"space-between",alignItems:"center",height:"61px",padding:e.spacing(0,4,0,6)},actionIcons:{margin:e.spacing(-2.4)},title:{userSelect:"none",fontStyle:"normal",fontSize:"18px",lineHeight:e.spacing(5),letterSpacing:"0.25px",textTransform:"uppercase",color:e.palette.text.secondary},tabContent:{borderRight:a?"0.5px solid "+e.palette.divider:"none",overflowY:"auto",overflowX:"hidden",width:"100%"},buttonAction:{textTransform:"unset"},aiWareIcon:{padding:e.spacing(2.4,0),display:"flex",justifyContent:"center",position:"fixed",bottom:"0",right:"10px"},noShadow:{boxShadow:"none",borderLeft:"0.5px solid "+e.palette.divider},panelMask:{position:"absolute",zIndex:1150,width:"100%",height:"100%",backgroundColor:e.palette.grey[50],opacity:.5}}))()["classes"];react.exports.useEffect(()=>{0<R.length?l([...tabsListDefault,...R]):l(tabsListDefault)},[R]),react.exports.useEffect(()=>{x.config&&x.config.tabId&&o(x.config.tabId)},[x]),react.exports.useEffect(()=>{0<m.length&&i&&a&&(m.find(e=>e.panelId===i)||o(void 0))},[m,i,a]);n=jsxRuntime.exports.jsxs(Paper,Object.assign({className:`${_.container} ${n?"":_.noShadow} `,elevation:3,id:t,square:!0,"data-test":"panel-"+(v||"unknown")},{children:[0<E&&jsxRuntime.exports.jsx("div",{className:_.panelMask}),jsxRuntime.exports.jsxs("div",Object.assign({className:_.drawerContainer},{children:[n&&jsxRuntime.exports.jsxs("div",Object.assign({className:_.tabContent},{children:[j&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:_.tabName},{children:[jsxRuntime.exports.jsx(Typography,Object.assign({variant:"h1",className:_.title},{children:j.title||(null==(p=r.find(e=>e.id===i))?void 0:p.label)})),jsxRuntime.exports.jsxs("div",Object.assign({className:_.actionIcons},{children:[null==(n=j.actions)?void 0:n.map((e,t)=>e.label?jsxRuntime.exports.jsx(Button,Object.assign({size:e.size,variant:e.variant,onClick:()=>s(e.action)},{children:e.label}),e.action.type):jsxRuntime.exports.jsxs(IconButton,Object.assign({onClick:()=>s(e.action),size:"large"},{children:[e.iconUrl&&jsxRuntime.exports.jsx("img",{src:e.iconUrl,alt:"icon",draggable:"false"}),e.icon&&jsxRuntime.exports.jsx("div",{children:e.icon})]}),e.action.type)),jsxRuntime.exports.jsx(IconButton,Object.assign({onClick:()=>s(hidePanel(t)),"data-test":"close-button-"+t,size:"large"},{children:jsxRuntime.exports.jsx("img",{src:N?img$P:img$Q,alt:"icon",draggable:"false"})}))]}))]})),j.divider&&jsxRuntime.exports.jsx(Divider,{})]}),jsxRuntime.exports.jsx("div",Object.assign({className:_.content},{children:e?react.exports.cloneElement(e,Object.assign(Object.assign({},x.config||{}),{dataId:t,hidePanel:()=>s(hidePanel(t)),tabId:i,panelRendered:c})):jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"No micro frontend passed!"})})})),b&&jsxRuntime.exports.jsxs("div",Object.assign({className:_.footer},{children:[b.divider&&jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsx("div",Object.assign({className:_.headerContainer},{children:jsxRuntime.exports.jsx("div",Object.assign({className:_.actionContainer},{children:null==(p=b.actions)?void 0:p.map(e=>{var t;if(e.iconUrl)return jsxRuntime.exports.jsxs(IconButton,Object.assign({className:_.actionButton,onClick:(t=e.action,()=>{s(t)}),size:"large"},{children:[e.iconUrl&&jsxRuntime.exports.jsx("img",{src:e.iconUrl,alt:"icon",draggable:"false"}),e.icon&&jsxRuntime.exports.jsx("div",{children:e.icon})]}),e.action.type);const a=e;return jsxRuntime.exports.jsx(Button,Object.assign({className:_.actionButton,size:a.size,variant:a.variant,onClick:()=>s(a.action)},{children:a.label}),e.action.type)})}))}))]}))]})),a&&jsxRuntime.exports.jsxs("div",Object.assign({id:"tabs-content",className:_.tabSelect},{children:[jsxRuntime.exports.jsx(Tabs,{selectedId:i,tabsList:r,onChangeTab:function(t){i&&s(hidePanel(i)),o(t);var e,a=r.find(e=>e.id===t);null!=(e=null==a?void 0:a.onClick)&&e.call(a,t),null!=a&&a.action&&s(a.action)},roles:C}),(null===b||void 0===b?void 0:b.logo)&&jsxRuntime.exports.jsx("div",Object.assign({className:_.aiWareIcon},{children:jsxRuntime.exports.jsx(Logo,{})}))]}))]}))]}));return jsxRuntime.exports.jsx(AIWareThemeProvider,{children:jsxRuntime.exports.jsx(AIWareIntlProvider,{children:jsxRuntime.exports.jsx(lib.DynamicModuleLoader,Object.assign({modules:[getPanelModule()]},{children:jsxRuntime.exports.jsx(Slide,Object.assign({"data-id":"123456",in:T,direction:"left",onEntered:()=>d(!0),onExited:()=>s(unmountPanel(t))},{children:n}))}))})})}const AppbarPanel=e=>jsxRuntime.exports.jsx(AppbarTabPanel,Object.assign({},e,{withChild:!0,withTab:!1})),Tab=e=>jsxRuntime.exports.jsx(AppbarTabPanel,Object.assign({},e,{withChild:!1,withTab:!0}));export{AppbarPanel,AppbarTabPanel,Tab as TabPanel};
|
|
1
|
+
import{a as generateUtilityClasses,g as generateUtilityClass,r as react,f as clsx,j as jsxRuntime,n as useControlled,fl as useIsFocusVisible,bB as useForkRef,dA as useEnhancedEffect,fb as useEventCallback,fm as ownerDocument,_ as _extends,e as _objectWithoutPropertiesLoose,fn as appendOwnerState,cJ as isHostComponent,h as composeClasses,b as styled,d as capitalize,l as lighten,k as darken,i as alpha,fo as slotShouldForwardProp,u as useThemeProps,cF as useTheme,fp as shouldSpreadAdditionalProps,G as useDispatch,H as useSelector,m as makeStyles,fq as Slide,bj as unmountPanel,c as Paper,T as Typography$1,V as IconButton$1,av as hidePanel,a6 as Divider,fr as updatePanelMicroFrontendProps,fs as setData,ar as Button}from"./js-core.esm.js";import{d as default_1}from"./js-core.esm8.js";import{C as Card}from"./js-core.esm19.js";import{C as CardContent}from"./js-core.esm20.js";import{C as CardActions}from"./js-core.esm21.js";const visuallyHidden={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var visuallyHidden$1=visuallyHidden;function getSliderUtilityClass(e){return generateUtilityClass("MuiSlider",e)}const sliderUnstyledClasses=generateUtilityClasses("MuiSlider",["root","active","focusVisible","disabled","dragging","marked","vertical","trackInverted","trackFalse","rail","track","mark","markActive","markLabel","markLabelActive","thumb","valueLabel","valueLabelOpen","valueLabelCircle","valueLabelLabel"]);var sliderUnstyledClasses$1=sliderUnstyledClasses;const useValueLabelClasses=e=>{e=e.open;return{offset:clsx(e&&sliderUnstyledClasses$1.valueLabelOpen),circle:sliderUnstyledClasses$1.valueLabelCircle,label:sliderUnstyledClasses$1.valueLabelLabel}};function SliderValueLabelUnstyled(e){var{children:t,className:a,value:s,theme:n}=e,e=useValueLabelClasses(e);return react.exports.cloneElement(t,{className:clsx(t.props.className)},jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[t.props.children,jsxRuntime.exports.jsx("span",{className:clsx(e.offset,a),theme:n,"aria-hidden":!0,children:jsxRuntime.exports.jsx("span",{className:e.circle,children:jsxRuntime.exports.jsx("span",{className:e.label,children:s})})})]}))}const INTENTIONAL_DRAG_COUNT_THRESHOLD=2;function asc(e,t){return e-t}function clamp(e,t,a){return null==e?t:Math.min(Math.max(t,e),a)}function findClosest(e,s){e=(null!=(e=e.reduce((e,t,a)=>{t=Math.abs(s-t);return null===e||t<e.distance||t===e.distance?{distance:t,index:a}:e},null))?e:{}).index;return e}function trackFinger(e,t){if(void 0!==t.current&&e.changedTouches){var a=e;for(let e=0;e<a.changedTouches.length;e+=1){var s=a.changedTouches[e];if(s.identifier===t.current)return{x:s.clientX,y:s.clientY}}return!1}return{x:e.clientX,y:e.clientY}}function valueToPercent(e,t,a){return 100*(e-t)/(a-t)}function percentToValue(e,t,a){return(a-t)*e+t}function getDecimalPrecision(e){if(Math.abs(e)<1){const a=e.toExponential().split("e-");var t=a[0].split(".")[1];return(t?t.length:0)+parseInt(a[1],10)}t=e.toString().split(".")[1];return t?t.length:0}function roundValueToStep(e,t,a){const s=Math.round((e-a)/t)*t+a;return Number(s.toFixed(getDecimalPrecision(t)))}function setValueIndex({values:e,newValue:t,index:a}){const s=e.slice();return s[a]=t,s.sort(asc)}function focusThumb({sliderRef:e,activeIndex:t,setActive:a}){var s,n=ownerDocument(e.current);null!=(s=e.current)&&s.contains(n.activeElement)&&Number(null==n||null==(s=n.activeElement)?void 0:s.getAttribute("data-index"))===t||null!=(n=e.current)&&n.querySelector(`[type="range"][data-index="${t}"]`).focus(),a&&a(t)}const axisProps={horizontal:{offset:e=>({left:e+"%"}),leap:e=>({width:e+"%"})},"horizontal-reverse":{offset:e=>({right:e+"%"}),leap:e=>({width:e+"%"})},vertical:{offset:e=>({bottom:e+"%"}),leap:e=>({height:e+"%"})}},Identity$1=e=>e;let cachedSupportsTouchActionNone;function doesSupportTouchActionNone(){return cachedSupportsTouchActionNone=void 0===cachedSupportsTouchActionNone?"undefined"==typeof CSS||"function"!=typeof CSS.supports||CSS.supports("touch-action","none"):cachedSupportsTouchActionNone}function useSlider(n){const{ref:M,"aria-labelledby":V,defaultValue:e,disableSwap:u=!1,disabled:o=!1,marks:t=!1,max:p=100,min:m=0,name:i,onChange:r,onChangeCommitted:l,orientation:d="horizontal",scale:c=Identity$1,step:x=1,tabIndex:F,value:E,isRtl:h=!1}=n,v=react.exports.useRef(),[a,b]=react.exports.useState(-1),[D,g]=react.exports.useState(-1),[s,U]=react.exports.useState(!1),f=react.exports.useRef(0),[j,S]=useControlled({controlled:E,default:null!=e?e:m,name:"Slider"}),y=r&&((e,t,a)=>{const s=e.nativeEvent||e;e=new s.constructor(s.type,s);Object.defineProperty(e,"target",{writable:!0,value:{value:t,name:i}}),r(e,t,a)}),k=Array.isArray(j);let C=k?j.slice().sort(asc):[j];C=C.map(e=>clamp(e,m,p));const R=!0===t&&null!==x?[...Array(Math.floor((p-m)/x)+1)].map((e,t)=>({value:m+x*t})):t||[],w=R.map(e=>e.value),{isFocusVisibleRef:$,onBlur:B,onFocus:H,ref:W}=useIsFocusVisible(),[Y,L]=react.exports.useState(-1),P=react.exports.useRef();var T=useForkRef(W,P);const X=useForkRef(M,T),G=(useEnhancedEffect(()=>{var e;o&&P.current.contains(document.activeElement)&&null!=(e=document.activeElement)&&e.blur()},[o]),o&&-1!==a&&b(-1),o&&-1!==Y&&L(-1),react.exports.useRef());let _=d;h&&"horizontal"===d&&(_+="-reverse");const z=({finger:e,move:t=!1,values:a})=>{const s=P["current"];var{width:n,height:r,bottom:o,left:i}=s.getBoundingClientRect();let l;l=0===_.indexOf("vertical")?(o-e.y)/r:(e.x-i)/n,-1!==_.indexOf("-reverse")&&(l=1-l);let d,c=(d=percentToValue(l,m,p),d=clamp(d=x?roundValueToStep(d,x,m):(o=findClosest(w,d),w[o]),m,p),0);return k&&(c=t?G.current:findClosest(a,d),r=d=u?clamp(d,a[c-1]||-1/0,a[c+1]||1/0):d,d=setValueIndex({values:a,newValue:d,index:c}),u&&t||(c=d.indexOf(r),G.current=c)),{newValue:d,activeIndex:c}},N=useEventCallback(e=>{var t,a=trackFinger(e,v);a&&(f.current+=1,"mousemove"===e.type&&0===e.buttons?O(e):({newValue:a,activeIndex:t}=z({finger:a,move:!0,values:C}),focusThumb({sliderRef:P,activeIndex:t,setActive:b}),S(a),!s&&f.current>INTENTIONAL_DRAG_COUNT_THRESHOLD&&U(!0),y&&y(e,a,t)))}),O=useEventCallback(e=>{var t=trackFinger(e,v);U(!1),t&&(t=z({finger:t,values:C})["newValue"],b(-1),"touchend"===e.type&&g(-1),l&&l(e,t),v.current=void 0,I())}),A=useEventCallback(e=>{if(!o){doesSupportTouchActionNone()||e.preventDefault();var t,a=e.changedTouches[0],a=(null!=a&&(v.current=a.identifier),trackFinger(e,v));!1!==a&&({newValue:a,activeIndex:t}=z({finger:a,values:C}),focusThumb({sliderRef:P,activeIndex:t,setActive:b}),S(a),y&&y(e,a,t)),f.current=0;const s=ownerDocument(P.current);s.addEventListener("touchmove",N),s.addEventListener("touchend",O)}}),I=react.exports.useCallback(()=>{const e=ownerDocument(P.current);e.removeEventListener("mousemove",N),e.removeEventListener("mouseup",O),e.removeEventListener("touchmove",N),e.removeEventListener("touchend",O)},[O,N]);react.exports.useEffect(()=>{const e=P["current"];return e.addEventListener("touchstart",A,{passive:doesSupportTouchActionNone()}),()=>{e.removeEventListener("touchstart",A,{passive:doesSupportTouchActionNone()}),I()}},[I,A]),react.exports.useEffect(()=>{o&&I()},[o,I]);var T=valueToPercent(k?C[0]:m,m,p),q=valueToPercent(C[C.length-1],m,p)-T;return{axis:_,axisProps:axisProps,getRootProps:e=>{var n,t={onMouseDown:(n=e||{},e=>{if(null!=(a=n.onMouseDown)&&a.call(n,e),!o&&!e.defaultPrevented&&0===e.button){e.preventDefault();var t,a=trackFinger(e,v);!1!==a&&({newValue:a,activeIndex:t}=z({finger:a,values:C}),focusThumb({sliderRef:P,activeIndex:t,setActive:b}),S(a),y&&y(e,a,t)),f.current=0;const s=ownerDocument(P.current);s.addEventListener("mousemove",N),s.addEventListener("mouseup",O)}})},e=_extends({},e,t);return _extends({ref:X},e)},getHiddenInputProps:e=>{var a,s,r,t={onChange:(r=e||{},e=>{null!=(t=r.onChange)&&t.call(r,e);var t=Number(e.currentTarget.getAttribute("data-index")),a=C[t],s=w.indexOf(a);let n=e.target.valueAsNumber;if(n=clamp(n=R&&null==x?n<a?w[s-1]:w[s+1]:n,m,p),R&&null==x&&(a=w.indexOf(C[t]),n=n<C[t]?w[a-1]:w[a+1]),k){s=n=u?clamp(n,C[t-1]||-1/0,C[t+1]||1/0):n;n=setValueIndex({values:C,newValue:n,index:t});let e=t;u||(e=n.indexOf(s)),focusThumb({sliderRef:P,activeIndex:e})}S(n),L(t),y&&y(e,n,t),l&&l(e,n)}),onFocus:(s=e||{},e=>{var t=Number(e.currentTarget.getAttribute("data-index"));H(e),!0===$.current&&L(t),g(t),null!=s&&null!=(t=s.onFocus)&&t.call(s,e)}),onBlur:(a=e||{},e=>{var t;B(e),!1===$.current&&L(-1),g(-1),null!=a&&null!=(t=a.onBlur)&&t.call(a,e)})},e=_extends({},e,t);return _extends({tabIndex:F,"aria-labelledby":V,"aria-orientation":d,"aria-valuemax":c(p),"aria-valuemin":c(m),name:i,type:"range",min:n.min,max:n.max,step:n.step,disabled:o},e,{style:_extends({},visuallyHidden$1,{direction:h?"rtl":"ltr",width:"100%",height:"100%"})})},getThumbProps:e=>{var a,s,t={onMouseOver:(s=e||{},e=>{null!=(t=s.onMouseOver)&&t.call(s,e);var t=Number(e.currentTarget.getAttribute("data-index"));g(t)}),onMouseLeave:(a=e||{},e=>{var t;null!=(t=a.onMouseLeave)&&t.call(a,e),g(-1)})},e=_extends({},e,t);return _extends({},e)},dragging:s,marks:R,values:C,active:a,focusVisible:Y,open:D,range:k,trackOffset:T,trackLeap:q}}const _excluded$1=["aria-label","aria-valuetext","className","component","classes","disableSwap","disabled","getAriaLabel","getAriaValueText","marks","max","min","name","onChange","onChangeCommitted","onMouseDown","orientation","scale","step","tabIndex","track","value","valueLabelDisplay","valueLabelFormat","isRtl","components","componentsProps"],Identity=e=>e,useUtilityClasses=e=>{var{disabled:e,dragging:t,marked:a,orientation:s,track:n,classes:r}=e;return composeClasses({root:["root",e&&"disabled",t&&"dragging",a&&"marked","vertical"===s&&"vertical","inverted"===n&&"trackInverted",!1===n&&"trackFalse"],rail:["rail"],track:["track"],mark:["mark"],markActive:["markActive"],markLabel:["markLabel"],markLabelActive:["markLabelActive"],valueLabel:["valueLabel"],thumb:["thumb",e&&"disabled"],active:["active"],disabled:["disabled"],focusVisible:["focusVisible"]},getSliderUtilityClass,r)},Forward=({children:e})=>e,SliderUnstyled=react.exports.forwardRef(function(e,t){var a;const{"aria-label":M,"aria-valuetext":V,className:F,component:s,classes:E,disableSwap:D=!1,disabled:n=!1,getAriaLabel:r,getAriaValueText:o,marks:U=!1,max:i=100,min:l=0,onMouseDown:$,orientation:B="horizontal",scale:d=Identity,step:H=1,track:c="normal",valueLabelDisplay:u="off",valueLabelFormat:p=Identity,isRtl:W=!1,components:m={},componentsProps:x={}}=e,Y=_objectWithoutPropertiesLoose(e,_excluded$1),h=_extends({},e,{mark:U,classes:E,disabled:n,isRtl:W,max:i,min:l,orientation:B,scale:d,step:H,track:c,valueLabelDisplay:u,valueLabelFormat:p}),{axisProps:v,getRootProps:X,getHiddenInputProps:G,getThumbProps:q,open:J,active:b,axis:g,range:f,focusVisible:K,dragging:Q,marks:j,values:S,trackOffset:Z,trackLeap:ee}=useSlider(_extends({},h,{ref:t}));h.marked=0<j.length&&j.some(e=>e.label),h.dragging=Q;var t=null!=(e=null!=s?s:m.Root)?e:"span",e=appendOwnerState(t,_extends({},Y,x.root),h),y=null!=(y=m.Rail)?y:"span",k=appendOwnerState(y,x.rail,h),C=null!=(C=m.Track)?C:"span",R=appendOwnerState(C,x.track,h),te=_extends({},v[g].offset(Z),v[g].leap(ee));const w=null!=(a=m.Thumb)?a:"span",L=appendOwnerState(w,x.thumb,h),P=null!=(a=m.ValueLabel)?a:SliderValueLabelUnstyled,ae=appendOwnerState(P,x.valueLabel,h),T=null!=(a=m.Mark)?a:"span",_=appendOwnerState(T,x.mark,h),z=null!=(a=m.MarkLabel)?a:"span",N=appendOwnerState(z,x.markLabel,h),O=m.Input||"input",A=appendOwnerState(O,x.input,h),se=G(),I=useUtilityClasses(h);return jsxRuntime.exports.jsxs(t,_extends({},e,X({onMouseDown:$}),{className:clsx(I.root,e.className,F),children:[jsxRuntime.exports.jsx(y,_extends({},k,{className:clsx(I.rail,k.className)})),jsxRuntime.exports.jsx(C,_extends({},R,{className:clsx(I.track,R.className),style:_extends({},te,R.style)})),j.map((e,t)=>{var a=valueToPercent(e.value,l,i),a=v[g].offset(a);let s;return s=!1===c?-1!==S.indexOf(e.value):"normal"===c&&(f?e.value>=S[0]&&e.value<=S[S.length-1]:e.value<=S[0])||"inverted"===c&&(f?e.value<=S[0]||e.value>=S[S.length-1]:e.value>=S[0]),jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[jsxRuntime.exports.jsx(T,_extends({"data-index":t},_,!isHostComponent(T)&&{markActive:s},{style:_extends({},a,_.style),className:clsx(I.mark,_.className,s&&I.markActive)})),null!=e.label?jsxRuntime.exports.jsx(z,_extends({"aria-hidden":!0,"data-index":t},N,!isHostComponent(z)&&{markLabelActive:s},{style:_extends({},a,N.style),className:clsx(I.markLabel,N.className,s&&I.markLabelActive),children:e.label})):null]},e.value)}),S.map((e,t)=>{var a=valueToPercent(e,l,i),a=v[g].offset(a),s="off"===u?Forward:P;return jsxRuntime.exports.jsx(react.exports.Fragment,{children:jsxRuntime.exports.jsx(s,_extends({},!isHostComponent(s)&&{valueLabelFormat:p,valueLabelDisplay:u,value:"function"==typeof p?p(d(e),t):p,index:t,open:J===t||b===t||"on"===u,disabled:n},ae,{className:clsx(I.valueLabel,ae.className),children:jsxRuntime.exports.jsx(w,_extends({"data-index":t},L,q(),{className:clsx(I.thumb,L.className,b===t&&I.active,K===t&&I.focusVisible)},!isHostComponent(w)&&{ownerState:_extends({},h,L.ownerState)},{style:_extends({},a,{pointerEvents:D&&b!==t?"none":void 0},L.style),children:jsxRuntime.exports.jsx(O,_extends({},se,{"data-index":t,"aria-label":r?r(t):M,"aria-valuenow":d(e),"aria-valuetext":o?o(d(e),t):V,value:S[t]},!isHostComponent(O)&&{ownerState:_extends({},h,A.ownerState)},A,{style:_extends({},se.style,A.style)}))}))}))},t)})]}))});var SliderUnstyled$1=SliderUnstyled;const _excluded=["component","components","componentsProps","color","size"],sliderClasses=_extends({},sliderUnstyledClasses$1,generateUtilityClasses("MuiSlider",["colorPrimary","colorSecondary","thumbColorPrimary","thumbColorSecondary","sizeSmall","thumbSizeSmall"])),SliderRoot=styled("span",{name:"MuiSlider",slot:"Root",overridesResolver:(e,t)=>{const a=e["ownerState"],s=!0===a.marksProp&&null!==a.step?[...Array(Math.floor((a.max-a.min)/a.step)+1)].map((e,t)=>({value:a.min+a.step*t})):a.marksProp||[];e=0<s.length&&s.some(e=>e.label);return[t.root,t["color"+capitalize(a.color)],"medium"!==a.size&&t["size"+capitalize(a.size)],e&&t.marked,"vertical"===a.orientation&&t.vertical,"inverted"===a.track&&t.trackInverted,!1===a.track&&t.trackFalse]}})(({theme:e,ownerState:t})=>_extends({borderRadius:12,boxSizing:"content-box",display:"inline-block",position:"relative",cursor:"pointer",touchAction:"none",color:e.palette[t.color].main,WebkitTapHighlightColor:"transparent"},"horizontal"===t.orientation&&_extends({height:4,width:"100%",padding:"13px 0","@media (pointer: coarse)":{padding:"20px 0"}},"small"===t.size&&{height:2},t.marked&&{marginBottom:20}),"vertical"===t.orientation&&_extends({height:"100%",width:4,padding:"0 13px","@media (pointer: coarse)":{padding:"0 20px"}},"small"===t.size&&{width:2},t.marked&&{marginRight:44}),{"@media print":{colorAdjust:"exact"},["&."+sliderClasses.disabled]:{pointerEvents:"none",cursor:"default",color:e.palette.grey[400]},["&."+sliderClasses.dragging]:{[`& .${sliderClasses.thumb}, & .`+sliderClasses.track]:{transition:"none"}}})),SliderRail=styled("span",{name:"MuiSlider",slot:"Rail",overridesResolver:(e,t)=>t.rail})(({ownerState:e})=>_extends({display:"block",position:"absolute",borderRadius:"inherit",backgroundColor:"currentColor",opacity:.38},"horizontal"===e.orientation&&{width:"100%",height:"inherit",top:"50%",transform:"translateY(-50%)"},"vertical"===e.orientation&&{height:"100%",width:"inherit",left:"50%",transform:"translateX(-50%)"},"inverted"===e.track&&{opacity:1})),SliderTrack=styled("span",{name:"MuiSlider",slot:"Track",overridesResolver:(e,t)=>t.track})(({theme:e,ownerState:t})=>{var a="light"===e.palette.mode?lighten(e.palette[t.color].main,.62):darken(e.palette[t.color].main,.5);return _extends({display:"block",position:"absolute",borderRadius:"inherit",border:"1px solid currentColor",backgroundColor:"currentColor",transition:e.transitions.create(["left","width","bottom","height"],{duration:e.transitions.duration.shortest})},"small"===t.size&&{border:"none"},"horizontal"===t.orientation&&{height:"inherit",top:"50%",transform:"translateY(-50%)"},"vertical"===t.orientation&&{width:"inherit",left:"50%",transform:"translateX(-50%)"},!1===t.track&&{display:"none"},"inverted"===t.track&&{backgroundColor:a,borderColor:a})}),SliderThumb=styled("span",{name:"MuiSlider",slot:"Thumb",overridesResolver:(e,t)=>{e=e.ownerState;return[t.thumb,t["thumbColor"+capitalize(e.color)],"medium"!==e.size&&t["thumbSize"+capitalize(e.size)]]}})(({theme:e,ownerState:t})=>_extends({position:"absolute",width:20,height:20,boxSizing:"border-box",borderRadius:"50%",outline:0,backgroundColor:"currentColor",display:"flex",alignItems:"center",justifyContent:"center",transition:e.transitions.create(["box-shadow","left","bottom"],{duration:e.transitions.duration.shortest})},"small"===t.size&&{width:12,height:12},"horizontal"===t.orientation&&{top:"50%",transform:"translate(-50%, -50%)"},"vertical"===t.orientation&&{left:"50%",transform:"translate(-50%, 50%)"},{"&:before":_extends({position:"absolute",content:'""',borderRadius:"inherit",width:"100%",height:"100%",boxShadow:e.shadows[2]},"small"===t.size&&{boxShadow:"none"}),"&::after":{position:"absolute",content:'""',borderRadius:"50%",width:42,height:42,top:"50%",left:"50%",transform:"translate(-50%, -50%)"},["&:hover, &."+sliderClasses.focusVisible]:{boxShadow:"0px 0px 0px 8px "+alpha(e.palette[t.color].main,.16),"@media (hover: none)":{boxShadow:"none"}},["&."+sliderClasses.active]:{boxShadow:"0px 0px 0px 14px "+alpha(e.palette[t.color].main,.16)},["&."+sliderClasses.disabled]:{"&:hover":{boxShadow:"none"}}})),SliderValueLabel=styled(SliderValueLabelUnstyled,{name:"MuiSlider",slot:"ValueLabel",overridesResolver:(e,t)=>t.valueLabel})(({theme:e,ownerState:t})=>_extends({["&."+sliderClasses.valueLabelOpen]:{transform:"translateY(-100%) scale(1)"},zIndex:1,whiteSpace:"nowrap"},e.typography.body2,{fontWeight:500,transition:e.transitions.create(["transform"],{duration:e.transitions.duration.shortest}),top:-10,transformOrigin:"bottom center",transform:"translateY(-100%) scale(0)",position:"absolute",backgroundColor:e.palette.grey[600],borderRadius:2,color:e.palette.common.white,display:"flex",alignItems:"center",justifyContent:"center",padding:"0.25rem 0.75rem"},"small"===t.size&&{fontSize:e.typography.pxToRem(12),padding:"0.25rem 0.5rem"},{"&:before":{position:"absolute",content:'""',width:8,height:8,bottom:0,left:"50%",transform:"translate(-50%, 50%) rotate(45deg)",backgroundColor:"inherit"}})),SliderMark=styled("span",{name:"MuiSlider",slot:"Mark",shouldForwardProp:e=>slotShouldForwardProp(e)&&"markActive"!==e,overridesResolver:(e,t)=>t.mark})(({theme:e,ownerState:t,markActive:a})=>_extends({position:"absolute",width:2,height:2,borderRadius:1,backgroundColor:"currentColor"},"horizontal"===t.orientation&&{top:"50%",transform:"translate(-1px, -50%)"},"vertical"===t.orientation&&{left:"50%",transform:"translate(-50%, 1px)"},a&&{backgroundColor:e.palette.background.paper,opacity:.8})),SliderMarkLabel=styled("span",{name:"MuiSlider",slot:"MarkLabel",shouldForwardProp:e=>slotShouldForwardProp(e)&&"markLabelActive"!==e,overridesResolver:(e,t)=>t.markLabel})(({theme:e,ownerState:t,markLabelActive:a})=>_extends({},e.typography.body2,{color:e.palette.text.secondary,position:"absolute",whiteSpace:"nowrap"},"horizontal"===t.orientation&&{top:30,transform:"translateX(-50%)","@media (pointer: coarse)":{top:40}},"vertical"===t.orientation&&{left:36,transform:"translateY(50%)","@media (pointer: coarse)":{left:44}},a&&{color:e.palette.text.primary})),extendUtilityClasses=e=>{var{color:e,size:t,classes:a={}}=e;return _extends({},a,{root:clsx(a.root,getSliderUtilityClass("color"+capitalize(e)),a["color"+capitalize(e)],t&&[getSliderUtilityClass("size"+capitalize(t)),a["size"+capitalize(t)]]),thumb:clsx(a.thumb,getSliderUtilityClass("thumbColor"+capitalize(e)),a["thumbColor"+capitalize(e)],t&&[getSliderUtilityClass("thumbSize"+capitalize(t)),a["thumbSize"+capitalize(t)]])})},Slider=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiSlider"}),a="rtl"===useTheme().direction,{component:s="span",components:n={},componentsProps:r={},color:o="primary",size:i="medium"}=e,l=_objectWithoutPropertiesLoose(e,_excluded),e=_extends({},e,{color:o,size:i}),e=extendUtilityClasses(e);return jsxRuntime.exports.jsx(SliderUnstyled$1,_extends({},l,{isRtl:a,components:_extends({Root:SliderRoot,Rail:SliderRail,Track:SliderTrack,Thumb:SliderThumb,ValueLabel:SliderValueLabel,Mark:SliderMark,MarkLabel:SliderMarkLabel},n),componentsProps:_extends({},r,{root:_extends({},r.root,shouldSpreadAdditionalProps(n.Root)&&{as:s,ownerState:_extends({},null==(l=r.root)?void 0:l.ownerState,{color:o,size:i})}),thumb:_extends({},r.thumb,shouldSpreadAdditionalProps(n.Thumb)&&{ownerState:_extends({},null==(a=r.thumb)?void 0:a.ownerState,{color:o,size:i})}),track:_extends({},r.track,shouldSpreadAdditionalProps(n.Track)&&{ownerState:_extends({},null==(s=r.track)?void 0:s.ownerState,{color:o,size:i})}),valueLabel:_extends({},r.valueLabel,shouldSpreadAdditionalProps(n.ValueLabel)&&{ownerState:_extends({},null==(l=r.valueLabel)?void 0:l.ownerState,{color:o,size:i})})}),classes:e,ref:t}))});var Slider$1=Slider;!function(){var e={};try{if(process)return process.env=Object.assign({},process.env),Object.assign(process.env,e)}catch(e){}globalThis.process={env:e}}();const Panel=({panelId:t,children:e})=>{var a;const s=useDispatch(),{microFrontend:n,panelConfig:{minWidth:r,padding:o=0,header:i,footer:l,marginTop:d=0,marginStart:c=0,show:u,width:p=500,zIndex:m=1}}=useSelector(e=>e.panels.find(e=>e.panelId===t)),x=makeStyles()(e=>({container:{position:"fixed",top:d,right:c,height:"100%",minWidth:r,width:p,zIndex:m},padding:{padding:e.spacing(o),paddingTop:e.spacing(o/2)},margin:{margin:e.spacing()},headerContainer:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},headerTitle:{margin:e.spacing()},actionButton:{margin:e.spacing()},actionContainer:{"&:last-child":{marginRight:e.spacing(2)}},footer:{}}))()["classes"],h=e=>{if(e.icon)return jsxRuntime.exports.jsx(IconButton$1,Object.assign({className:x.actionButton,onClick:()=>s(e.action),size:"large"},{children:e.icon}));var t=e;return jsxRuntime.exports.jsx(Button,Object.assign({className:x.actionButton,size:t.size,variant:t.variant,onClick:()=>s(e.action)},{children:t.label}))};return jsxRuntime.exports.jsx(Slide,Object.assign({in:u,direction:"left",onExited:()=>s(unmountPanel(t))},{children:jsxRuntime.exports.jsxs(Paper,Object.assign({elevation:3,id:t,"data-test":"panel-"+(t||"unknown"),className:x.container},{children:[i&&jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsxs("div",Object.assign({className:x.headerContainer},{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({gutterBottom:!0,className:x.headerTitle,variant:"h4"},{children:i.title})),jsxRuntime.exports.jsxs("div",Object.assign({className:x.actionContainer},{children:[null==(a=i.actions)?void 0:a.map(e=>h(e)),jsxRuntime.exports.jsx(IconButton$1,Object.assign({"data-test":"close-button-"+t,className:x.actionButton,onClick:()=>s(hidePanel(t)),size:"large"},{children:jsxRuntime.exports.jsx(default_1,{})}))]}))]})),i.divider&&jsxRuntime.exports.jsx(Divider,{})]}),jsxRuntime.exports.jsx("div",Object.assign({className:x.padding},{children:e?react.exports.cloneElement(e,Object.assign(Object.assign({},n.config||{}),{dataId:t,hidePanel:()=>s(hidePanel(t))})):jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"No micro frontend passed!"})})})),l&&jsxRuntime.exports.jsxs("div",Object.assign({className:x.footer},{children:[l.divider&&jsxRuntime.exports.jsx(Divider,{}),jsxRuntime.exports.jsxs("div",Object.assign({className:x.headerContainer},{children:[jsxRuntime.exports.jsx("div",{}),jsxRuntime.exports.jsx("div",Object.assign({className:x.actionContainer},{children:null==(a=l.actions)?void 0:a.map(e=>h(e))}))]}))]}))]}))}))},SamplePanel5=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel5!"})}),SamplePanel4=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel4!"})}),SamplePanel3=a=>{const s=useDispatch();return jsxRuntime.exports.jsxs("div",{children:[jsxRuntime.exports.jsx("h1",{children:"Welcome to picker!"}),jsxRuntime.exports.jsx(Typography$1,Object.assign({id:"discrete-slider",gutterBottom:!0},{children:"Temperature"})),jsxRuntime.exports.jsx(Slider$1,{"data-test":"slider",defaultValue:a.value,value:a.value,"aria-labelledby":"discrete-slider",valueLabelDisplay:"auto",step:10,marks:!0,min:0,max:110,onChange:(e,t)=>{s(updatePanelMicroFrontendProps({id:a.dataId,props:Object.assign(Object.assign({},a),{value:t})}))},onChangeCommitted:(e,t)=>{s(updatePanelMicroFrontendProps({id:a.dataId,props:Object.assign(Object.assign({},a),{value:t})})),s(setData({id:a.dataId,data:t}))}})]})},SamplePanel2=e=>jsxRuntime.exports.jsx("div",{children:jsxRuntime.exports.jsx("h1",{children:"Welcome to SamplePanel2!"})}),useStyles=makeStyles()(e=>({container:{},root:{minWidth:50},bullet:{display:"inline-block",margin:"0 2px",transform:"scale(0.8)"},title:{fontSize:14},pos:{marginBottom:12}})),SamplePanel1=e=>{var t=useStyles()["classes"],a=jsxRuntime.exports.jsx("span",Object.assign({className:t.bullet},{children:"•"}));return jsxRuntime.exports.jsxs("div",Object.assign({className:t.container},{children:[jsxRuntime.exports.jsxs("h1",{children:["Welcome to SamplePanel1 ",e.name||"Unknown Person","!"]}),jsxRuntime.exports.jsxs(Card,Object.assign({className:t.root},{children:[jsxRuntime.exports.jsxs(CardContent,{children:[jsxRuntime.exports.jsx(Typography$1,Object.assign({className:t.title,color:"textSecondary",gutterBottom:!0},{children:"Word of the Day"})),jsxRuntime.exports.jsxs(Typography$1,Object.assign({variant:"h5",component:"h2"},{children:["be",a,"nev",a,"o",a,"lent"]})),jsxRuntime.exports.jsx(Typography$1,Object.assign({className:t.pos,color:"textSecondary"},{children:"adjective"})),jsxRuntime.exports.jsxs(Typography$1,Object.assign({variant:"body2",component:"p"},{children:["well meaning and kindly.",jsxRuntime.exports.jsx("br",{}),'"a benevolent smile"']}))]}),jsxRuntime.exports.jsx(CardActions,{children:jsxRuntime.exports.jsx(Button,Object.assign({size:"small"},{children:"Learn More"}))})]}))]}))};export{Panel,SamplePanel1,SamplePanel2,SamplePanel3,SamplePanel4,SamplePanel5};
|