@daoyi/nmtl-ui 1.1.30-beta.23 → 1.1.30-beta.24
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as e,a as t,b as o}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import*as n from"react";import r,{useCallback as a,useState as i,useRef as l,useMemo as c,useEffect as u}from"react";import s from"prop-types";import{c as p}from"./index-d90e1489.js";import{d}from"./debounce-7d215a19.js";import{w as f,b as m,e as g,_ as v,a as b,c as h,d as y}from"./withStyles-75fe409f.js";import{c as x,a as C}from"./capitalize-4566b0fe.js";import{c as I}from"./createSvgIcon-231b6223.js";import{u as S,s as k}from"./useForkRef-4ff8cc89.js";import{B as O}from"./ButtonBase-013fbd95.js";import{T as E}from"./TextField-940e48e6.js";import{C as P}from"./CircularProgress-0af3f40f.js";import T from"./Empty.js";import{s as w}from"./style-inject.es-1f59c1d0.js";import{u as L}from"./unstable_useId-45c5b1e4.js";import{u as A}from"./useControlled-b5d6fb94.js";import{u as $}from"./useEventCallback-8817ed1c.js";import{I as R}from"./IconButton-920a73fd.js";import{P as j}from"./Paper-fa04140f.js";import{P as N}from"./Popper-896103c0.js";import"./_commonjsHelpers-ae1b5db5.js";import"./isObjectLike-75179648.js";import"react-is";import"react-dom";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-2ba64e99.js";import"./Select-c0d0b016.js";import"./OutlinedInput-e0ddbd3a.js";import"./useTheme-ea7e9223.js";import"./FormControlContext-90b149a2.js";import"./debounce-65582d84.js";import"./isMuiElement-64ad493a.js";import"./ownerWindow-ba2c31bc.js";import"./Menu-d1267946.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./Portal-411c252b.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./useFormControl-607a2e33.js";var D=I(n.createElement("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"}));function F(e){return"Backspace"===e.key||"Delete"===e.key}var z=n.forwardRef((function(e,t){var o=e.avatar,r=e.classes,a=e.className,i=e.clickable,l=e.color,c=void 0===l?"default":l,u=e.component,s=e.deleteIcon,p=e.disabled,d=void 0!==p&&p,f=e.icon,m=e.label,g=e.onClick,h=e.onDelete,y=e.onKeyDown,I=e.onKeyUp,k=e.size,E=void 0===k?"medium":k,P=e.variant,T=void 0===P?"default":P,w=v(e,["avatar","classes","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant"]),L=n.useRef(null),A=S(L,t),$=function(e){e.stopPropagation(),h&&h(e)},R=!(!1===i||!g)||i,j="small"===E,N=u||(R?O:"div"),z=N===O?{component:"div"}:{},M=null;if(h){var V=x("default"!==c&&("default"===T?r["deleteIconColor".concat(C(c))]:r["deleteIconOutlinedColor".concat(C(c))]),j&&r.deleteIconSmall);M=s&&n.isValidElement(s)?n.cloneElement(s,{className:x(s.props.className,r.deleteIcon,V),onClick:$}):n.createElement(D,{className:x(r.deleteIcon,V),onClick:$})}var H=null;o&&n.isValidElement(o)&&(H=n.cloneElement(o,{className:x(r.avatar,o.props.className,j&&r.avatarSmall,"default"!==c&&r["avatarColor".concat(C(c))])}));var B=null;return f&&n.isValidElement(f)&&(B=n.cloneElement(f,{className:x(r.icon,f.props.className,j&&r.iconSmall,"default"!==c&&r["iconColor".concat(C(c))])})),n.createElement(N,b({role:R||h?"button":void 0,className:x(r.root,a,"default"!==c&&[r["color".concat(C(c))],R&&r["clickableColor".concat(C(c))],h&&r["deletableColor".concat(C(c))]],"default"!==T&&[r.outlined,{primary:r.outlinedPrimary,secondary:r.outlinedSecondary}[c]],d&&r.disabled,j&&r.sizeSmall,R&&r.clickable,h&&r.deletable),"aria-disabled":!!d||void 0,tabIndex:R||h?0:void 0,onClick:g,onKeyDown:function(e){e.currentTarget===e.target&&F(e)&&e.preventDefault(),y&&y(e)},onKeyUp:function(e){e.currentTarget===e.target&&(h&&F(e)?h(e):"Escape"===e.key&&L.current&&L.current.blur()),I&&I(e)},ref:A},z,w),H||B,n.createElement("span",{className:x(r.label,j&&r.labelSmall)},m),M)})),M=f((function(e){var t="light"===e.palette.type?e.palette.grey[300]:e.palette.grey[700],o=m(e.palette.text.primary,.26);return{root:{fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:e.palette.getContrastText(t),backgroundColor:t,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"default",outline:0,textDecoration:"none",border:"none",padding:0,verticalAlign:"middle",boxSizing:"border-box","&$disabled":{opacity:.5,pointerEvents:"none"},"& $avatar":{marginLeft:5,marginRight:-6,width:24,height:24,color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],fontSize:e.typography.pxToRem(12)},"& $avatarColorPrimary":{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.dark},"& $avatarColorSecondary":{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.dark},"& $avatarSmall":{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)}},sizeSmall:{height:24},colorPrimary:{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText},colorSecondary:{backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},disabled:{},clickable:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover, &:focus":{backgroundColor:g(t,.08)},"&:active":{boxShadow:e.shadows[1]}},clickableColorPrimary:{"&:hover, &:focus":{backgroundColor:g(e.palette.primary.main,.08)}},clickableColorSecondary:{"&:hover, &:focus":{backgroundColor:g(e.palette.secondary.main,.08)}},deletable:{"&:focus":{backgroundColor:g(t,.08)}},deletableColorPrimary:{"&:focus":{backgroundColor:g(e.palette.primary.main,.2)}},deletableColorSecondary:{"&:focus":{backgroundColor:g(e.palette.secondary.main,.2)}},outlined:{backgroundColor:"transparent",border:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:m(e.palette.text.primary,e.palette.action.hoverOpacity)},"& $avatar":{marginLeft:4},"& $avatarSmall":{marginLeft:2},"& $icon":{marginLeft:4},"& $iconSmall":{marginLeft:2},"& $deleteIcon":{marginRight:5},"& $deleteIconSmall":{marginRight:3}},outlinedPrimary:{color:e.palette.primary.main,border:"1px solid ".concat(e.palette.primary.main),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:m(e.palette.primary.main,e.palette.action.hoverOpacity)}},outlinedSecondary:{color:e.palette.secondary.main,border:"1px solid ".concat(e.palette.secondary.main),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:m(e.palette.secondary.main,e.palette.action.hoverOpacity)}},avatar:{},avatarSmall:{},avatarColorPrimary:{},avatarColorSecondary:{},icon:{color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],marginLeft:5,marginRight:-6},iconSmall:{width:18,height:18,marginLeft:4,marginRight:-4},iconColorPrimary:{color:"inherit"},iconColorSecondary:{color:"inherit"},label:{overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},labelSmall:{paddingLeft:8,paddingRight:8},deleteIcon:{WebkitTapHighlightColor:"transparent",color:o,height:22,width:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:m(o,.4)}},deleteIconSmall:{height:16,width:16,marginRight:4,marginLeft:-4},deleteIconColorPrimary:{color:m(e.palette.primary.contrastText,.7),"&:hover, &:active":{color:e.palette.primary.contrastText}},deleteIconColorSecondary:{color:m(e.palette.secondary.contrastText,.7),"&:hover, &:active":{color:e.palette.secondary.contrastText}},deleteIconOutlinedColorPrimary:{color:m(e.palette.primary.main,.7),"&:hover, &:active":{color:e.palette.primary.main}},deleteIconOutlinedColorSecondary:{color:m(e.palette.secondary.main,.7),"&:hover, &:active":{color:e.palette.secondary.main}}}}),{name:"MuiChip"})(z),V=n.forwardRef((function(e,t){var o=e.classes,r=e.className,a=e.color,i=void 0===a?"default":a,l=e.component,c=void 0===l?"li":l,u=e.disableGutters,s=void 0!==u&&u,p=e.disableSticky,d=void 0!==p&&p,f=e.inset,m=void 0!==f&&f,g=v(e,["classes","className","color","component","disableGutters","disableSticky","inset"]);return n.createElement(c,b({className:x(o.root,r,"default"!==i&&o["color".concat(C(i))],m&&o.inset,!d&&o.sticky,!s&&o.gutters),ref:t},g))})),H=f((function(e){return{root:{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)},colorPrimary:{color:e.palette.primary.main},colorInherit:{color:"inherit"},gutters:{paddingLeft:16,paddingRight:16},inset:{paddingLeft:72},sticky:{position:"sticky",top:0,zIndex:1,backgroundColor:"inherit"}}}),{name:"MuiListSubheader"})(V),B=I(n.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),W=I(n.createElement("path",{d:"M7 10l5 5 5-5z"}));function _(e){return void 0!==e.normalize?e.normalize("NFD").replace(/[\u0300-\u036f]/g,""):e}function K(e,t){for(var o=0;o<e.length;o+=1)if(t(e[o]))return o;return-1}var G=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.ignoreAccents,o=void 0===t||t,n=e.ignoreCase,r=void 0===n||n,a=e.limit,i=e.matchFrom,l=void 0===i?"any":i,c=e.stringify,u=e.trim,s=void 0!==u&&u;return function(e,t){var n=t.inputValue,i=t.getOptionLabel,u=s?n.trim():n;r&&(u=u.toLowerCase()),o&&(u=_(u));var p=e.filter((function(e){var t=(c||i)(e);return r&&(t=t.toLowerCase()),o&&(t=_(t)),"start"===l?0===t.indexOf(u):t.indexOf(u)>-1}));return"number"==typeof a?p.slice(0,a):p}}();function U(e){var t=e.autoComplete,o=void 0!==t&&t,r=e.autoHighlight,a=void 0!==r&&r,i=e.autoSelect,l=void 0!==i&&i,c=e.blurOnSelect,u=void 0!==c&&c,s=e.clearOnBlur,p=void 0===s?!e.freeSolo:s,d=e.clearOnEscape,f=void 0!==d&&d,m=e.componentName,g=void 0===m?"useAutocomplete":m,v=e.debug,y=void 0!==v&&v,x=e.defaultValue,C=void 0===x?e.multiple?[]:null:x,I=e.disableClearable,S=void 0!==I&&I,O=e.disableCloseOnSelect,E=void 0!==O&&O,P=e.disabledItemsFocusable,T=void 0!==P&&P,w=e.disableListWrap,R=void 0!==w&&w,j=e.filterOptions,N=void 0===j?G:j,D=e.filterSelectedOptions,F=void 0!==D&&D,z=e.freeSolo,M=void 0!==z&&z,V=e.getOptionDisabled,H=e.getOptionLabel,B=void 0===H?function(e){return e}:H,W=e.getOptionSelected,_=void 0===W?function(e,t){return e===t}:W,U=e.groupBy,q=e.handleHomeEndKeys,J=void 0===q?!e.freeSolo:q,Q=e.id,X=e.includeInputInList,Y=void 0!==X&&X,Z=e.inputValue,ee=e.multiple,te=void 0!==ee&&ee,oe=e.onChange,ne=e.onClose,re=e.onHighlightChange,ae=e.onInputChange,ie=e.onOpen,le=e.open,ce=e.openOnFocus,ue=void 0!==ce&&ce,se=e.options,pe=e.selectOnFocus,de=void 0===pe?!e.freeSolo:pe,fe=e.value,me=L(Q),ge=B,ve=n.useRef(!1),be=n.useRef(!0),he=n.useRef(null),ye=n.useRef(null),xe=n.useState(null),Ce=xe[0],Ie=xe[1],Se=n.useState(-1),ke=Se[0],Oe=Se[1],Ee=a?0:-1,Pe=n.useRef(Ee),Te=A({controlled:fe,default:C,name:g}),we=h(Te,2),Le=we[0],Ae=we[1],$e=A({controlled:Z,default:"",name:g,state:"inputValue"}),Re=h($e,2),je=Re[0],Ne=Re[1],De=n.useState(!1),Fe=De[0],ze=De[1],Me=$((function(e,t){var o;if(te)o="";else if(null==t)o="";else{var n=ge(t);o="string"==typeof n?n:""}je!==o&&(Ne(o),ae&&ae(e,o,"reset"))}));n.useEffect((function(){Me(null,Le)}),[Le,Me]);var Ve=A({controlled:le,default:!1,name:g,state:"open"}),He=h(Ve,2),Be=He[0],We=He[1],_e=!te&&null!=Le&&je===ge(Le),Ke=Be,Ge=Ke?N(se.filter((function(e){return!F||!(te?Le:[Le]).some((function(t){return null!==t&&_(e,t)}))})),{inputValue:_e?"":je,getOptionLabel:ge}):[],Ue=$((function(e){-1===e?he.current.focus():Ce.querySelector('[data-tag-index="'.concat(e,'"]')).focus()}));n.useEffect((function(){te&&ke>Le.length-1&&(Oe(-1),Ue(-1))}),[Le,te,ke,Ue]);var qe=$((function(e){var t=e.event,o=e.index,n=e.reason,r=void 0===n?"auto":n;if(Pe.current=o,-1===o?he.current.removeAttribute("aria-activedescendant"):he.current.setAttribute("aria-activedescendant","".concat(me,"-option-").concat(o)),re&&re(t,-1===o?null:Ge[o],r),ye.current){var a=ye.current.querySelector("[data-focus]");a&&a.removeAttribute("data-focus");var i=ye.current.parentElement.querySelector('[role="listbox"]');if(i)if(-1!==o){var l=ye.current.querySelector('[data-option-index="'.concat(o,'"]'));if(l&&(l.setAttribute("data-focus","true"),i.scrollHeight>i.clientHeight&&"mouse"!==r)){var c=l,u=i.clientHeight+i.scrollTop,s=c.offsetTop+c.offsetHeight;s>u?i.scrollTop=s-i.clientHeight:c.offsetTop-c.offsetHeight*(U?1.3:0)<i.scrollTop&&(i.scrollTop=c.offsetTop-c.offsetHeight*(U?1.3:0))}}else i.scrollTop=0}})),Je=$((function(e){var t=e.event,n=e.diff,r=e.direction,a=void 0===r?"next":r,i=e.reason,l=void 0===i?"auto":i;if(Ke){var c=function(e,t){if(!ye.current||-1===e)return-1;for(var o=e;;){if("next"===t&&o===Ge.length||"previous"===t&&-1===o)return-1;var n=ye.current.querySelector('[data-option-index="'.concat(o,'"]')),r=!T&&n&&(n.disabled||"true"===n.getAttribute("aria-disabled"));if(!(n&&!n.hasAttribute("tabindex")||r))return o;o+="next"===t?1:-1}}(function(){var e=Ge.length-1;if("reset"===n)return Ee;if("start"===n)return 0;if("end"===n)return e;var t=Pe.current+n;return t<0?-1===t&&Y?-1:R&&-1!==Pe.current||Math.abs(n)>1?0:e:t>e?t===e+1&&Y?-1:R||Math.abs(n)>1?e:0:t}(),a);if(qe({index:c,reason:l,event:t}),o&&"reset"!==n)if(-1===c)he.current.value=je;else{var u=ge(Ge[c]);he.current.value=u,0===u.toLowerCase().indexOf(je.toLowerCase())&&je.length>0&&he.current.setSelectionRange(je.length,u.length)}}})),Qe=n.useCallback((function(){if(Ke){var e=te?Le[0]:Le;if(0!==Ge.length&&null!=e){if(ye.current)if(F||null==e)Pe.current>=Ge.length-1?qe({index:Ge.length-1}):qe({index:Pe.current});else{var t=Ge[Pe.current];if(te&&t&&-1!==K(Le,(function(e){return _(t,e)})))return;var o=K(Ge,(function(t){return _(t,e)}));-1===o?Je({diff:"reset"}):qe({index:o})}}else Je({diff:"reset"})}}),[0===Ge.length,!te&&Le,F,Je,qe,Ke,je,te]),Xe=$((function(e){k(ye,e),e&&Qe()}));n.useEffect((function(){Qe()}),[Qe]);var Ye=function(e){Be||(We(!0),ie&&ie(e))},Ze=function(e,t){Be&&(We(!1),ne&&ne(e,t))},et=function(e,t,o,n){Le!==t&&(oe&&oe(e,t,o,n),Ae(t))},tt=n.useRef(!1),ot=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"select-option",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"options",r=o,a=t;if(te){var i=K(a=Array.isArray(Le)?Le.slice():[],(function(e){return _(t,e)}));-1===i?a.push(t):"freeSolo"!==n&&(a.splice(i,1),r="remove-option")}Me(e,a),et(e,a,r,{option:t}),E||Ze(e,r),(!0===u||"touch"===u&&tt.current||"mouse"===u&&!tt.current)&&he.current.blur()};var nt=function(e,t){if(te){Ze(e,"toggleInput");var o=ke;-1===ke?""===je&&"previous"===t&&(o=Le.length-1):((o+="next"===t?1:-1)<0&&(o=0),o===Le.length&&(o=-1)),o=function(e,t){if(-1===e)return-1;for(var o=e;;){if("next"===t&&o===Le.length||"previous"===t&&-1===o)return-1;var n=Ce.querySelector('[data-tag-index="'.concat(o,'"]'));if(!n||n.hasAttribute("tabindex")&&!n.disabled&&"true"!==n.getAttribute("aria-disabled"))return o;o+="next"===t?1:-1}}(o,t),Oe(o),Ue(o)}},rt=function(e){ve.current=!0,Ne(""),ae&&ae(e,"","clear"),et(e,te?[]:null,"clear")},at=function(e){return function(t){switch(-1!==ke&&-1===["ArrowLeft","ArrowRight"].indexOf(t.key)&&(Oe(-1),Ue(-1)),t.key){case"Home":Ke&&J&&(t.preventDefault(),Je({diff:"start",direction:"next",reason:"keyboard",event:t}));break;case"End":Ke&&J&&(t.preventDefault(),Je({diff:"end",direction:"previous",reason:"keyboard",event:t}));break;case"PageUp":t.preventDefault(),Je({diff:-5,direction:"previous",reason:"keyboard",event:t}),Ye(t);break;case"PageDown":t.preventDefault(),Je({diff:5,direction:"next",reason:"keyboard",event:t}),Ye(t);break;case"ArrowDown":t.preventDefault(),Je({diff:1,direction:"next",reason:"keyboard",event:t}),Ye(t);break;case"ArrowUp":t.preventDefault(),Je({diff:-1,direction:"previous",reason:"keyboard",event:t}),Ye(t);break;case"ArrowLeft":nt(t,"previous");break;case"ArrowRight":nt(t,"next");break;case"Enter":if(229===t.which)break;if(-1!==Pe.current&&Ke){var n=Ge[Pe.current],r=!!V&&V(n);if(t.preventDefault(),r)return;ot(t,n,"select-option"),o&&he.current.setSelectionRange(he.current.value.length,he.current.value.length)}else M&&""!==je&&!1===_e&&(te&&t.preventDefault(),ot(t,je,"create-option","freeSolo"));break;case"Escape":Ke?(t.preventDefault(),t.stopPropagation(),Ze(t,"escape")):f&&(""!==je||te&&Le.length>0)&&(t.preventDefault(),t.stopPropagation(),rt(t));break;case"Backspace":if(te&&""===je&&Le.length>0){var a=-1===ke?Le.length-1:ke,i=Le.slice();i.splice(a,1),et(t,i,"remove-option",{option:Le[a]})}}e.onKeyDown&&e.onKeyDown(t)}},it=function(e){ze(!0),ue&&!ve.current&&Ye(e)},lt=function(e){null===ye.current||document.activeElement!==ye.current.parentElement?(ze(!1),be.current=!0,ve.current=!1,y&&""!==je||(l&&-1!==Pe.current&&Ke?ot(e,Ge[Pe.current],"blur"):l&&M&&""!==je?ot(e,je,"blur","freeSolo"):p&&Me(e,Le),Ze(e,"blur"))):he.current.focus()},ct=function(e){var t=e.target.value;je!==t&&(Ne(t),ae&&ae(e,t,"input")),""===t?S||te||et(e,null,"clear"):Ye(e)},ut=function(e){qe({event:e,index:Number(e.currentTarget.getAttribute("data-option-index")),reason:"mouse"})},st=function(){tt.current=!0},pt=function(e){var t=Number(e.currentTarget.getAttribute("data-option-index"));ot(e,Ge[t],"select-option"),tt.current=!1},dt=function(e){return function(t){var o=Le.slice();o.splice(e,1),et(t,o,"remove-option",{option:Le[e]})}},ft=function(e){Be?Ze(e,"toggleInput"):Ye(e)},mt=function(e){e.target.getAttribute("id")!==me&&e.preventDefault()},gt=function(){he.current.focus(),de&&be.current&&he.current.selectionEnd-he.current.selectionStart==0&&he.current.select(),be.current=!1},vt=function(e){""!==je&&Be||ft(e)},bt=M&&je.length>0;bt=bt||(te?Le.length>0:null!==Le);var ht=Ge;return U&&(ht=Ge.reduce((function(e,t,o){var n=U(t);return e.length>0&&e[e.length-1].group===n?e[e.length-1].options.push(t):e.push({key:o,index:o,group:n,options:[t]}),e}),[])),{getRootProps:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return b({"aria-owns":Ke?"".concat(me,"-popup"):null,role:"combobox","aria-expanded":Ke},e,{onKeyDown:at(e),onMouseDown:mt,onClick:gt})},getInputLabelProps:function(){return{id:"".concat(me,"-label"),htmlFor:me}},getInputProps:function(){return{id:me,value:je,onBlur:lt,onFocus:it,onChange:ct,onMouseDown:vt,"aria-activedescendant":Ke?"":null,"aria-autocomplete":o?"both":"list","aria-controls":Ke?"".concat(me,"-popup"):null,autoComplete:"off",ref:he,autoCapitalize:"none",spellCheck:"false"}},getClearProps:function(){return{tabIndex:-1,onClick:rt}},getPopupIndicatorProps:function(){return{tabIndex:-1,onClick:ft}},getTagProps:function(e){var t=e.index;return{key:t,"data-tag-index":t,tabIndex:-1,onDelete:dt(t)}},getListboxProps:function(){return{role:"listbox",id:"".concat(me,"-popup"),"aria-labelledby":"".concat(me,"-label"),ref:Xe,onMouseDown:function(e){e.preventDefault()}}},getOptionProps:function(e){var t=e.index,o=e.option,n=(te?Le:[Le]).some((function(e){return null!=e&&_(o,e)})),r=!!V&&V(o);return{key:t,tabIndex:-1,role:"option",id:"".concat(me,"-option-").concat(t),onMouseOver:ut,onClick:pt,onTouchStart:st,"data-option-index":t,"aria-disabled":r,"aria-selected":n}},id:me,inputValue:je,value:Le,dirty:bt,popupOpen:Ke,focused:Fe||-1!==ke,anchorEl:Ce,setAnchorEl:Ie,focusedTag:ke,groupedOptions:ht}}function q(e){e.anchorEl,e.open;var t=v(e,["anchorEl","open"]);return n.createElement("div",t)}var J=n.createElement(B,{fontSize:"small"}),Q=n.createElement(W,null),X=n.forwardRef((function(e,t){e.autoComplete,e.autoHighlight,e.autoSelect,e.blurOnSelect;var o=e.ChipProps,r=e.classes,a=e.className,i=e.clearOnBlur;void 0===i&&e.freeSolo,e.clearOnEscape;var l=e.clearText,c=void 0===l?"Clear":l,u=e.closeIcon,s=void 0===u?J:u,p=e.closeText,d=void 0===p?"Close":p;e.debug;var f=e.defaultValue;void 0===f&&e.multiple;var m=e.disableClearable,g=void 0!==m&&m;e.disableCloseOnSelect;var h=e.disabled,y=void 0!==h&&h;e.disabledItemsFocusable,e.disableListWrap;var C=e.disablePortal,I=void 0!==C&&C;e.filterOptions,e.filterSelectedOptions;var S=e.forcePopupIcon,k=void 0===S?"auto":S,O=e.freeSolo,E=void 0!==O&&O,P=e.fullWidth,T=void 0!==P&&P,w=e.getLimitTagsText,L=void 0===w?function(e){return"+".concat(e)}:w;e.getOptionDisabled;var A=e.getOptionLabel,$=void 0===A?function(e){return e}:A;e.getOptionSelected;var D=e.groupBy,F=e.handleHomeEndKeys;void 0===F&&e.freeSolo,e.id,e.includeInputInList,e.inputValue;var z=e.limitTags,V=void 0===z?-1:z,B=e.ListboxComponent,W=void 0===B?"ul":B,_=e.ListboxProps,K=e.loading,G=void 0!==K&&K,X=e.loadingText,Y=void 0===X?"Loading…":X,Z=e.multiple,ee=void 0!==Z&&Z,te=e.noOptionsText,oe=void 0===te?"No options":te;e.onChange,e.onClose,e.onHighlightChange,e.onInputChange,e.onOpen,e.open,e.openOnFocus;var ne=e.openText,re=void 0===ne?"Open":ne;e.options;var ae=e.PaperComponent,ie=void 0===ae?j:ae,le=e.PopperComponent,ce=void 0===le?N:le,ue=e.popupIcon,se=void 0===ue?Q:ue,pe=e.renderGroup,de=e.renderInput,fe=e.renderOption,me=e.renderTags,ge=e.selectOnFocus;void 0===ge&&e.freeSolo;var ve=e.size,be=void 0===ve?"medium":ve;e.value;var he,ye=v(e,["autoComplete","autoHighlight","autoSelect","blurOnSelect","ChipProps","classes","className","clearOnBlur","clearOnEscape","clearText","closeIcon","closeText","debug","defaultValue","disableClearable","disableCloseOnSelect","disabled","disabledItemsFocusable","disableListWrap","disablePortal","filterOptions","filterSelectedOptions","forcePopupIcon","freeSolo","fullWidth","getLimitTagsText","getOptionDisabled","getOptionLabel","getOptionSelected","groupBy","handleHomeEndKeys","id","includeInputInList","inputValue","limitTags","ListboxComponent","ListboxProps","loading","loadingText","multiple","noOptionsText","onChange","onClose","onHighlightChange","onInputChange","onOpen","open","openOnFocus","openText","options","PaperComponent","PopperComponent","popupIcon","renderGroup","renderInput","renderOption","renderTags","selectOnFocus","size","value"]),xe=I?q:ce,Ce=U(b({},e,{componentName:"Autocomplete"})),Ie=Ce.getRootProps,Se=Ce.getInputProps,ke=Ce.getInputLabelProps,Oe=Ce.getPopupIndicatorProps,Ee=Ce.getClearProps,Pe=Ce.getTagProps,Te=Ce.getListboxProps,we=Ce.getOptionProps,Le=Ce.value,Ae=Ce.dirty,$e=Ce.id,Re=Ce.popupOpen,je=Ce.focused,Ne=Ce.focusedTag,De=Ce.anchorEl,Fe=Ce.setAnchorEl,ze=Ce.inputValue,Me=Ce.groupedOptions;if(ee&&Le.length>0){var Ve=function(e){return b({className:x(r.tag,"small"===be&&r.tagSizeSmall),disabled:y},Pe(e))};he=me?me(Le,Ve):Le.map((function(e,t){return n.createElement(M,b({label:$(e),size:be},Ve({index:t}),o))}))}if(V>-1&&Array.isArray(he)){var He=he.length-V;!je&&He>0&&(he=he.splice(0,V)).push(n.createElement("span",{className:r.tag,key:he.length},L(He)))}var Be=pe||function(e){return n.createElement("li",{key:e.key},n.createElement(H,{className:r.groupLabel,component:"div"},e.group),n.createElement("ul",{className:r.groupUl},e.children))},We=fe||$,_e=function(e,t){var o=we({option:e,index:t});return n.createElement("li",b({},o,{className:r.option}),We(e,{selected:o["aria-selected"],inputValue:ze}))},Ke=!g&&!y,Ge=(!E||!0===k)&&!1!==k;return n.createElement(n.Fragment,null,n.createElement("div",b({ref:t,className:x(r.root,a,je&&r.focused,T&&r.fullWidth,Ke&&r.hasClearIcon,Ge&&r.hasPopupIcon)},Ie(ye)),de({id:$e,disabled:y,fullWidth:!0,size:"small"===be?"small":void 0,InputLabelProps:ke(),InputProps:{ref:Fe,className:r.inputRoot,startAdornment:he,endAdornment:n.createElement("div",{className:r.endAdornment},Ke?n.createElement(R,b({},Ee(),{"aria-label":c,title:c,className:x(r.clearIndicator,Ae&&r.clearIndicatorDirty)}),s):null,Ge?n.createElement(R,b({},Oe(),{disabled:y,"aria-label":Re?d:re,title:Re?d:re,className:x(r.popupIndicator,Re&&r.popupIndicatorOpen)}),se):null)},inputProps:b({className:x(r.input,-1===Ne&&r.inputFocused),disabled:y},Se())})),Re&&De?n.createElement(xe,{className:x(r.popper,I&&r.popperDisablePortal),style:{width:De?De.clientWidth:null},role:"presentation",anchorEl:De,open:!0},n.createElement(ie,{className:r.paper},G&&0===Me.length?n.createElement("div",{className:r.loading},Y):null,0!==Me.length||E||G?null:n.createElement("div",{className:r.noOptions},oe),Me.length>0?n.createElement(W,b({className:r.listbox},Te(),_),Me.map((function(e,t){return D?Be({key:e.key,group:e.group,children:e.options.map((function(t,o){return _e(t,e.index+o)}))}):_e(e,t)}))):null)):null)})),Y=f((function(e){var t;return{root:{"&$focused $clearIndicatorDirty":{visibility:"visible"},"@media (pointer: fine)":{"&:hover $clearIndicatorDirty":{visibility:"visible"}}},fullWidth:{width:"100%"},focused:{},tag:{margin:3,maxWidth:"calc(100% - 6px)"},tagSizeSmall:{margin:2,maxWidth:"calc(100% - 4px)"},hasPopupIcon:{},hasClearIcon:{},inputRoot:{flexWrap:"wrap","$hasPopupIcon &, $hasClearIcon &":{paddingRight:30},"$hasPopupIcon$hasClearIcon &":{paddingRight:56},"& $input":{width:0,minWidth:30},'&[class*="MuiInput-root"]':{paddingBottom:1,"& $input":{padding:4},"& $input:first-child":{padding:"6px 0"}},'&[class*="MuiInput-root"][class*="MuiInput-marginDense"]':{"& $input":{padding:"4px 4px 5px"},"& $input:first-child":{padding:"3px 0 6px"}},'&[class*="MuiOutlinedInput-root"]':{padding:9,"$hasPopupIcon &, $hasClearIcon &":{paddingRight:39},"$hasPopupIcon$hasClearIcon &":{paddingRight:65},"& $input":{padding:"9.5px 4px"},"& $input:first-child":{paddingLeft:6},"& $endAdornment":{right:9}},'&[class*="MuiOutlinedInput-root"][class*="MuiOutlinedInput-marginDense"]':{padding:6,"& $input":{padding:"4.5px 4px"}},'&[class*="MuiFilledInput-root"]':{paddingTop:19,paddingLeft:8,"$hasPopupIcon &, $hasClearIcon &":{paddingRight:39},"$hasPopupIcon$hasClearIcon &":{paddingRight:65},"& $input":{padding:"9px 4px"},"& $endAdornment":{right:9}},'&[class*="MuiFilledInput-root"][class*="MuiFilledInput-marginDense"]':{paddingBottom:1,"& $input":{padding:"4.5px 4px"}}},input:{flexGrow:1,textOverflow:"ellipsis",opacity:0},inputFocused:{opacity:1},endAdornment:{position:"absolute",right:0,top:"calc(50% - 14px)"},clearIndicator:{marginRight:-2,padding:4,visibility:"hidden"},clearIndicatorDirty:{},popupIndicator:{padding:2,marginRight:-2},popupIndicatorOpen:{transform:"rotate(180deg)"},popper:{zIndex:e.zIndex.modal},popperDisablePortal:{position:"absolute"},paper:b({},e.typography.body1,{overflow:"hidden",margin:"4px 0"}),listbox:{listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto"},loading:{color:e.palette.text.secondary,padding:"14px 16px"},noOptions:{color:e.palette.text.secondary,padding:"14px 16px"},option:(t={minHeight:48,display:"flex",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16},y(t,e.breakpoints.up("sm"),{minHeight:"auto"}),y(t,'&[aria-selected="true"]',{backgroundColor:e.palette.action.selected}),y(t,'&[data-focus="true"]',{backgroundColor:e.palette.action.hover}),y(t,"&:active",{backgroundColor:e.palette.action.selected}),y(t,'&[aria-disabled="true"]',{opacity:e.palette.action.disabledOpacity,pointerEvents:"none"}),t),groupLabel:{backgroundColor:e.palette.background.paper,top:-8},groupUl:{padding:0,"& $option":{paddingLeft:24}}}}),{name:"MuiAutocomplete"})(X),Z=I(n.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),ee=I(n.createElement("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"}));w(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n width: 16px;\n height: 16px; }\n\n.autocomplete__icon {\n font-size: 1.25rem;\n margin-right: 8px; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n display: flex;\n flex-wrap: nowrap;\n padding: 4px 8px;\n border: 1px solid #8c8c8c; }\n");var te=function(n){var s=n.options,f=n.defaultValue,m=n.filterable,g=n.loading,v=n.labelInValue,b=n.disabled,h=n.className,y=n.multiple,x=n.freeTyping,C=n.placeholder,I=n.searchIcon,S=n.renderInput,k=n.renderTags,O=n.onChange,w=n.onSearch,L=n.onFocus,A=n.onBlur,$=i(!0),R=t($,2),j=R[0],N=R[1],D=i(),F=t(D,2),z=F[0],V=F[1],H=(({options:t,placeholder:o,loading:n,searchIcon:i,labelInValue:l})=>{const c=a((e=>"object"==typeof e?e.value:e),[]),u=a((e=>{const o=(Array.isArray(t)?t:[]).find((t=>c(t)===c(e)));return o?"object"==typeof o?o.label:o:"object"==typeof e?e.label:e}),[t]),s=a((e=>{if(Array.isArray(t)){if(Array.isArray(e))return e.map((e=>"object"==typeof e&&t.find((({value:t})=>e.value===t))||e));const o=t.find((({value:t})=>e===t));return l?e:o||{label:e,value:e}}return e}),[t,l]),p=a(((t,o)=>t.map(((t,n)=>r.createElement(M,e({label:u(t),deleteIcon:r.createElement(Z,null)},o({index:n})))))),[t]),d=a((t=>r.createElement(E,e({},t,{variant:"outlined",placeholder:o,InputProps:{...t.InputProps,endAdornment:r.createElement(r.Fragment,null,n&&r.createElement(P,{className:"autocomplete__icon",color:"inherit",size:20}),i&&r.createElement(ee,{className:"autocomplete__icon"}),t.InputProps.endAdornment)}}))),[n,i]);return{getValue:c,getValueFromOptions:s,defaultTag:p,defaultRenderInput:d}})(o({},{options:s,placeholder:C,loading:g,searchIcon:I,labelInValue:v})),B=H.getValue,W=H.getValueFromOptions,_=H.defaultTag,K=H.defaultRenderInput,G=l(d((function(e){return w(e)}),500)).current,U=c((function(){return"string"==typeof f&&y?void 0:W(f)}),[f]);return u((function(){return N(!1)}),[U]),u((function(){j||N(!0)}),[j]),r.createElement("div",{className:p("autocomplete",{"autocomplete--showSearchIcon":I},h)},j&&r.createElement(Y,{className:"autocomplete__component",options:Array.isArray(s)&&(x&&z?[{label:z,value:z}].concat(s):s)||[],defaultValue:U,disabled:b,multiple:y,filterOptions:function(e,t){var o=t.inputValue,n=void 0===o?"":o;return(Array.isArray(e)?e:[]).filter((function(e){var t=(e||{}).label;return!m||(void 0===t?"":t).toLowerCase().indexOf(n.toLowerCase())>-1}))},onChange:function(e,t){Array.isArray(t)?O(t.map((function(e){return v?e:B(e)}))):t&&O(v?t:B(t))},onInputChange:function(e,t,o){t&&"string"==typeof t&&"input"===o&&(V(t),G(t))},getOptionLabel:function(e){return e&&e.label||""},getOptionDisabled:function(e){return e.disabled},renderInput:function(e){return S&&S(e)||K(e)},renderTags:function(e,t){return k&&k(e,t)||_(e,t)},popupIcon:null,noOptionsText:r.createElement(T,null),onFocus:L,onBlur:A}))};te.defaultProps={className:void 0,defaultValue:void 0,options:void 0,freeTyping:!1,loading:!1,disabled:!1,labelInValue:!0,searchIcon:!0,multiple:!1,placeholder:"Search...",filterable:!1,renderInput:void 0,renderTags:void 0,onChange:function(){},onSearch:function(){},onFocus:function(){},onBlur:function(){}},te.propTypes={className:s.string,defaultValue:s.any,options:s.arrayOf(s.any),freeTyping:s.bool,loading:s.bool,disabled:s.bool,labelInValue:s.bool,searchIcon:s.bool,multiple:s.bool,placeholder:s.string,filterable:s.bool,renderInput:s.func,renderTags:s.func,onChange:s.func,onSearch:s.func,onFocus:s.func,onBlur:s.func};export{te as default};
|
|
1
|
+
import{_ as e,a as t,b as o}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import*as n from"react";import r,{useCallback as a,useState as i,useRef as l,useMemo as c,useEffect as u}from"react";import s from"prop-types";import{c as p}from"./index-d90e1489.js";import{d}from"./debounce-7d215a19.js";import{w as f,b as m,e as g,_ as v,a as b,c as h,d as y}from"./withStyles-75fe409f.js";import{c as x,a as C}from"./capitalize-4566b0fe.js";import{c as I}from"./createSvgIcon-231b6223.js";import{u as S,s as k}from"./useForkRef-4ff8cc89.js";import{B as O}from"./ButtonBase-013fbd95.js";import{T as E}from"./TextField-940e48e6.js";import{C as P}from"./CircularProgress-0af3f40f.js";import T from"./Empty.js";import{s as w}from"./style-inject.es-1f59c1d0.js";import{u as L}from"./unstable_useId-45c5b1e4.js";import{u as A}from"./useControlled-b5d6fb94.js";import{u as $}from"./useEventCallback-8817ed1c.js";import{I as R}from"./IconButton-920a73fd.js";import{P as j}from"./Paper-fa04140f.js";import{P as N}from"./Popper-896103c0.js";import"./_commonjsHelpers-ae1b5db5.js";import"./isObjectLike-75179648.js";import"react-is";import"react-dom";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-2ba64e99.js";import"./Select-c0d0b016.js";import"./OutlinedInput-e0ddbd3a.js";import"./useTheme-ea7e9223.js";import"./FormControlContext-90b149a2.js";import"./debounce-65582d84.js";import"./isMuiElement-64ad493a.js";import"./ownerWindow-ba2c31bc.js";import"./Menu-d1267946.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./Portal-411c252b.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./useFormControl-607a2e33.js";var D=I(n.createElement("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"}));function F(e){return"Backspace"===e.key||"Delete"===e.key}var z=n.forwardRef((function(e,t){var o=e.avatar,r=e.classes,a=e.className,i=e.clickable,l=e.color,c=void 0===l?"default":l,u=e.component,s=e.deleteIcon,p=e.disabled,d=void 0!==p&&p,f=e.icon,m=e.label,g=e.onClick,h=e.onDelete,y=e.onKeyDown,I=e.onKeyUp,k=e.size,E=void 0===k?"medium":k,P=e.variant,T=void 0===P?"default":P,w=v(e,["avatar","classes","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant"]),L=n.useRef(null),A=S(L,t),$=function(e){e.stopPropagation(),h&&h(e)},R=!(!1===i||!g)||i,j="small"===E,N=u||(R?O:"div"),z=N===O?{component:"div"}:{},M=null;if(h){var V=x("default"!==c&&("default"===T?r["deleteIconColor".concat(C(c))]:r["deleteIconOutlinedColor".concat(C(c))]),j&&r.deleteIconSmall);M=s&&n.isValidElement(s)?n.cloneElement(s,{className:x(s.props.className,r.deleteIcon,V),onClick:$}):n.createElement(D,{className:x(r.deleteIcon,V),onClick:$})}var H=null;o&&n.isValidElement(o)&&(H=n.cloneElement(o,{className:x(r.avatar,o.props.className,j&&r.avatarSmall,"default"!==c&&r["avatarColor".concat(C(c))])}));var B=null;return f&&n.isValidElement(f)&&(B=n.cloneElement(f,{className:x(r.icon,f.props.className,j&&r.iconSmall,"default"!==c&&r["iconColor".concat(C(c))])})),n.createElement(N,b({role:R||h?"button":void 0,className:x(r.root,a,"default"!==c&&[r["color".concat(C(c))],R&&r["clickableColor".concat(C(c))],h&&r["deletableColor".concat(C(c))]],"default"!==T&&[r.outlined,{primary:r.outlinedPrimary,secondary:r.outlinedSecondary}[c]],d&&r.disabled,j&&r.sizeSmall,R&&r.clickable,h&&r.deletable),"aria-disabled":!!d||void 0,tabIndex:R||h?0:void 0,onClick:g,onKeyDown:function(e){e.currentTarget===e.target&&F(e)&&e.preventDefault(),y&&y(e)},onKeyUp:function(e){e.currentTarget===e.target&&(h&&F(e)?h(e):"Escape"===e.key&&L.current&&L.current.blur()),I&&I(e)},ref:A},z,w),H||B,n.createElement("span",{className:x(r.label,j&&r.labelSmall)},m),M)})),M=f((function(e){var t="light"===e.palette.type?e.palette.grey[300]:e.palette.grey[700],o=m(e.palette.text.primary,.26);return{root:{fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:e.palette.getContrastText(t),backgroundColor:t,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"default",outline:0,textDecoration:"none",border:"none",padding:0,verticalAlign:"middle",boxSizing:"border-box","&$disabled":{opacity:.5,pointerEvents:"none"},"& $avatar":{marginLeft:5,marginRight:-6,width:24,height:24,color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],fontSize:e.typography.pxToRem(12)},"& $avatarColorPrimary":{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.dark},"& $avatarColorSecondary":{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.dark},"& $avatarSmall":{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)}},sizeSmall:{height:24},colorPrimary:{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText},colorSecondary:{backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},disabled:{},clickable:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover, &:focus":{backgroundColor:g(t,.08)},"&:active":{boxShadow:e.shadows[1]}},clickableColorPrimary:{"&:hover, &:focus":{backgroundColor:g(e.palette.primary.main,.08)}},clickableColorSecondary:{"&:hover, &:focus":{backgroundColor:g(e.palette.secondary.main,.08)}},deletable:{"&:focus":{backgroundColor:g(t,.08)}},deletableColorPrimary:{"&:focus":{backgroundColor:g(e.palette.primary.main,.2)}},deletableColorSecondary:{"&:focus":{backgroundColor:g(e.palette.secondary.main,.2)}},outlined:{backgroundColor:"transparent",border:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:m(e.palette.text.primary,e.palette.action.hoverOpacity)},"& $avatar":{marginLeft:4},"& $avatarSmall":{marginLeft:2},"& $icon":{marginLeft:4},"& $iconSmall":{marginLeft:2},"& $deleteIcon":{marginRight:5},"& $deleteIconSmall":{marginRight:3}},outlinedPrimary:{color:e.palette.primary.main,border:"1px solid ".concat(e.palette.primary.main),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:m(e.palette.primary.main,e.palette.action.hoverOpacity)}},outlinedSecondary:{color:e.palette.secondary.main,border:"1px solid ".concat(e.palette.secondary.main),"$clickable&:hover, $clickable&:focus, $deletable&:focus":{backgroundColor:m(e.palette.secondary.main,e.palette.action.hoverOpacity)}},avatar:{},avatarSmall:{},avatarColorPrimary:{},avatarColorSecondary:{},icon:{color:"light"===e.palette.type?e.palette.grey[700]:e.palette.grey[300],marginLeft:5,marginRight:-6},iconSmall:{width:18,height:18,marginLeft:4,marginRight:-4},iconColorPrimary:{color:"inherit"},iconColorSecondary:{color:"inherit"},label:{overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},labelSmall:{paddingLeft:8,paddingRight:8},deleteIcon:{WebkitTapHighlightColor:"transparent",color:o,height:22,width:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:m(o,.4)}},deleteIconSmall:{height:16,width:16,marginRight:4,marginLeft:-4},deleteIconColorPrimary:{color:m(e.palette.primary.contrastText,.7),"&:hover, &:active":{color:e.palette.primary.contrastText}},deleteIconColorSecondary:{color:m(e.palette.secondary.contrastText,.7),"&:hover, &:active":{color:e.palette.secondary.contrastText}},deleteIconOutlinedColorPrimary:{color:m(e.palette.primary.main,.7),"&:hover, &:active":{color:e.palette.primary.main}},deleteIconOutlinedColorSecondary:{color:m(e.palette.secondary.main,.7),"&:hover, &:active":{color:e.palette.secondary.main}}}}),{name:"MuiChip"})(z),V=n.forwardRef((function(e,t){var o=e.classes,r=e.className,a=e.color,i=void 0===a?"default":a,l=e.component,c=void 0===l?"li":l,u=e.disableGutters,s=void 0!==u&&u,p=e.disableSticky,d=void 0!==p&&p,f=e.inset,m=void 0!==f&&f,g=v(e,["classes","className","color","component","disableGutters","disableSticky","inset"]);return n.createElement(c,b({className:x(o.root,r,"default"!==i&&o["color".concat(C(i))],m&&o.inset,!d&&o.sticky,!s&&o.gutters),ref:t},g))})),H=f((function(e){return{root:{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)},colorPrimary:{color:e.palette.primary.main},colorInherit:{color:"inherit"},gutters:{paddingLeft:16,paddingRight:16},inset:{paddingLeft:72},sticky:{position:"sticky",top:0,zIndex:1,backgroundColor:"inherit"}}}),{name:"MuiListSubheader"})(V),B=I(n.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),W=I(n.createElement("path",{d:"M7 10l5 5 5-5z"}));function _(e){return void 0!==e.normalize?e.normalize("NFD").replace(/[\u0300-\u036f]/g,""):e}function K(e,t){for(var o=0;o<e.length;o+=1)if(t(e[o]))return o;return-1}var G=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.ignoreAccents,o=void 0===t||t,n=e.ignoreCase,r=void 0===n||n,a=e.limit,i=e.matchFrom,l=void 0===i?"any":i,c=e.stringify,u=e.trim,s=void 0!==u&&u;return function(e,t){var n=t.inputValue,i=t.getOptionLabel,u=s?n.trim():n;r&&(u=u.toLowerCase()),o&&(u=_(u));var p=e.filter((function(e){var t=(c||i)(e);return r&&(t=t.toLowerCase()),o&&(t=_(t)),"start"===l?0===t.indexOf(u):t.indexOf(u)>-1}));return"number"==typeof a?p.slice(0,a):p}}();function U(e){var t=e.autoComplete,o=void 0!==t&&t,r=e.autoHighlight,a=void 0!==r&&r,i=e.autoSelect,l=void 0!==i&&i,c=e.blurOnSelect,u=void 0!==c&&c,s=e.clearOnBlur,p=void 0===s?!e.freeSolo:s,d=e.clearOnEscape,f=void 0!==d&&d,m=e.componentName,g=void 0===m?"useAutocomplete":m,v=e.debug,y=void 0!==v&&v,x=e.defaultValue,C=void 0===x?e.multiple?[]:null:x,I=e.disableClearable,S=void 0!==I&&I,O=e.disableCloseOnSelect,E=void 0!==O&&O,P=e.disabledItemsFocusable,T=void 0!==P&&P,w=e.disableListWrap,R=void 0!==w&&w,j=e.filterOptions,N=void 0===j?G:j,D=e.filterSelectedOptions,F=void 0!==D&&D,z=e.freeSolo,M=void 0!==z&&z,V=e.getOptionDisabled,H=e.getOptionLabel,B=void 0===H?function(e){return e}:H,W=e.getOptionSelected,_=void 0===W?function(e,t){return e===t}:W,U=e.groupBy,q=e.handleHomeEndKeys,J=void 0===q?!e.freeSolo:q,Q=e.id,X=e.includeInputInList,Y=void 0!==X&&X,Z=e.inputValue,ee=e.multiple,te=void 0!==ee&&ee,oe=e.onChange,ne=e.onClose,re=e.onHighlightChange,ae=e.onInputChange,ie=e.onOpen,le=e.open,ce=e.openOnFocus,ue=void 0!==ce&&ce,se=e.options,pe=e.selectOnFocus,de=void 0===pe?!e.freeSolo:pe,fe=e.value,me=L(Q),ge=B,ve=n.useRef(!1),be=n.useRef(!0),he=n.useRef(null),ye=n.useRef(null),xe=n.useState(null),Ce=xe[0],Ie=xe[1],Se=n.useState(-1),ke=Se[0],Oe=Se[1],Ee=a?0:-1,Pe=n.useRef(Ee),Te=A({controlled:fe,default:C,name:g}),we=h(Te,2),Le=we[0],Ae=we[1],$e=A({controlled:Z,default:"",name:g,state:"inputValue"}),Re=h($e,2),je=Re[0],Ne=Re[1],De=n.useState(!1),Fe=De[0],ze=De[1],Me=$((function(e,t){var o;if(te)o="";else if(null==t)o="";else{var n=ge(t);o="string"==typeof n?n:""}je!==o&&(Ne(o),ae&&ae(e,o,"reset"))}));n.useEffect((function(){Me(null,Le)}),[Le,Me]);var Ve=A({controlled:le,default:!1,name:g,state:"open"}),He=h(Ve,2),Be=He[0],We=He[1],_e=!te&&null!=Le&&je===ge(Le),Ke=Be,Ge=Ke?N(se.filter((function(e){return!F||!(te?Le:[Le]).some((function(t){return null!==t&&_(e,t)}))})),{inputValue:_e?"":je,getOptionLabel:ge}):[],Ue=$((function(e){-1===e?he.current.focus():Ce.querySelector('[data-tag-index="'.concat(e,'"]')).focus()}));n.useEffect((function(){te&&ke>Le.length-1&&(Oe(-1),Ue(-1))}),[Le,te,ke,Ue]);var qe=$((function(e){var t=e.event,o=e.index,n=e.reason,r=void 0===n?"auto":n;if(Pe.current=o,-1===o?he.current.removeAttribute("aria-activedescendant"):he.current.setAttribute("aria-activedescendant","".concat(me,"-option-").concat(o)),re&&re(t,-1===o?null:Ge[o],r),ye.current){var a=ye.current.querySelector("[data-focus]");a&&a.removeAttribute("data-focus");var i=ye.current.parentElement.querySelector('[role="listbox"]');if(i)if(-1!==o){var l=ye.current.querySelector('[data-option-index="'.concat(o,'"]'));if(l&&(l.setAttribute("data-focus","true"),i.scrollHeight>i.clientHeight&&"mouse"!==r)){var c=l,u=i.clientHeight+i.scrollTop,s=c.offsetTop+c.offsetHeight;s>u?i.scrollTop=s-i.clientHeight:c.offsetTop-c.offsetHeight*(U?1.3:0)<i.scrollTop&&(i.scrollTop=c.offsetTop-c.offsetHeight*(U?1.3:0))}}else i.scrollTop=0}})),Je=$((function(e){var t=e.event,n=e.diff,r=e.direction,a=void 0===r?"next":r,i=e.reason,l=void 0===i?"auto":i;if(Ke){var c=function(e,t){if(!ye.current||-1===e)return-1;for(var o=e;;){if("next"===t&&o===Ge.length||"previous"===t&&-1===o)return-1;var n=ye.current.querySelector('[data-option-index="'.concat(o,'"]')),r=!T&&n&&(n.disabled||"true"===n.getAttribute("aria-disabled"));if(!(n&&!n.hasAttribute("tabindex")||r))return o;o+="next"===t?1:-1}}(function(){var e=Ge.length-1;if("reset"===n)return Ee;if("start"===n)return 0;if("end"===n)return e;var t=Pe.current+n;return t<0?-1===t&&Y?-1:R&&-1!==Pe.current||Math.abs(n)>1?0:e:t>e?t===e+1&&Y?-1:R||Math.abs(n)>1?e:0:t}(),a);if(qe({index:c,reason:l,event:t}),o&&"reset"!==n)if(-1===c)he.current.value=je;else{var u=ge(Ge[c]);he.current.value=u,0===u.toLowerCase().indexOf(je.toLowerCase())&&je.length>0&&he.current.setSelectionRange(je.length,u.length)}}})),Qe=n.useCallback((function(){if(Ke){var e=te?Le[0]:Le;if(0!==Ge.length&&null!=e){if(ye.current)if(F||null==e)Pe.current>=Ge.length-1?qe({index:Ge.length-1}):qe({index:Pe.current});else{var t=Ge[Pe.current];if(te&&t&&-1!==K(Le,(function(e){return _(t,e)})))return;var o=K(Ge,(function(t){return _(t,e)}));-1===o?Je({diff:"reset"}):qe({index:o})}}else Je({diff:"reset"})}}),[0===Ge.length,!te&&Le,F,Je,qe,Ke,je,te]),Xe=$((function(e){k(ye,e),e&&Qe()}));n.useEffect((function(){Qe()}),[Qe]);var Ye=function(e){Be||(We(!0),ie&&ie(e))},Ze=function(e,t){Be&&(We(!1),ne&&ne(e,t))},et=function(e,t,o,n){Le!==t&&(oe&&oe(e,t,o,n),Ae(t))},tt=n.useRef(!1),ot=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"select-option",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"options",r=o,a=t;if(te){var i=K(a=Array.isArray(Le)?Le.slice():[],(function(e){return _(t,e)}));-1===i?a.push(t):"freeSolo"!==n&&(a.splice(i,1),r="remove-option")}Me(e,a),et(e,a,r,{option:t}),E||Ze(e,r),(!0===u||"touch"===u&&tt.current||"mouse"===u&&!tt.current)&&he.current.blur()};var nt=function(e,t){if(te){Ze(e,"toggleInput");var o=ke;-1===ke?""===je&&"previous"===t&&(o=Le.length-1):((o+="next"===t?1:-1)<0&&(o=0),o===Le.length&&(o=-1)),o=function(e,t){if(-1===e)return-1;for(var o=e;;){if("next"===t&&o===Le.length||"previous"===t&&-1===o)return-1;var n=Ce.querySelector('[data-tag-index="'.concat(o,'"]'));if(!n||n.hasAttribute("tabindex")&&!n.disabled&&"true"!==n.getAttribute("aria-disabled"))return o;o+="next"===t?1:-1}}(o,t),Oe(o),Ue(o)}},rt=function(e){ve.current=!0,Ne(""),ae&&ae(e,"","clear"),et(e,te?[]:null,"clear")},at=function(e){return function(t){switch(-1!==ke&&-1===["ArrowLeft","ArrowRight"].indexOf(t.key)&&(Oe(-1),Ue(-1)),t.key){case"Home":Ke&&J&&(t.preventDefault(),Je({diff:"start",direction:"next",reason:"keyboard",event:t}));break;case"End":Ke&&J&&(t.preventDefault(),Je({diff:"end",direction:"previous",reason:"keyboard",event:t}));break;case"PageUp":t.preventDefault(),Je({diff:-5,direction:"previous",reason:"keyboard",event:t}),Ye(t);break;case"PageDown":t.preventDefault(),Je({diff:5,direction:"next",reason:"keyboard",event:t}),Ye(t);break;case"ArrowDown":t.preventDefault(),Je({diff:1,direction:"next",reason:"keyboard",event:t}),Ye(t);break;case"ArrowUp":t.preventDefault(),Je({diff:-1,direction:"previous",reason:"keyboard",event:t}),Ye(t);break;case"ArrowLeft":nt(t,"previous");break;case"ArrowRight":nt(t,"next");break;case"Enter":if(229===t.which)break;if(-1!==Pe.current&&Ke){var n=Ge[Pe.current],r=!!V&&V(n);if(t.preventDefault(),r)return;ot(t,n,"select-option"),o&&he.current.setSelectionRange(he.current.value.length,he.current.value.length)}else M&&""!==je&&!1===_e&&(te&&t.preventDefault(),ot(t,je,"create-option","freeSolo"));break;case"Escape":Ke?(t.preventDefault(),t.stopPropagation(),Ze(t,"escape")):f&&(""!==je||te&&Le.length>0)&&(t.preventDefault(),t.stopPropagation(),rt(t));break;case"Backspace":if(te&&""===je&&Le.length>0){var a=-1===ke?Le.length-1:ke,i=Le.slice();i.splice(a,1),et(t,i,"remove-option",{option:Le[a]})}}e.onKeyDown&&e.onKeyDown(t)}},it=function(e){ze(!0),ue&&!ve.current&&Ye(e)},lt=function(e){null===ye.current||document.activeElement!==ye.current.parentElement?(ze(!1),be.current=!0,ve.current=!1,y&&""!==je||(l&&-1!==Pe.current&&Ke?ot(e,Ge[Pe.current],"blur"):l&&M&&""!==je?ot(e,je,"blur","freeSolo"):p&&Me(e,Le),Ze(e,"blur"))):he.current.focus()},ct=function(e){var t=e.target.value;je!==t&&(Ne(t),ae&&ae(e,t,"input")),""===t?S||te||et(e,null,"clear"):Ye(e)},ut=function(e){qe({event:e,index:Number(e.currentTarget.getAttribute("data-option-index")),reason:"mouse"})},st=function(){tt.current=!0},pt=function(e){var t=Number(e.currentTarget.getAttribute("data-option-index"));ot(e,Ge[t],"select-option"),tt.current=!1},dt=function(e){return function(t){var o=Le.slice();o.splice(e,1),et(t,o,"remove-option",{option:Le[e]})}},ft=function(e){Be?Ze(e,"toggleInput"):Ye(e)},mt=function(e){e.target.getAttribute("id")!==me&&e.preventDefault()},gt=function(){he.current.focus(),de&&be.current&&he.current.selectionEnd-he.current.selectionStart==0&&he.current.select(),be.current=!1},vt=function(e){""!==je&&Be||ft(e)},bt=M&&je.length>0;bt=bt||(te?Le.length>0:null!==Le);var ht=Ge;return U&&(ht=Ge.reduce((function(e,t,o){var n=U(t);return e.length>0&&e[e.length-1].group===n?e[e.length-1].options.push(t):e.push({key:o,index:o,group:n,options:[t]}),e}),[])),{getRootProps:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return b({"aria-owns":Ke?"".concat(me,"-popup"):null,role:"combobox","aria-expanded":Ke},e,{onKeyDown:at(e),onMouseDown:mt,onClick:gt})},getInputLabelProps:function(){return{id:"".concat(me,"-label"),htmlFor:me}},getInputProps:function(){return{id:me,value:je,onBlur:lt,onFocus:it,onChange:ct,onMouseDown:vt,"aria-activedescendant":Ke?"":null,"aria-autocomplete":o?"both":"list","aria-controls":Ke?"".concat(me,"-popup"):null,autoComplete:"off",ref:he,autoCapitalize:"none",spellCheck:"false"}},getClearProps:function(){return{tabIndex:-1,onClick:rt}},getPopupIndicatorProps:function(){return{tabIndex:-1,onClick:ft}},getTagProps:function(e){var t=e.index;return{key:t,"data-tag-index":t,tabIndex:-1,onDelete:dt(t)}},getListboxProps:function(){return{role:"listbox",id:"".concat(me,"-popup"),"aria-labelledby":"".concat(me,"-label"),ref:Xe,onMouseDown:function(e){e.preventDefault()}}},getOptionProps:function(e){var t=e.index,o=e.option,n=(te?Le:[Le]).some((function(e){return null!=e&&_(o,e)})),r=!!V&&V(o);return{key:t,tabIndex:-1,role:"option",id:"".concat(me,"-option-").concat(t),onMouseOver:ut,onClick:pt,onTouchStart:st,"data-option-index":t,"aria-disabled":r,"aria-selected":n}},id:me,inputValue:je,value:Le,dirty:bt,popupOpen:Ke,focused:Fe||-1!==ke,anchorEl:Ce,setAnchorEl:Ie,focusedTag:ke,groupedOptions:ht}}function q(e){e.anchorEl,e.open;var t=v(e,["anchorEl","open"]);return n.createElement("div",t)}var J=n.createElement(B,{fontSize:"small"}),Q=n.createElement(W,null),X=n.forwardRef((function(e,t){e.autoComplete,e.autoHighlight,e.autoSelect,e.blurOnSelect;var o=e.ChipProps,r=e.classes,a=e.className,i=e.clearOnBlur;void 0===i&&e.freeSolo,e.clearOnEscape;var l=e.clearText,c=void 0===l?"Clear":l,u=e.closeIcon,s=void 0===u?J:u,p=e.closeText,d=void 0===p?"Close":p;e.debug;var f=e.defaultValue;void 0===f&&e.multiple;var m=e.disableClearable,g=void 0!==m&&m;e.disableCloseOnSelect;var h=e.disabled,y=void 0!==h&&h;e.disabledItemsFocusable,e.disableListWrap;var C=e.disablePortal,I=void 0!==C&&C;e.filterOptions,e.filterSelectedOptions;var S=e.forcePopupIcon,k=void 0===S?"auto":S,O=e.freeSolo,E=void 0!==O&&O,P=e.fullWidth,T=void 0!==P&&P,w=e.getLimitTagsText,L=void 0===w?function(e){return"+".concat(e)}:w;e.getOptionDisabled;var A=e.getOptionLabel,$=void 0===A?function(e){return e}:A;e.getOptionSelected;var D=e.groupBy,F=e.handleHomeEndKeys;void 0===F&&e.freeSolo,e.id,e.includeInputInList,e.inputValue;var z=e.limitTags,V=void 0===z?-1:z,B=e.ListboxComponent,W=void 0===B?"ul":B,_=e.ListboxProps,K=e.loading,G=void 0!==K&&K,X=e.loadingText,Y=void 0===X?"Loading…":X,Z=e.multiple,ee=void 0!==Z&&Z,te=e.noOptionsText,oe=void 0===te?"No options":te;e.onChange,e.onClose,e.onHighlightChange,e.onInputChange,e.onOpen,e.open,e.openOnFocus;var ne=e.openText,re=void 0===ne?"Open":ne;e.options;var ae=e.PaperComponent,ie=void 0===ae?j:ae,le=e.PopperComponent,ce=void 0===le?N:le,ue=e.popupIcon,se=void 0===ue?Q:ue,pe=e.renderGroup,de=e.renderInput,fe=e.renderOption,me=e.renderTags,ge=e.selectOnFocus;void 0===ge&&e.freeSolo;var ve=e.size,be=void 0===ve?"medium":ve;e.value;var he,ye=v(e,["autoComplete","autoHighlight","autoSelect","blurOnSelect","ChipProps","classes","className","clearOnBlur","clearOnEscape","clearText","closeIcon","closeText","debug","defaultValue","disableClearable","disableCloseOnSelect","disabled","disabledItemsFocusable","disableListWrap","disablePortal","filterOptions","filterSelectedOptions","forcePopupIcon","freeSolo","fullWidth","getLimitTagsText","getOptionDisabled","getOptionLabel","getOptionSelected","groupBy","handleHomeEndKeys","id","includeInputInList","inputValue","limitTags","ListboxComponent","ListboxProps","loading","loadingText","multiple","noOptionsText","onChange","onClose","onHighlightChange","onInputChange","onOpen","open","openOnFocus","openText","options","PaperComponent","PopperComponent","popupIcon","renderGroup","renderInput","renderOption","renderTags","selectOnFocus","size","value"]),xe=I?q:ce,Ce=U(b({},e,{componentName:"Autocomplete"})),Ie=Ce.getRootProps,Se=Ce.getInputProps,ke=Ce.getInputLabelProps,Oe=Ce.getPopupIndicatorProps,Ee=Ce.getClearProps,Pe=Ce.getTagProps,Te=Ce.getListboxProps,we=Ce.getOptionProps,Le=Ce.value,Ae=Ce.dirty,$e=Ce.id,Re=Ce.popupOpen,je=Ce.focused,Ne=Ce.focusedTag,De=Ce.anchorEl,Fe=Ce.setAnchorEl,ze=Ce.inputValue,Me=Ce.groupedOptions;if(ee&&Le.length>0){var Ve=function(e){return b({className:x(r.tag,"small"===be&&r.tagSizeSmall),disabled:y},Pe(e))};he=me?me(Le,Ve):Le.map((function(e,t){return n.createElement(M,b({label:$(e),size:be},Ve({index:t}),o))}))}if(V>-1&&Array.isArray(he)){var He=he.length-V;!je&&He>0&&(he=he.splice(0,V)).push(n.createElement("span",{className:r.tag,key:he.length},L(He)))}var Be=pe||function(e){return n.createElement("li",{key:e.key},n.createElement(H,{className:r.groupLabel,component:"div"},e.group),n.createElement("ul",{className:r.groupUl},e.children))},We=fe||$,_e=function(e,t){var o=we({option:e,index:t});return n.createElement("li",b({},o,{className:r.option}),We(e,{selected:o["aria-selected"],inputValue:ze}))},Ke=!g&&!y,Ge=(!E||!0===k)&&!1!==k;return n.createElement(n.Fragment,null,n.createElement("div",b({ref:t,className:x(r.root,a,je&&r.focused,T&&r.fullWidth,Ke&&r.hasClearIcon,Ge&&r.hasPopupIcon)},Ie(ye)),de({id:$e,disabled:y,fullWidth:!0,size:"small"===be?"small":void 0,InputLabelProps:ke(),InputProps:{ref:Fe,className:r.inputRoot,startAdornment:he,endAdornment:n.createElement("div",{className:r.endAdornment},Ke?n.createElement(R,b({},Ee(),{"aria-label":c,title:c,className:x(r.clearIndicator,Ae&&r.clearIndicatorDirty)}),s):null,Ge?n.createElement(R,b({},Oe(),{disabled:y,"aria-label":Re?d:re,title:Re?d:re,className:x(r.popupIndicator,Re&&r.popupIndicatorOpen)}),se):null)},inputProps:b({className:x(r.input,-1===Ne&&r.inputFocused),disabled:y},Se())})),Re&&De?n.createElement(xe,{className:x(r.popper,I&&r.popperDisablePortal),style:{width:De?De.clientWidth:null},role:"presentation",anchorEl:De,open:!0},n.createElement(ie,{className:r.paper},G&&0===Me.length?n.createElement("div",{className:r.loading},Y):null,0!==Me.length||E||G?null:n.createElement("div",{className:r.noOptions},oe),Me.length>0?n.createElement(W,b({className:r.listbox},Te(),_),Me.map((function(e,t){return D?Be({key:e.key,group:e.group,children:e.options.map((function(t,o){return _e(t,e.index+o)}))}):_e(e,t)}))):null)):null)})),Y=f((function(e){var t;return{root:{"&$focused $clearIndicatorDirty":{visibility:"visible"},"@media (pointer: fine)":{"&:hover $clearIndicatorDirty":{visibility:"visible"}}},fullWidth:{width:"100%"},focused:{},tag:{margin:3,maxWidth:"calc(100% - 6px)"},tagSizeSmall:{margin:2,maxWidth:"calc(100% - 4px)"},hasPopupIcon:{},hasClearIcon:{},inputRoot:{flexWrap:"wrap","$hasPopupIcon &, $hasClearIcon &":{paddingRight:30},"$hasPopupIcon$hasClearIcon &":{paddingRight:56},"& $input":{width:0,minWidth:30},'&[class*="MuiInput-root"]':{paddingBottom:1,"& $input":{padding:4},"& $input:first-child":{padding:"6px 0"}},'&[class*="MuiInput-root"][class*="MuiInput-marginDense"]':{"& $input":{padding:"4px 4px 5px"},"& $input:first-child":{padding:"3px 0 6px"}},'&[class*="MuiOutlinedInput-root"]':{padding:9,"$hasPopupIcon &, $hasClearIcon &":{paddingRight:39},"$hasPopupIcon$hasClearIcon &":{paddingRight:65},"& $input":{padding:"9.5px 4px"},"& $input:first-child":{paddingLeft:6},"& $endAdornment":{right:9}},'&[class*="MuiOutlinedInput-root"][class*="MuiOutlinedInput-marginDense"]':{padding:6,"& $input":{padding:"4.5px 4px"}},'&[class*="MuiFilledInput-root"]':{paddingTop:19,paddingLeft:8,"$hasPopupIcon &, $hasClearIcon &":{paddingRight:39},"$hasPopupIcon$hasClearIcon &":{paddingRight:65},"& $input":{padding:"9px 4px"},"& $endAdornment":{right:9}},'&[class*="MuiFilledInput-root"][class*="MuiFilledInput-marginDense"]':{paddingBottom:1,"& $input":{padding:"4.5px 4px"}}},input:{flexGrow:1,textOverflow:"ellipsis",opacity:0},inputFocused:{opacity:1},endAdornment:{position:"absolute",right:0,top:"calc(50% - 14px)"},clearIndicator:{marginRight:-2,padding:4,visibility:"hidden"},clearIndicatorDirty:{},popupIndicator:{padding:2,marginRight:-2},popupIndicatorOpen:{transform:"rotate(180deg)"},popper:{zIndex:e.zIndex.modal},popperDisablePortal:{position:"absolute"},paper:b({},e.typography.body1,{overflow:"hidden",margin:"4px 0"}),listbox:{listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto"},loading:{color:e.palette.text.secondary,padding:"14px 16px"},noOptions:{color:e.palette.text.secondary,padding:"14px 16px"},option:(t={minHeight:48,display:"flex",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16},y(t,e.breakpoints.up("sm"),{minHeight:"auto"}),y(t,'&[aria-selected="true"]',{backgroundColor:e.palette.action.selected}),y(t,'&[data-focus="true"]',{backgroundColor:e.palette.action.hover}),y(t,"&:active",{backgroundColor:e.palette.action.selected}),y(t,'&[aria-disabled="true"]',{opacity:e.palette.action.disabledOpacity,pointerEvents:"none"}),t),groupLabel:{backgroundColor:e.palette.background.paper,top:-8},groupUl:{padding:0,"& $option":{paddingLeft:24}}}}),{name:"MuiAutocomplete"})(X),Z=I(n.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),ee=I(n.createElement("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"}));w(".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n width: 16px;\n height: 16px; }\n\n.autocomplete__icon {\n font-size: 1.25rem;\n margin-right: 8px; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n display: flex;\n flex-wrap: nowrap;\n padding: 4px 8px;\n border: 1px solid #8c8c8c; }\n");var te=function(n){var s=n.options,f=n.defaultValue,m=n.filterable,g=n.loading,v=n.labelInValue,b=n.disabled,h=n.className,y=n.multiple,x=n.freeTyping,C=n.placeholder,I=n.searchIcon,S=n.renderInput,k=n.renderTags,O=n.onChange,w=n.onSearch,L=n.onFocus,A=n.onBlur,$=i(!0),R=t($,2),j=R[0],N=R[1],D=i(),F=t(D,2),z=F[0],V=F[1],H=(({options:t,placeholder:o,loading:n,searchIcon:i,labelInValue:l})=>{const c=a((e=>"object"==typeof e?e.value:e),[]),u=a((e=>{const o=(Array.isArray(t)?t:[]).find((t=>c(t)===c(e)));return o?"object"==typeof o?o.label:o:"object"==typeof e?e.label:e}),[t]),s=a((e=>{if(Array.isArray(t)){if(Array.isArray(e))return e.map((e=>"object"==typeof e&&t.find((({value:t})=>e.value===t))||e));const o=t.find((({value:t})=>e===t));return l?e:o||{label:e,value:e}}return e}),[t,l]),p=a(((t,o)=>t.map(((t,n)=>r.createElement(M,e({label:u(t),deleteIcon:r.createElement(Z,null)},o({index:n})))))),[t]),d=a((t=>r.createElement(E,e({},t,{variant:"outlined",placeholder:o,InputProps:{...t.InputProps,endAdornment:r.createElement(r.Fragment,null,n&&r.createElement(P,{className:"autocomplete__icon",color:"inherit",size:20}),i&&r.createElement(ee,{className:"autocomplete__icon"}),t.InputProps.endAdornment)}}))),[n,i]);return{getValue:c,getValueFromOptions:s,defaultTag:p,defaultRenderInput:d}})(o({},{options:s,placeholder:C,loading:g,searchIcon:I,labelInValue:v})),B=H.getValue,W=H.getValueFromOptions,_=H.defaultTag,K=H.defaultRenderInput,G=l(d((function(e,t){return t(e)}),500)).current,U=c((function(){return"string"==typeof f&&y?void 0:W(f)}),[f]);return u((function(){return N(!1)}),[U]),u((function(){j||N(!0)}),[j]),r.createElement("div",{className:p("autocomplete",{"autocomplete--showSearchIcon":I},h)},j&&r.createElement(Y,{className:"autocomplete__component",options:Array.isArray(s)&&(x&&z?[{label:z,value:z}].concat(s):s)||[],defaultValue:U,disabled:b,multiple:y,filterOptions:function(e,t){var o=t.inputValue,n=void 0===o?"":o;return(Array.isArray(e)?e:[]).filter((function(e){var t=(e||{}).label;return!m||(void 0===t?"":t).toLowerCase().indexOf(n.toLowerCase())>-1}))},onChange:function(e,t){Array.isArray(t)?O(t.map((function(e){return v?e:B(e)}))):t&&O(v?t:B(t))},onInputChange:function(e,t,o){t&&"string"==typeof t&&"input"===o&&(V(t),G(t,w))},getOptionLabel:function(e){return e&&e.label||""},getOptionDisabled:function(e){return e.disabled},renderInput:function(e){return S&&S(e)||K(e)},renderTags:function(e,t){return k&&k(e,t)||_(e,t)},popupIcon:null,noOptionsText:r.createElement(T,null),onFocus:L,onBlur:A}))};te.defaultProps={className:void 0,defaultValue:void 0,options:void 0,freeTyping:!1,loading:!1,disabled:!1,labelInValue:!0,searchIcon:!0,multiple:!1,placeholder:"Search...",filterable:!1,renderInput:void 0,renderTags:void 0,onChange:function(){},onSearch:function(){},onFocus:function(){},onBlur:function(){}},te.propTypes={className:s.string,defaultValue:s.any,options:s.arrayOf(s.any),freeTyping:s.bool,loading:s.bool,disabled:s.bool,labelInValue:s.bool,searchIcon:s.bool,multiple:s.bool,placeholder:s.string,filterable:s.bool,renderInput:s.func,renderTags:s.func,onChange:s.func,onSearch:s.func,onFocus:s.func,onBlur:s.func};export{te as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import o,{useState as r}from"react";import t from"prop-types";import{c as n}from"./index-d90e1489.js";import a from"axios";import i from"./Autocomplete.js";import{s}from"./style-inject.es-1f59c1d0.js";import"./_commonjsHelpers-ae1b5db5.js";import"./debounce-7d215a19.js";import"./isObjectLike-75179648.js";import"./withStyles-75fe409f.js";import"react-is";import"./capitalize-4566b0fe.js";import"./createSvgIcon-231b6223.js";import"./useForkRef-4ff8cc89.js";import"./ButtonBase-013fbd95.js";import"react-dom";import"./useEventCallback-8817ed1c.js";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-2ba64e99.js";import"./TextField-940e48e6.js";import"./Select-c0d0b016.js";import"./OutlinedInput-e0ddbd3a.js";import"./useTheme-ea7e9223.js";import"./FormControlContext-90b149a2.js";import"./debounce-65582d84.js";import"./isMuiElement-64ad493a.js";import"./ownerWindow-ba2c31bc.js";import"./Menu-d1267946.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./Portal-411c252b.js";import"./Paper-fa04140f.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./useControlled-b5d6fb94.js";import"./useFormControl-607a2e33.js";import"./CircularProgress-0af3f40f.js";import"./Empty.js";import"./unstable_useId-45c5b1e4.js";import"./IconButton-920a73fd.js";import"./Popper-896103c0.js";s(".keywordSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px; }\n .keywordSearch--animation .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px; }\n .keywordSearch--focus {\n flex: 1; }\n .keywordSearch--focus .autocomplete {\n max-width: 100%; }\n .keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n border-radius: 10px;\n background-color: #ffffff66; }\n");var p=function(t){var s=t.animation,p=t.searchAPI,c=t.placeholder,u=t.setMenuOpen,m=t.menuOpen,l=t.onSearch,d=r(!1),f=e(d,2),j=f[0],b=f[1],h=r([]),y=e(h,2),w=y[0],v=y[1],x=function(e){e&&0!==e.length&&(b(!0),a.get(p,{params:{keyword:e}}).then((function(e){e.data&&e.data.data&&v(((e,o="value")=>Array.isArray(e)?e.filter(((e,r,t)=>t.findIndex((r=>r[o]===e[o]))===r)):[])(e.data.data,"id"))})).finally((function(){return b(!1)})))};return o.createElement("div",{className:n("keywordSearch",{"keywordSearch--animation":s},{"keywordSearch--focus":m})},o.createElement(i,{freeTyping:!0,filterable:!0,labelInValue:!1,loading:j,options:w.map((function(e){var o=e.name,r=e.id,t=e.value,n=e.label;return{value:r||t,label:o||n}})),placeholder:c,onSearch:function(e){return x(e)},onChange:function(e){
|
|
1
|
+
import{a as e}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import o,{useState as r}from"react";import t from"prop-types";import{c as n}from"./index-d90e1489.js";import a from"axios";import i from"./Autocomplete.js";import{s}from"./style-inject.es-1f59c1d0.js";import"./_commonjsHelpers-ae1b5db5.js";import"./debounce-7d215a19.js";import"./isObjectLike-75179648.js";import"./withStyles-75fe409f.js";import"react-is";import"./capitalize-4566b0fe.js";import"./createSvgIcon-231b6223.js";import"./useForkRef-4ff8cc89.js";import"./ButtonBase-013fbd95.js";import"react-dom";import"./useEventCallback-8817ed1c.js";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-2ba64e99.js";import"./TextField-940e48e6.js";import"./Select-c0d0b016.js";import"./OutlinedInput-e0ddbd3a.js";import"./useTheme-ea7e9223.js";import"./FormControlContext-90b149a2.js";import"./debounce-65582d84.js";import"./isMuiElement-64ad493a.js";import"./ownerWindow-ba2c31bc.js";import"./Menu-d1267946.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./Portal-411c252b.js";import"./Paper-fa04140f.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./useControlled-b5d6fb94.js";import"./useFormControl-607a2e33.js";import"./CircularProgress-0af3f40f.js";import"./Empty.js";import"./unstable_useId-45c5b1e4.js";import"./IconButton-920a73fd.js";import"./Popper-896103c0.js";s(".keywordSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px; }\n .keywordSearch--animation .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px; }\n .keywordSearch--focus {\n flex: 1; }\n .keywordSearch--focus .autocomplete {\n max-width: 100%; }\n .keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n border-radius: 10px;\n background-color: #ffffff66; }\n");var p=function(t){var s=t.animation,p=t.searchAPI,c=t.placeholder,u=t.setMenuOpen,m=t.menuOpen,l=t.onSearch,d=r(!1),f=e(d,2),j=f[0],b=f[1],h=r([]),y=e(h,2),w=y[0],v=y[1],x=function(e){e&&0!==e.length&&(b(!0),a.get(p,{params:{keyword:e}}).then((function(e){e.data&&e.data.data&&v(((e,o="value")=>Array.isArray(e)?e.filter(((e,r,t)=>t.findIndex((r=>r[o]===e[o]))===r)):[])(e.data.data,"id"))})).finally((function(){return b(!1)})))};return o.createElement("div",{className:n("keywordSearch",{"keywordSearch--animation":s},{"keywordSearch--focus":m})},o.createElement(i,{freeTyping:!0,filterable:!0,labelInValue:!1,loading:j,options:w.map((function(e){var o=e.name,r=e.id,t=e.value,n=e.label;return{value:r||t,label:o||n}})),placeholder:c,onSearch:function(e){return x(e)},onChange:function(e){e&&l(w.find((function(o){var r=o.id,t=o.value;return r===e.value||t===e.value}))||e)},onFocus:function(){return u(!0)},onBlur:function(){return u(!1)}}))};p.defaultProps={animation:!1,searchAPI:void 0,placeholder:void 0,menuOpen:!1,setMenuOpen:function(){},onSearch:function(){}},p.propTypes={animation:t.bool,searchAPI:t.string,placeholder:t.string,menuOpen:t.bool,setMenuOpen:t.func,onSearch:t.func};export{p as default};
|
package/package.json
CHANGED