@corva/ui 3.79.0-1 → 3.79.0-2

package/components/Search/Search.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/objectWithoutProperties";import{useState as e,useRef as t,useCallback as i,useEffect as c,useMemo as r,cloneElement as p}from"react";import l from"classnames";import{debounce as a,isEmpty as u,omit as m,noop as d}from"lodash";import{Autocomplete as I}from"@material-ui/lab";import{Popper as h,Tooltip as j,Fade as v,Chip as f,TextField as b,InputAdornment as g,CircularProgress as C,MenuItem as O,Checkbox as P}from"@material-ui/core";import{AccessTime as A}from"@material-ui/icons";import S from"./components/Listbox.js";import y from"./components/Paper.js";import"./components/RecentSearches.js";import{jsx as x,jsxs as F,Fragment as G}from"react/jsx-runtime";import R from"./components/Groups.js";import L from"./components/SelectAllListItem.js";import{PaperContext as N}from"./context/index.js";import{useAutocompletOptions as k}from"./effects/useAutocompleteOptions.js";import T from"./styles.js";import{CloseSmallIcon as D}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{MiddleTruncatedText as M}from"../MiddleTruncatedText/MiddleTruncatedText.js";import z from"../IconButton/index.js";var w=["AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","disableResetOnGroupChange","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","isHiddenAllLabel","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","noOptionsText","ListboxComponent","isPrioritizedSelectedOptions","isOpenedFromParent","onFocus","InputProps","classes","popupIcon","shouldResetInputOnAutocompleteChange"],E=["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"],B=["InputProps","inputProps"],U=["input"],H=["classes","style"],K=["children","className"],W=["style"];function _(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,e)}return s}function q(n){for(var s=1;s<arguments.length;s++){var e=null!=arguments[s]?arguments[s]:{};s%2?_(Object(e),!0).forEach((function(s){o(n,s,e[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):_(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))}))}return n}var V={},Z=function(R){var _=R.AutocompleteProps,Z=void 0===_?{}:_,J=R.value,Q=R.disableClearable,X=void 0!==Q&&Q,Y=R.onChange,$=R.onInputChange,oo=R.loading,no=void 0!==oo&&oo,so=R.options,eo=void 0===so?[]:so,to=R.optionSize,io=R.placeholder,co=void 0===io?"Search...":io,ro=R.onGroupChange,po=void 0===ro?function(){}:ro,lo=R.disabled,ao=void 0!==lo&&lo,uo=R.disableResetOnGroupChange,mo=R.multiple,Io=void 0!==mo&&mo,ho=R.groups,jo=void 0===ho?[]:ho,vo=R.GroupsComponent,fo=R.recentSearchesMaxCount,bo=void 0===fo?3:fo,go=R.dataStorageKey,Co=void 0===go?"Search:recentSearches":go,Oo=R.RecentSearchesComponent,Po=R.dataStorage,Ao=void 0===Po?sessionStorage:Po,So=R.onInputReset,yo=R.getOptionLabel,xo=void 0===yo?function(o){return o.label||""}:yo,Fo=R.TextFieldProps,Go=void 0===Fo?{endAdornment:null}:Fo,Ro=R.ListboxProps,Lo=R.onInputChangeCallback,No=void 0===Lo?function(){}:Lo,ko=R.renderCustomOption,To=R.isHiddenAllOption,Do=void 0!==To&&To,Mo=R.isHiddenAllLabel,zo=void 0!==Mo&&Mo,wo=R.onOpen,Eo=void 0===wo?d:wo,Bo=R.selectedGroup,Uo=R.onGroupReset,Ho=void 0===Uo?function(){}:Uo,Ko=R.onClose,Wo=void 0===Ko?function(){}:Ko,_o=R.popperProps,qo=void 0===_o?V:_o,Vo=R.paperFooter,Zo=R.noOptionsText,Jo=void 0===Zo?"No Options":Zo,Qo=R.ListboxComponent,Xo=void 0===Qo?S:Qo,Yo=R.isPrioritizedSelectedOptions,$o=void 0!==Yo&&Yo,on=R.isOpenedFromParent,nn=void 0===on?void 0:on,sn=R.onFocus,en=R.InputProps,tn=R.classes,cn=void 0===tn?{}:tn;R.popupIcon;var rn=R.shouldResetInputOnAutocompleteChange,pn=s(R,w),ln=e(""),an=n(ln,2),un=an[0],mn=an[1],dn=e(""),In=n(dn,2),hn=In[0],jn=In[1],vn=e(!1),fn=n(vn,2),bn=fn[0],gn=fn[1],Cn=e(!1),On=n(Cn,2),Pn=On[0],An=On[1],Sn=t(null),yn=t(null),xn=k({options:eo,value:J,groups:jo,selectedGroup:Bo,isPrioritizedSelectedOptions:$o}),Fn=xn.autocompleteOptions,Gn=xn.isGrouped,Rn=xn.handleAutocompleOptionsUpdate,Ln=T(),Nn=cn.popper,kn=cn.listbox,Tn=cn.popupIndicator,Dn=cn.popupIndicatorOpen,Mn=cn.groupChip,zn=s(cn,E),wn=q({popper:l(Ln.popper,Nn),listbox:l(Ln.listbox,kn),popupIndicator:l(Ln.popupIndicator,Tn),popupIndicatorOpen:l(Ln.popupIndicatorOpen,Dn)},zn),En=function(){mn(""),null==So||So()},Bn=i(a((function(o){return jn(o)}),500),[]),Un=function(o){var n=jo.find((function(n){return n.id===o}));uo||En(),po(n)},Hn=function(o){un.length||Io&&"ArrowLeft"===o.code&&o.stopPropagation()};c((function(){var o,n;bn&&(null===(o=Sn.current)||void 0===o||o.focus(),null===(n=Sn.current)||void 0===n||n.setSelectionRange(un.length,un.length))}));var Kn=Io&&Array.isArray(J)?J.length:null,Wn=Io&&(null==Fn?void 0:Fn.length)===Kn,_n=Io&&!!Kn&&!Wn,qn=function(){return En(),Z.getOptionDisabled&&Wn?Y(null,[eo[eo.length-1]]):Y(null,Wn||_n?[]:Fn)};c((function(){Bn(un),$&&$(un)}),[un]);var Vn=function(o,n){var s,e=o;"blur"===n&&(!e.relatedTarget||(null===(s=yn.current)||void 0===s?void 0:s.contains(e.relatedTarget)))||(Wo(),gn(!1))},Zn=function(){(null!=nn?nn:bn)?(gn(!1),Wo()):(gn(!0),Eo())},Jn=function(o){if(Wn&&!Do&&!zo)return"All";var n=o[0].label||o[0].name||"";return 1===(null==o?void 0:o.length)?x("div",{children:x(M,{children:n})}):"".concat(null==o?void 0:o.length," Selected")},Qn=u(Fn),Xn=r((function(){return{onOutsideClick:Vn,isEmptyOptions:Qn,loading:no,AllSelectComponent:!Do&&Io&&!Qn&&x(L,{className:Ln.selectAllCheckbox,onClick:qn,someSelected:_n,allSelected:Wn}),RecentSearchesComponent:Oo&&x(Oo,{title:"Recent Searches",Icon:A,dataStorage:Ao,dataStorageKey:Co,maxCount:bo,isHidden:!u(un),onInputChange:function(o){return mn(o)},inputValue:hn}),GroupsComponent:!Bo&&Gn&&vo&&x(vo,{onGroupClick:Un,groups:jo})}}),[Bo,no,Gn,Qn,un,Do,Io,Qn,hn,Wo,Vn]),Yn=r((function(){return function(o){var n=o.children,e=o.className,t=s(o,K);return F(y,q(q({},t),{},{className:e,inputRef:Sn,ref:yn,children:[n,Vo]}))}}),[Vo]),$n=r((function(){return function(o){var n=qo.style,e=s(qo,W);return x(h,q(q({},o),{},{style:q(q({},o.style),n),placement:"bottom-start"},e))}}),[qo]);return x(N.Provider,{value:Xn,children:x(I,q(q({},m(pn,["InputProps","isNullable","isOpenedFromParent"])),{},{PopperComponent:$n,disableClearable:X,onOpen:function(o){Rn(),gn(!0),Eo(o)},onClose:Vn,open:null!=nn?nn:bn,onChange:function(o,n){Io&&!rn||mn(""),Y(o,n)},forcePopupIcon:Z.forcePopupIcon,fullWidth:!0,disabled:ao,value:J,classes:wn,renderInput:function(t){var i,c,r,a=e(!1),d=n(a,2),I=d[0],h=d[1],j=t.InputProps,v=t.inputProps,O=s(t,B),P=(null===(i=j.endAdornment)||void 0===i||null===(c=i.props)||void 0===c||null===(r=c.children)||void 0===r?void 0:r.length)>1?p(j.endAdornment,{children:j.endAdornment.props.children.slice(1),onMouseDown:function(o){return o.stopPropagation()},onMouseUp:function(o){return o.stopPropagation()}}):j.endAdornment,A=1===Kn,S=I||bn||un.length>0||!u(J)||!u(null==en?void 0:en.startAdornment),y=en||{},R=y.classes,L=(R=void 0===R?{}:R).input,N=void 0===L?"":L,k=s(R,U),T=y.style,M=s(y,H);return x(b,q(q(q({},O),m(Go,["endAdornment"])),{},{onBlur:function(){h(!1),A&&An(!0)},onFocus:function(){h(!0)},onKeyDown:Hn,inputRef:Sn,placeholder:co,classes:{root:Ln.searchInput},inputProps:q(q({style:{padding:5}},v),pn.inputProps),InputLabelProps:{shrink:S},InputProps:q(q(q({classes:q({input:l(Pn?Ln.inputShrinked:A&&Ln.inputExpanded,N)},k),style:q({paddingRight:0,paddingBottom:0},T)},j),M),{},{startAdornment:F(G,{children:[null==en?void 0:en.startAdornment,Bo&&x(f,{className:Ln.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:F("div",{className:Ln.selectedGroupLabel,children:[Bo.name,x(D,{size:16,id:"removeGroupIcon",className:Ln.removeIcon,onClick:Ho})]})},Bo.id),Io&&!u(J)&&x("div",{onClick:Zn,id:"selectedOptions",className:l(Ln.selectedLabel,Pn&&Ln.selectedLabelExpanded),children:Jn(J)})]}),endAdornment:F(G,{children:[F(g,{className:l(Ln.endAdornment,o({},Ln.removeIconWithDropdown,Z.forcePopupIcon)),position:"end",children:[Go.endAdornment,no&&x(C,{color:"primary",size:20}),I&&un&&!X&&x(z,{"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ln.iconButton,onClick:function(){mn(""),So&&So()},tooltipProps:{title:"Clear"},children:x(D,{size:20,className:Ln.closeIcon})})]}),Z.forcePopupIcon&&P]})})}))},loading:no,options:Fn,renderGroup:function(o){var n=o.key,s=o.group,e=o.children;return!s||!u(Bo)&&Io?e:F("div",{className:Ln.group,children:[x(j,{title:s,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500,children:x(f,{"data-not-migrated-muichip":!0,className:l(Ln.groupChip,Mn),variant:"outlined",label:s})}),e]},n)},disableCloseOnSelect:Io,multiple:Io,renderOption:ko||function(o,n){var s=o.label,e=void 0===s?"":s,t=o.id;return Io?F("div",{className:l(Ln.option,to),"data-testid":"autocompleteOption_".concat(e,"MenuItem"),children:[x(P,{size:"small",disableRipple:!0,className:Ln.checkbox,checked:n.selected}),x(M,{className:Ln.optionLabelContainer,children:e})]},t):x(O,{className:Ln.menuItem,value:t,"data-testid":"autocompleteOption_".concat(e,"MenuItem"),children:x(M,{className:Ln.optionLabelContainer,children:e})},t)},groupBy:Gn?function(o){return o.group}:void 0,PaperComponent:Yn,ListboxComponent:Xo,inputValue:un,getOptionLabel:xo,getOptionDisabled:null==Z?void 0:Z.getOptionDisabled,onInputChange:function(o,n,s){mn(uo?function(o){return"reset"===s?o:n}:n),No(n,s)},loadingText:x("div",{className:Ln.label,children:"Loading ..."}),noOptionsText:x("div",{className:Ln.label,children:Jo}),ListboxProps:Ro,onFocus:function(){An(!1),null==sn||sn()}}))})};Z.Groups=R;export{Z as Search,Z as default};
+import o from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/objectWithoutProperties";import{useState as e,useRef as i,useCallback as t,useEffect as c,useMemo as r,cloneElement as p}from"react";import l from"classnames";import{debounce as a,isEmpty as u,omit as m,noop as d}from"lodash";import{Autocomplete as I}from"@material-ui/lab";import{Popper as h,Tooltip as j,Fade as v,Chip as f,TextField as b,InputAdornment as g,CircularProgress as C,MenuItem as O,Checkbox as P}from"@material-ui/core";import A from"@material-ui/icons/AccessTime";import S from"./components/Listbox.js";import y from"./components/Paper.js";import"./components/RecentSearches.js";import{jsx as x,jsxs as F,Fragment as G}from"react/jsx-runtime";import R from"./components/Groups.js";import L from"./components/SelectAllListItem.js";import{PaperContext as N}from"./context/index.js";import{useAutocompletOptions as k}from"./effects/useAutocompleteOptions.js";import T from"./styles.js";import{CloseSmallIcon as D}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{MiddleTruncatedText as M}from"../MiddleTruncatedText/MiddleTruncatedText.js";import z from"../IconButton/index.js";var w=["AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","disableResetOnGroupChange","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","isHiddenAllLabel","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","noOptionsText","ListboxComponent","isPrioritizedSelectedOptions","isOpenedFromParent","onFocus","InputProps","classes","popupIcon","shouldResetInputOnAutocompleteChange"],E=["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"],B=["InputProps","inputProps"],U=["input"],H=["classes","style"],K=["children","className"],W=["style"];function _(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,e)}return s}function q(n){for(var s=1;s<arguments.length;s++){var e=null!=arguments[s]?arguments[s]:{};s%2?_(Object(e),!0).forEach((function(s){o(n,s,e[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):_(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))}))}return n}var V={},Z=function(R){var _=R.AutocompleteProps,Z=void 0===_?{}:_,J=R.value,Q=R.disableClearable,X=void 0!==Q&&Q,Y=R.onChange,$=R.onInputChange,oo=R.loading,no=void 0!==oo&&oo,so=R.options,eo=void 0===so?[]:so,io=R.optionSize,to=R.placeholder,co=void 0===to?"Search...":to,ro=R.onGroupChange,po=void 0===ro?function(){}:ro,lo=R.disabled,ao=void 0!==lo&&lo,uo=R.disableResetOnGroupChange,mo=R.multiple,Io=void 0!==mo&&mo,ho=R.groups,jo=void 0===ho?[]:ho,vo=R.GroupsComponent,fo=R.recentSearchesMaxCount,bo=void 0===fo?3:fo,go=R.dataStorageKey,Co=void 0===go?"Search:recentSearches":go,Oo=R.RecentSearchesComponent,Po=R.dataStorage,Ao=void 0===Po?sessionStorage:Po,So=R.onInputReset,yo=R.getOptionLabel,xo=void 0===yo?function(o){return o.label||""}:yo,Fo=R.TextFieldProps,Go=void 0===Fo?{endAdornment:null}:Fo,Ro=R.ListboxProps,Lo=R.onInputChangeCallback,No=void 0===Lo?function(){}:Lo,ko=R.renderCustomOption,To=R.isHiddenAllOption,Do=void 0!==To&&To,Mo=R.isHiddenAllLabel,zo=void 0!==Mo&&Mo,wo=R.onOpen,Eo=void 0===wo?d:wo,Bo=R.selectedGroup,Uo=R.onGroupReset,Ho=void 0===Uo?function(){}:Uo,Ko=R.onClose,Wo=void 0===Ko?function(){}:Ko,_o=R.popperProps,qo=void 0===_o?V:_o,Vo=R.paperFooter,Zo=R.noOptionsText,Jo=void 0===Zo?"No Options":Zo,Qo=R.ListboxComponent,Xo=void 0===Qo?S:Qo,Yo=R.isPrioritizedSelectedOptions,$o=void 0!==Yo&&Yo,on=R.isOpenedFromParent,nn=void 0===on?void 0:on,sn=R.onFocus,en=R.InputProps,tn=R.classes,cn=void 0===tn?{}:tn;R.popupIcon;var rn=R.shouldResetInputOnAutocompleteChange,pn=s(R,w),ln=e(""),an=n(ln,2),un=an[0],mn=an[1],dn=e(""),In=n(dn,2),hn=In[0],jn=In[1],vn=e(!1),fn=n(vn,2),bn=fn[0],gn=fn[1],Cn=e(!1),On=n(Cn,2),Pn=On[0],An=On[1],Sn=i(null),yn=i(null),xn=k({options:eo,value:J,groups:jo,selectedGroup:Bo,isPrioritizedSelectedOptions:$o}),Fn=xn.autocompleteOptions,Gn=xn.isGrouped,Rn=xn.handleAutocompleOptionsUpdate,Ln=T(),Nn=cn.popper,kn=cn.listbox,Tn=cn.popupIndicator,Dn=cn.popupIndicatorOpen,Mn=cn.groupChip,zn=s(cn,E),wn=q({popper:l(Ln.popper,Nn),listbox:l(Ln.listbox,kn),popupIndicator:l(Ln.popupIndicator,Tn),popupIndicatorOpen:l(Ln.popupIndicatorOpen,Dn)},zn),En=function(){mn(""),null==So||So()},Bn=t(a((function(o){return jn(o)}),500),[]),Un=function(o){var n=jo.find((function(n){return n.id===o}));uo||En(),po(n)},Hn=function(o){un.length||Io&&"ArrowLeft"===o.code&&o.stopPropagation()};c((function(){var o,n;bn&&(null===(o=Sn.current)||void 0===o||o.focus(),null===(n=Sn.current)||void 0===n||n.setSelectionRange(un.length,un.length))}));var Kn=Io&&Array.isArray(J)?J.length:null,Wn=Io&&(null==Fn?void 0:Fn.length)===Kn,_n=Io&&!!Kn&&!Wn,qn=function(){return En(),Z.getOptionDisabled&&Wn?Y(null,[eo[eo.length-1]]):Y(null,Wn||_n?[]:Fn)};c((function(){Bn(un),$&&$(un)}),[un]);var Vn=function(o,n){var s,e=o;"blur"===n&&(!e.relatedTarget||(null===(s=yn.current)||void 0===s?void 0:s.contains(e.relatedTarget)))||(Wo(),gn(!1))},Zn=function(){(null!=nn?nn:bn)?(gn(!1),Wo()):(gn(!0),Eo())},Jn=function(o){if(Wn&&!Do&&!zo)return"All";var n=o[0].label||o[0].name||"";return 1===(null==o?void 0:o.length)?x("div",{children:x(M,{children:n})}):"".concat(null==o?void 0:o.length," Selected")},Qn=u(Fn),Xn=r((function(){return{onOutsideClick:Vn,isEmptyOptions:Qn,loading:no,AllSelectComponent:!Do&&Io&&!Qn&&x(L,{className:Ln.selectAllCheckbox,onClick:qn,someSelected:_n,allSelected:Wn}),RecentSearchesComponent:Oo&&x(Oo,{title:"Recent Searches",Icon:A,dataStorage:Ao,dataStorageKey:Co,maxCount:bo,isHidden:!u(un),onInputChange:function(o){return mn(o)},inputValue:hn}),GroupsComponent:!Bo&&Gn&&vo&&x(vo,{onGroupClick:Un,groups:jo})}}),[Bo,no,Gn,Qn,un,Do,Io,Qn,hn,Wo,Vn]),Yn=r((function(){return function(o){var n=o.children,e=o.className,i=s(o,K);return F(y,q(q({},i),{},{className:e,inputRef:Sn,ref:yn,children:[n,Vo]}))}}),[Vo]),$n=r((function(){return function(o){var n=qo.style,e=s(qo,W);return x(h,q(q({},o),{},{style:q(q({},o.style),n),placement:"bottom-start"},e))}}),[qo]);return x(N.Provider,{value:Xn,children:x(I,q(q({},m(pn,["InputProps","isNullable","isOpenedFromParent"])),{},{PopperComponent:$n,disableClearable:X,onOpen:function(o){Rn(),gn(!0),Eo(o)},onClose:Vn,open:null!=nn?nn:bn,onChange:function(o,n){Io&&!rn||mn(""),Y(o,n)},forcePopupIcon:Z.forcePopupIcon,fullWidth:!0,disabled:ao,value:J,classes:wn,renderInput:function(i){var t,c,r,a=e(!1),d=n(a,2),I=d[0],h=d[1],j=i.InputProps,v=i.inputProps,O=s(i,B),P=(null===(t=j.endAdornment)||void 0===t||null===(c=t.props)||void 0===c||null===(r=c.children)||void 0===r?void 0:r.length)>1?p(j.endAdornment,{children:j.endAdornment.props.children.slice(1),onMouseDown:function(o){return o.stopPropagation()},onMouseUp:function(o){return o.stopPropagation()}}):j.endAdornment,A=1===Kn,S=I||bn||un.length>0||!u(J)||!u(null==en?void 0:en.startAdornment),y=en||{},R=y.classes,L=(R=void 0===R?{}:R).input,N=void 0===L?"":L,k=s(R,U),T=y.style,M=s(y,H);return x(b,q(q(q({},O),m(Go,["endAdornment"])),{},{onBlur:function(){h(!1),A&&An(!0)},onFocus:function(){h(!0)},onKeyDown:Hn,inputRef:Sn,placeholder:co,classes:{root:Ln.searchInput},inputProps:q(q({style:{padding:5}},v),pn.inputProps),InputLabelProps:{shrink:S},InputProps:q(q(q({classes:q({input:l(Pn?Ln.inputShrinked:A&&Ln.inputExpanded,N)},k),style:q({paddingRight:0,paddingBottom:0},T)},j),M),{},{startAdornment:F(G,{children:[null==en?void 0:en.startAdornment,Bo&&x(f,{className:Ln.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:F("div",{className:Ln.selectedGroupLabel,children:[Bo.name,x(D,{size:16,id:"removeGroupIcon",className:Ln.removeIcon,onClick:Ho})]})},Bo.id),Io&&!u(J)&&x("div",{onClick:Zn,id:"selectedOptions",className:l(Ln.selectedLabel,Pn&&Ln.selectedLabelExpanded),children:Jn(J)})]}),endAdornment:F(G,{children:[F(g,{className:l(Ln.endAdornment,o({},Ln.removeIconWithDropdown,Z.forcePopupIcon)),position:"end",children:[Go.endAdornment,no&&x(C,{color:"primary",size:20}),I&&un&&!X&&x(z,{"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ln.iconButton,onClick:function(){mn(""),So&&So()},tooltipProps:{title:"Clear"},children:x(D,{size:20,className:Ln.closeIcon})})]}),Z.forcePopupIcon&&P]})})}))},loading:no,options:Fn,renderGroup:function(o){var n=o.key,s=o.group,e=o.children;return!s||!u(Bo)&&Io?e:F("div",{className:Ln.group,children:[x(j,{title:s,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500,children:x(f,{"data-not-migrated-muichip":!0,className:l(Ln.groupChip,Mn),variant:"outlined",label:s})}),e]},n)},disableCloseOnSelect:Io,multiple:Io,renderOption:ko||function(o,n){var s=o.label,e=void 0===s?"":s,i=o.id;return Io?F("div",{className:l(Ln.option,io),"data-testid":"autocompleteOption_".concat(e,"MenuItem"),children:[x(P,{size:"small",disableRipple:!0,className:Ln.checkbox,checked:n.selected}),x(M,{className:Ln.optionLabelContainer,children:e})]},i):x(O,{className:Ln.menuItem,value:i,"data-testid":"autocompleteOption_".concat(e,"MenuItem"),children:x(M,{className:Ln.optionLabelContainer,children:e})},i)},groupBy:Gn?function(o){return o.group}:void 0,PaperComponent:Yn,ListboxComponent:Xo,inputValue:un,getOptionLabel:xo,getOptionDisabled:null==Z?void 0:Z.getOptionDisabled,onInputChange:function(o,n,s){mn(uo?function(o){return"reset"===s?o:n}:n),No(n,s)},loadingText:x("div",{className:Ln.label,children:"Loading ..."}),noOptionsText:x("div",{className:Ln.label,children:Jo}),ListboxProps:Ro,onFocus:function(){An(!1),null==sn||sn()}}))})};Z.Groups=R;export{Z as Search,Z as default};
 //# sourceMappingURL=Search.js.map

package/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import {\n  ChangeEvent,\n  cloneElement,\n  ComponentType,\n  KeyboardEvent,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { debounce, isEmpty, noop, omit } from 'lodash';\nimport { Autocomplete, AutocompleteProps, AutocompleteRenderGroupParams } from '@material-ui/lab';\nimport {\n  Checkbox,\n  Chip,\n  CircularProgress,\n  Fade,\n  InputAdornment,\n  MenuItem,\n  Popper,\n  TextField,\n  InputProps as MuiInputProps,\n  Tooltip,\n} from '@material-ui/core';\nimport { AccessTime as TimeIcon } from '@material-ui/icons';\n\nimport { Groups, ListboxComponent as Listbox, Paper, SelectAllListItem } from './components';\nimport { PaperContext } from './context';\nimport { useAutocompletOptions } from './effects';\nimport useStyles from './styles';\n\nimport { CloseSmallIcon, DownOneIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport IconButton from '~/components/IconButton';\n\nconst PAGE_NAME = 'AutocompleteSearch';\n\nconst initialPopperProps = {};\n\nconst ARROW_LEFT_KEY_CODE = 'ArrowLeft';\n\ntype SearchProps = {\n  onChange: (event: ChangeEvent<{}>, selected: any | any[] | null) => void;\n  value?: object | object[] | null;\n  options?: { label?: string; name?: string; id: string | number; group?: string }[];\n  AutocompleteProps?: {\n    getOptionDisabled?: (option: any) => boolean;\n    forcePopupIcon?: boolean;\n  };\n  allChecked?: boolean;\n  TextFieldProps?: {\n    label?: string;\n    endAdornment?: ReactNode;\n    value?: string;\n  };\n  selectedGroup?: {\n    name?: string;\n    id?: string;\n  } | null;\n  onGroupReset?: MouseEventHandler<HTMLSpanElement>;\n  onClose?: () => void;\n  disableClearable?: boolean;\n\n  /**\n   * MUI Autocomplete triggers onInputChange when startAdornment is changed (via selectedGroup update).\n   * If disableResetOnGroupChange is true, we won't store a new value in onInputChange when the 'reason' is \"reset\".\n   * Additionally, handleSelectedGroupChange won't trigger handleInputReset if disableResetOnGroupChange is true.\n   */\n  disableResetOnGroupChange?: boolean;\n  onInputChange?: (value: string) => void;\n  getOptionLabel?: (option: any) => string;\n  onGroupChange?: (group?: { name?: string; id?: string }) => void;\n  loading?: boolean;\n  disabled?: boolean;\n  isNullable?: boolean;\n  multiple?: boolean;\n  optionSize?: 'large';\n  popupIcon?: ReactNode;\n  InputProps?: Partial<MuiInputProps>;\n  ListboxProps?: object;\n  classes?: Partial<\n    {\n      popper: string;\n      listbox: string;\n      popupIndicator: string;\n      popupIndicatorOpen: string;\n      groupChip: string;\n    } & Record<string, string>\n  >;\n  onInputChangeCallback?: (newInputValue: string, reason: string) => void;\n  placeholder?: string;\n  RecentSearchesComponent?: ComponentType<any>;\n  ListboxComponent?: any;\n  recentSearchesMaxCount?: number;\n  dataStorageKey?: string;\n  dataStorage?: object;\n\n  groups?: { id: string; name: string }[];\n  GroupsComponent?: ComponentType<{\n    onGroupClick: (id: string) => void;\n    groups: { id: string; name: string }[];\n  }>;\n  onOpen?: (e?: any) => void;\n  renderCustomOption?: (option: any, state: any) => ReactNode;\n  onInputReset?: () => void;\n  isHiddenAllOption?: boolean;\n  isHiddenAllLabel?: boolean;\n  paperFooter?: ReactNode;\n  isOpenedFromParent?: boolean;\n  popperProps?: Partial<{ style: object }>;\n  onFocus?: () => void;\n  inputProps?: object;\n  noOptionsText?: string;\n  isPrioritizedSelectedOptions?: boolean;\n  /**\n   * There is a check if it is multiple search then we should keep input value on autocomplete change\n   * But now there is another case, when we should reset input value on autocomplete change\n   * This new prop allows to have both options\n   */\n  shouldResetInputOnAutocompleteChange?: boolean;\n} & Omit<\n  AutocompleteProps<any, false, false, false>,\n  | 'value'\n  | 'onChange'\n  | 'options'\n  | 'onClose'\n  | 'disableClearable'\n  | 'onInputChange'\n  | 'getOptionLabel'\n  | 'loading'\n  | 'disabled'\n  | 'multiple'\n  | 'popupIcon'\n  | 'ListboxProps'\n  | 'classes'\n  | 'placeholder'\n  | 'ListboxComponent'\n  | 'onOpen'\n  | 'onFocus'\n  | 'inp'\n  | 'noOptionsText'\n  | 'renderInput'\n  | 'PopperComponent'\n  | 'open'\n  | 'forcePopupIcon'\n  | 'fullWidth'\n  | 'renderGroup'\n  | 'disableCloseOnSelect'\n  | 'renderOption'\n  | 'groupBy'\n  | 'PaperComponent'\n  | 'inputValue'\n  | 'getOptionDisabled'\n  | 'loadingText'\n  | 'InputProps'\n  | 'isNullable'\n>;\n\nexport const Search = ({\n  AutocompleteProps = {},\n  value,\n  disableClearable = false,\n  onChange,\n  onInputChange,\n  loading = false,\n  options = [],\n  optionSize,\n  placeholder = 'Search...',\n  onGroupChange = () => {},\n  disabled = false,\n  disableResetOnGroupChange,\n  multiple = false,\n  groups = [],\n  GroupsComponent,\n  recentSearchesMaxCount = 3,\n  dataStorageKey = 'Search:recentSearches',\n  RecentSearchesComponent,\n  dataStorage = sessionStorage,\n  onInputReset,\n  getOptionLabel = (option: any) => option.label || '',\n  TextFieldProps = { endAdornment: null },\n  ListboxProps,\n  onInputChangeCallback = () => {},\n  renderCustomOption,\n  isHiddenAllOption = false,\n  isHiddenAllLabel = false,\n  onOpen = noop,\n  selectedGroup,\n  onGroupReset = () => {},\n  onClose = () => {},\n  popperProps = initialPopperProps,\n  paperFooter,\n  noOptionsText = 'No Options',\n  ListboxComponent = Listbox,\n  isPrioritizedSelectedOptions = false,\n\n  isOpenedFromParent = undefined,\n  onFocus,\n  InputProps,\n  classes = {},\n  popupIcon = <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} />,\n  shouldResetInputOnAutocompleteChange,\n  ...props\n}: SearchProps) => {\n  const [inputValue, setInputValue] = useState('');\n  const [debouncedInputValue, setDebouncedInputValue] = useState('');\n  const [isOpened, setIsOpened] = useState(false);\n  const [isSelectedLabelExpanded, setIsSelectedLabelExpanded] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n\n  const { autocompleteOptions, isGrouped, handleAutocompleOptionsUpdate } = useAutocompletOptions({\n    options,\n    value,\n    groups,\n    selectedGroup,\n    isPrioritizedSelectedOptions,\n  });\n\n  const styles = useStyles();\n\n  const {\n    popper,\n    listbox,\n    popupIndicator,\n    popupIndicatorOpen,\n    groupChip: groupChipClassName,\n    ...restClasses\n  } = classes;\n  const autocompleteClasses = {\n    popper: classNames(styles.popper, popper),\n    listbox: classNames(styles.listbox, listbox),\n    popupIndicator: classNames(styles.popupIndicator, popupIndicator),\n    popupIndicatorOpen: classNames(styles.popupIndicatorOpen, popupIndicatorOpen),\n    ...restClasses,\n  };\n\n  const groupBy = ({ group }: any) => group;\n\n  const handleInputChange = (_event: ChangeEvent<{}>, newInputValue: string, reason: string) => {\n    if (disableResetOnGroupChange)\n      setInputValue(prevValue => (reason === 'reset' ? prevValue : newInputValue));\n    else setInputValue(newInputValue);\n\n    onInputChangeCallback(newInputValue, reason);\n  };\n\n  const handleInputReset = () => {\n    setInputValue('');\n    onInputReset?.();\n  };\n\n  const handleDebouncedInputChange = (inputValue: string) => setDebouncedInputValue(inputValue);\n\n  const onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);\n\n  const handleSelectedGroupChange = (selectedGroupId: string) => {\n    const selectedGroup = groups.find(({ id }) => id === selectedGroupId);\n    if (!disableResetOnGroupChange) handleInputReset();\n    onGroupChange(selectedGroup);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (inputValue.length) return;\n\n    // NOTE: MUI try to focus tags for multiple Autocomplete\n    // need to stop event to prevent crash, as we render custom content in TextField\n    if (multiple && event.code === ARROW_LEFT_KEY_CODE) {\n      event.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    if (isOpened) {\n      inputRef.current?.focus();\n      inputRef.current?.setSelectionRange(inputValue.length, inputValue.length);\n    }\n  });\n\n  const valueLength = multiple && Array.isArray(value) ? value.length : null;\n\n  const allSelected = multiple && autocompleteOptions?.length === valueLength;\n  const someSelected = multiple && !!valueLength && !allSelected;\n\n  const onAllSelectClick = () => {\n    handleInputReset();\n    if (AutocompleteProps.getOptionDisabled && allSelected)\n      return onChange(null as unknown as ChangeEvent<{}>, [options[options.length - 1]]);\n\n    return onChange(\n      null as unknown as ChangeEvent<{}>,\n      allSelected || someSelected ? [] : autocompleteOptions\n    );\n  };\n\n  useEffect(() => {\n    onDebouncedInputChange(inputValue);\n\n    if (!onInputChange) return;\n\n    onInputChange(inputValue);\n  }, [inputValue]);\n\n  const handleAutocompleteChange = (event: ChangeEvent<{}>, selected: any | any[]) => {\n    if (!multiple || shouldResetInputOnAutocompleteChange) {\n      setInputValue('');\n    }\n    onChange(event, selected);\n  };\n\n  const handleSearchOpen = (e: ChangeEvent<{}>) => {\n    handleAutocompleOptionsUpdate();\n    setIsOpened(true);\n    onOpen(e);\n  };\n\n  const handleSearchClose = (evt: ChangeEvent<{}>, reason: string) => {\n    const focusEvt = evt as unknown as React.FocusEvent<HTMLElement>;\n    const focusingDropdownElement =\n      reason === 'blur' &&\n      (!focusEvt.relatedTarget || paperRef.current?.contains(focusEvt.relatedTarget));\n\n    if (!focusingDropdownElement) {\n      onClose();\n      setIsOpened(false);\n    }\n  };\n\n  const handleSelectedOptionClick = () => {\n    if (isOpenedFromParent ?? isOpened) {\n      setIsOpened(false);\n\n      onClose();\n    } else {\n      setIsOpened(true);\n\n      onOpen();\n    }\n  };\n\n  const renderGroup = ({ key, group, children }: AutocompleteRenderGroupParams) => {\n    if (!group || (!isEmpty(selectedGroup) && multiple)) {\n      return children;\n    }\n\n    return (\n      <div className={styles.group} key={key}>\n        <Tooltip\n          title={group}\n          placement=\"right\"\n          TransitionComponent={Fade}\n          TransitionProps={{ timeout: 500 }}\n          enterDelay={500}\n        >\n          <Chip\n            data-not-migrated-muichip\n            className={classNames(styles.groupChip, groupChipClassName)}\n            variant=\"outlined\"\n            label={group}\n          />\n        </Tooltip>\n\n        {children}\n      </div>\n    );\n  };\n\n  const getSelectedLabel = (value: any) => {\n    if (allSelected && !isHiddenAllOption && !isHiddenAllLabel) return 'All';\n    const label = value[0].label || value[0].name || '';\n\n    return value?.length === 1 ? (\n      <div>\n        <MiddleTruncatedText>{label}</MiddleTruncatedText>\n      </div>\n    ) : (\n      `${value?.length} Selected`\n    );\n  };\n\n  const renderInput = (muiProps: any) => {\n    // MUI Autocomplete invokes renderInput during its OWN render, so this state belongs to the\n    // Autocomplete fiber. Hoisting it into Search re-targets the re-render and breaks the\n    // ArrowUp/ArrowDown focus handoff between the input and the chips.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [isFocused, setIsFocused] = useState(false);\n    const { InputProps: mUIInputProps, inputProps: mUIinputProps, ...restMuiProps } = muiProps;\n    const defaultEndAdornment =\n      mUIInputProps.endAdornment?.props?.children?.length > 1\n        ? cloneElement(mUIInputProps.endAdornment, {\n            // remove clear button, popupIcon is left\n            children: mUIInputProps.endAdornment.props.children.slice(1),\n            onMouseDown: e => e.stopPropagation(),\n            onMouseUp: e => e.stopPropagation(),\n          })\n        : mUIInputProps.endAdornment;\n\n    const isNeedExpandInput = valueLength === 1;\n\n    const isInputLabelShrink =\n      isFocused ||\n      isOpened ||\n      inputValue.length > 0 ||\n      !isEmpty(value) ||\n      !isEmpty(InputProps?.startAdornment);\n\n    const onInputBlur = () => {\n      setIsFocused(false);\n      if (isNeedExpandInput) {\n        setIsSelectedLabelExpanded(true);\n      }\n    };\n\n    const {\n      classes: { input: inputClasses = '', ...restInputClasses } = {},\n      style,\n      ...restInputProps\n    } = InputProps || {};\n\n    return (\n      <TextField\n        {...restMuiProps}\n        {...omit(TextFieldProps, ['endAdornment'])}\n        onBlur={onInputBlur}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onKeyDown={handleKeyDown}\n        inputRef={inputRef}\n        placeholder={placeholder}\n        classes={{ root: styles.searchInput }}\n        inputProps={{ style: { padding: 5 }, ...mUIinputProps, ...props.inputProps }}\n        InputLabelProps={{\n          shrink: isInputLabelShrink,\n        }}\n        InputProps={{\n          classes: {\n            input: classNames(\n              isSelectedLabelExpanded\n                ? styles.inputShrinked\n                : isNeedExpandInput && styles.inputExpanded,\n              inputClasses\n            ),\n            ...restInputClasses,\n          },\n          style: { paddingRight: 0, paddingBottom: 0, ...style },\n          ...mUIInputProps,\n          ...restInputProps,\n          startAdornment: (\n            <>\n              {InputProps?.startAdornment}\n              {selectedGroup && (\n                <Chip\n                  key={selectedGroup.id}\n                  className={styles.selectedGroup}\n                  data-not-migrated-muichip\n                  variant=\"outlined\"\n                  label={\n                    <div className={styles.selectedGroupLabel}>\n                      {selectedGroup.name}\n                      <CloseSmallIcon\n                        size={16}\n                        id=\"removeGroupIcon\"\n                        className={styles.removeIcon}\n                        onClick={onGroupReset}\n                      />\n                    </div>\n                  }\n                />\n              )}\n              {multiple && !isEmpty(value) && (\n                <div\n                  onClick={handleSelectedOptionClick}\n                  id=\"selectedOptions\"\n                  className={classNames(\n                    styles.selectedLabel,\n                    isSelectedLabelExpanded && styles.selectedLabelExpanded\n                  )}\n                >\n                  {getSelectedLabel(value)}\n                </div>\n              )}\n            </>\n          ),\n          endAdornment: (\n            <>\n              <InputAdornment\n                className={classNames(styles.endAdornment, {\n                  [styles.removeIconWithDropdown]: AutocompleteProps.forcePopupIcon,\n                })}\n                position=\"end\"\n              >\n                {TextFieldProps.endAdornment}\n                {loading && <CircularProgress color=\"primary\" size={20} />}\n                {isFocused && inputValue && !disableClearable && (\n                  <IconButton\n                    data-testid={`${PAGE_NAME}_clear_icon`}\n                    size=\"small\"\n                    className={styles.iconButton}\n                    onClick={() => {\n                      setInputValue('');\n                      if (onInputReset) {\n                        onInputReset();\n                      }\n                    }}\n                    tooltipProps={{ title: 'Clear' }}\n                  >\n                    <CloseSmallIcon size={20} className={styles.closeIcon} />\n                  </IconButton>\n                )}\n              </InputAdornment>\n              {AutocompleteProps.forcePopupIcon && defaultEndAdornment}\n            </>\n          ),\n        }}\n      />\n    );\n  };\n\n  const renderOption = (option: any, state: any) => {\n    const { label = '', id } = option;\n    if (!multiple)\n      return (\n        <MenuItem\n          className={styles.menuItem}\n          key={id}\n          value={id}\n          data-testid={`autocompleteOption_${label}MenuItem`}\n        >\n          <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n        </MenuItem>\n      );\n    return (\n      <div\n        className={classNames(styles.option, optionSize)}\n        key={id}\n        data-testid={`autocompleteOption_${label}MenuItem`}\n      >\n        <Checkbox size=\"small\" disableRipple className={styles.checkbox} checked={state.selected} />\n        <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n      </div>\n    );\n  };\n\n  const isEmptyOptions = isEmpty(autocompleteOptions);\n  const paperContext = useMemo(\n    () => ({\n      onOutsideClick: handleSearchClose,\n      isEmptyOptions,\n      loading,\n      AllSelectComponent: !isHiddenAllOption && multiple && !isEmptyOptions && (\n        <SelectAllListItem\n          className={styles.selectAllCheckbox}\n          onClick={onAllSelectClick}\n          someSelected={someSelected}\n          allSelected={allSelected}\n        />\n      ),\n      RecentSearchesComponent: RecentSearchesComponent && (\n        <RecentSearchesComponent\n          title=\"Recent Searches\"\n          Icon={TimeIcon}\n          dataStorage={dataStorage}\n          dataStorageKey={dataStorageKey}\n          maxCount={recentSearchesMaxCount}\n          isHidden={!isEmpty(inputValue)}\n          onInputChange={(value: any) => setInputValue(value)}\n          inputValue={debouncedInputValue}\n        />\n      ),\n      GroupsComponent: !selectedGroup && isGrouped && GroupsComponent && (\n        <GroupsComponent onGroupClick={handleSelectedGroupChange} groups={groups} />\n      ),\n    }),\n    [\n      selectedGroup,\n      loading,\n      isGrouped,\n      isEmptyOptions,\n      inputValue,\n      isHiddenAllOption,\n      multiple,\n      isEmptyOptions,\n      debouncedInputValue,\n      onClose,\n      handleSearchClose,\n    ]\n  );\n\n  const PaperComponent = useMemo(\n    () =>\n      ({ children, className, ...paperProps }: any) =>\n        (\n          <Paper {...paperProps} className={className} inputRef={inputRef} ref={paperRef}>\n            {children}\n            {paperFooter}\n          </Paper>\n        ),\n    [paperFooter]\n  );\n\n  const PopperComponent = useMemo(\n    () => (props: any) => {\n      const { style, ...restPopperProps } = popperProps;\n      return (\n        <Popper\n          {...props}\n          style={{ ...props.style, ...style }}\n          placement=\"bottom-start\"\n          {...restPopperProps}\n        />\n      );\n    },\n    [popperProps]\n  );\n\n  const handleRootFocus = () => {\n    setIsSelectedLabelExpanded(false);\n    onFocus?.();\n  };\n\n  return (\n    <PaperContext.Provider value={paperContext}>\n      <Autocomplete\n        {...omit(props, ['InputProps', 'isNullable', 'isOpenedFromParent'])}\n        PopperComponent={PopperComponent}\n        disableClearable={disableClearable}\n        onOpen={handleSearchOpen}\n        onClose={handleSearchClose}\n        open={isOpenedFromParent ?? isOpened}\n        onChange={handleAutocompleteChange}\n        forcePopupIcon={AutocompleteProps.forcePopupIcon}\n        fullWidth\n        disabled={disabled}\n        value={value}\n        classes={autocompleteClasses}\n        renderInput={renderInput}\n        loading={loading}\n        options={autocompleteOptions}\n        renderGroup={renderGroup}\n        disableCloseOnSelect={multiple}\n        multiple={multiple}\n        renderOption={renderCustomOption || renderOption}\n        groupBy={isGrouped ? groupBy : undefined}\n        PaperComponent={PaperComponent}\n        ListboxComponent={ListboxComponent}\n        inputValue={inputValue}\n        getOptionLabel={getOptionLabel}\n        getOptionDisabled={AutocompleteProps?.getOptionDisabled}\n        onInputChange={handleInputChange}\n        loadingText={<div className={styles.label}>Loading ...</div>}\n        noOptionsText={<div className={styles.label}>{noOptionsText}</div>}\n        ListboxProps={ListboxProps}\n        onFocus={handleRootFocus}\n      />\n    </PaperContext.Provider>\n  );\n};\n\nSearch.Groups = Groups;\n\nexport default Search;\n"],"names":["initialPopperProps","Search","_ref","_ref$AutocompleteProp","AutocompleteProps","value","_ref$disableClearable","disableClearable","onChange","onInputChange","_ref$loading","loading","_ref$options","options","optionSize","_ref$placeholder","placeholder","_ref$onGroupChange","onGroupChange","_ref$disabled","disabled","disableResetOnGroupChange","_ref$multiple","multiple","_ref$groups","groups","GroupsComponent","_ref$recentSearchesMa","recentSearchesMaxCount","_ref$dataStorageKey","dataStorageKey","RecentSearchesComponent","_ref$dataStorage","dataStorage","sessionStorage","onInputReset","_ref$getOptionLabel","getOptionLabel","option","label","_ref$TextFieldProps","TextFieldProps","endAdornment","ListboxProps","_ref$onInputChangeCal","onInputChangeCallback","renderCustomOption","_ref$isHiddenAllOptio","isHiddenAllOption","_ref$isHiddenAllLabel","isHiddenAllLabel","_ref$onOpen","onOpen","noop","selectedGroup","_ref$onGroupReset","onGroupReset","_ref$onClose","onClose","_ref$popperProps","popperProps","paperFooter","_ref$noOptionsText","noOptionsText","_ref$ListboxComponent","ListboxComponent","Listbox","_ref$isPrioritizedSel","isPrioritizedSelectedOptions","_ref$isOpenedFromPare","isOpenedFromParent","undefined","onFocus","InputProps","_ref$classes","classes","popupIcon","shouldResetInputOnAutocompleteChange","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","debouncedInputValue","setDebouncedInputValue","_useState6","_useState5","isOpened","setIsOpened","_useState8","_useState7","isSelectedLabelExpanded","setIsSelectedLabelExpanded","inputRef","useRef","paperRef","_useAutocompletOption","useAutocompletOptions","autocompleteOptions","isGrouped","handleAutocompleOptionsUpdate","styles","useStyles","popper","listbox","popupIndicator","popupIndicatorOpen","groupChipClassName","groupChip","restClasses","_excluded2","autocompleteClasses","_objectSpread","classNames","handleInputReset","onDebouncedInputChange","useCallback","debounce","handleSelectedGroupChange","selectedGroupId","find","_ref3","id","handleKeyDown","event","length","code","stopPropagation","useEffect","_inputRef$current","_inputRef$current2","current","focus","setSelectionRange","valueLength","Array","isArray","allSelected","someSelected","onAllSelectClick","getOptionDisabled","handleSearchClose","evt","reason","_paperRef$current","focusEvt","relatedTarget","contains","handleSelectedOptionClick","getSelectedLabel","name","_jsx","children","MiddleTruncatedText","concat","isEmptyOptions","isEmpty","paperContext","useMemo","onOutsideClick","AllSelectComponent","SelectAllListItem","className","selectAllCheckbox","onClick","title","Icon","TimeIcon","maxCount","isHidden","onGroupClick","PaperComponent","_ref6","paperProps","_excluded6","_jsxs","Paper","ref","PopperComponent","style","restPopperProps","_excluded7","Popper","placement","PaperContext","Provider","Autocomplete","omit","e","open","selected","forcePopupIcon","fullWidth","renderInput","muiProps","_mUIInputProps$endAdo","_mUIInputProps$endAdo2","_mUIInputProps$endAdo3","_useState10","_useState9","isFocused","setIsFocused","mUIInputProps","mUIinputProps","inputProps","restMuiProps","_excluded3","defaultEndAdornment","cloneElement","slice","onMouseDown","onMouseUp","isNeedExpandInput","isInputLabelShrink","startAdornment","_ref5$classes","_ref5","_ref5$classes$input","input","inputClasses","restInputClasses","_excluded4","restInputProps","_excluded5","TextField","onBlur","onKeyDown","root","searchInput","padding","InputLabelProps","shrink","inputShrinked","inputExpanded","paddingRight","paddingBottom","_Fragment","Chip","variant","selectedGroupLabel","CloseSmallIcon","size","removeIcon","selectedLabel","selectedLabelExpanded","InputAdornment","_defineProperty","removeIconWithDropdown","position","CircularProgress","color","IconButton","iconButton","tooltipProps","closeIcon","renderGroup","_ref4","key","group","Tooltip","TransitionComponent","Fade","TransitionProps","timeout","enterDelay","disableCloseOnSelect","renderOption","state","_option$label","Checkbox","disableRipple","checkbox","checked","optionLabelContainer","MenuItem","menuItem","groupBy","_ref2","_event","newInputValue","prevValue","loadingText","Groups"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import {\n  ChangeEvent,\n  cloneElement,\n  ComponentType,\n  KeyboardEvent,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { debounce, isEmpty, noop, omit } from 'lodash';\nimport { Autocomplete, AutocompleteProps, AutocompleteRenderGroupParams } from '@material-ui/lab';\nimport {\n  Checkbox,\n  Chip,\n  CircularProgress,\n  Fade,\n  InputAdornment,\n  MenuItem,\n  Popper,\n  TextField,\n  InputProps as MuiInputProps,\n  Tooltip,\n} from '@material-ui/core';\nimport TimeIcon from '@material-ui/icons/AccessTime';\n\nimport { Groups, ListboxComponent as Listbox, Paper, SelectAllListItem } from './components';\nimport { PaperContext } from './context';\nimport { useAutocompletOptions } from './effects';\nimport useStyles from './styles';\n\nimport { CloseSmallIcon, DownOneIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport IconButton from '~/components/IconButton';\n\nconst PAGE_NAME = 'AutocompleteSearch';\n\nconst initialPopperProps = {};\n\nconst ARROW_LEFT_KEY_CODE = 'ArrowLeft';\n\ntype SearchProps = {\n  onChange: (event: ChangeEvent<{}>, selected: any | any[] | null) => void;\n  value?: object | object[] | null;\n  options?: { label?: string; name?: string; id: string | number; group?: string }[];\n  AutocompleteProps?: {\n    getOptionDisabled?: (option: any) => boolean;\n    forcePopupIcon?: boolean;\n  };\n  allChecked?: boolean;\n  TextFieldProps?: {\n    label?: string;\n    endAdornment?: ReactNode;\n    value?: string;\n  };\n  selectedGroup?: {\n    name?: string;\n    id?: string;\n  } | null;\n  onGroupReset?: MouseEventHandler<HTMLSpanElement>;\n  onClose?: () => void;\n  disableClearable?: boolean;\n\n  /**\n   * MUI Autocomplete triggers onInputChange when startAdornment is changed (via selectedGroup update).\n   * If disableResetOnGroupChange is true, we won't store a new value in onInputChange when the 'reason' is \"reset\".\n   * Additionally, handleSelectedGroupChange won't trigger handleInputReset if disableResetOnGroupChange is true.\n   */\n  disableResetOnGroupChange?: boolean;\n  onInputChange?: (value: string) => void;\n  getOptionLabel?: (option: any) => string;\n  onGroupChange?: (group?: { name?: string; id?: string }) => void;\n  loading?: boolean;\n  disabled?: boolean;\n  isNullable?: boolean;\n  multiple?: boolean;\n  optionSize?: 'large';\n  popupIcon?: ReactNode;\n  InputProps?: Partial<MuiInputProps>;\n  ListboxProps?: object;\n  classes?: Partial<\n    {\n      popper: string;\n      listbox: string;\n      popupIndicator: string;\n      popupIndicatorOpen: string;\n      groupChip: string;\n    } & Record<string, string>\n  >;\n  onInputChangeCallback?: (newInputValue: string, reason: string) => void;\n  placeholder?: string;\n  RecentSearchesComponent?: ComponentType<any>;\n  ListboxComponent?: any;\n  recentSearchesMaxCount?: number;\n  dataStorageKey?: string;\n  dataStorage?: object;\n\n  groups?: { id: string; name: string }[];\n  GroupsComponent?: ComponentType<{\n    onGroupClick: (id: string) => void;\n    groups: { id: string; name: string }[];\n  }>;\n  onOpen?: (e?: any) => void;\n  renderCustomOption?: (option: any, state: any) => ReactNode;\n  onInputReset?: () => void;\n  isHiddenAllOption?: boolean;\n  isHiddenAllLabel?: boolean;\n  paperFooter?: ReactNode;\n  isOpenedFromParent?: boolean;\n  popperProps?: Partial<{ style: object }>;\n  onFocus?: () => void;\n  inputProps?: object;\n  noOptionsText?: string;\n  isPrioritizedSelectedOptions?: boolean;\n  /**\n   * There is a check if it is multiple search then we should keep input value on autocomplete change\n   * But now there is another case, when we should reset input value on autocomplete change\n   * This new prop allows to have both options\n   */\n  shouldResetInputOnAutocompleteChange?: boolean;\n} & Omit<\n  AutocompleteProps<any, false, false, false>,\n  | 'value'\n  | 'onChange'\n  | 'options'\n  | 'onClose'\n  | 'disableClearable'\n  | 'onInputChange'\n  | 'getOptionLabel'\n  | 'loading'\n  | 'disabled'\n  | 'multiple'\n  | 'popupIcon'\n  | 'ListboxProps'\n  | 'classes'\n  | 'placeholder'\n  | 'ListboxComponent'\n  | 'onOpen'\n  | 'onFocus'\n  | 'inp'\n  | 'noOptionsText'\n  | 'renderInput'\n  | 'PopperComponent'\n  | 'open'\n  | 'forcePopupIcon'\n  | 'fullWidth'\n  | 'renderGroup'\n  | 'disableCloseOnSelect'\n  | 'renderOption'\n  | 'groupBy'\n  | 'PaperComponent'\n  | 'inputValue'\n  | 'getOptionDisabled'\n  | 'loadingText'\n  | 'InputProps'\n  | 'isNullable'\n>;\n\nexport const Search = ({\n  AutocompleteProps = {},\n  value,\n  disableClearable = false,\n  onChange,\n  onInputChange,\n  loading = false,\n  options = [],\n  optionSize,\n  placeholder = 'Search...',\n  onGroupChange = () => {},\n  disabled = false,\n  disableResetOnGroupChange,\n  multiple = false,\n  groups = [],\n  GroupsComponent,\n  recentSearchesMaxCount = 3,\n  dataStorageKey = 'Search:recentSearches',\n  RecentSearchesComponent,\n  dataStorage = sessionStorage,\n  onInputReset,\n  getOptionLabel = (option: any) => option.label || '',\n  TextFieldProps = { endAdornment: null },\n  ListboxProps,\n  onInputChangeCallback = () => {},\n  renderCustomOption,\n  isHiddenAllOption = false,\n  isHiddenAllLabel = false,\n  onOpen = noop,\n  selectedGroup,\n  onGroupReset = () => {},\n  onClose = () => {},\n  popperProps = initialPopperProps,\n  paperFooter,\n  noOptionsText = 'No Options',\n  ListboxComponent = Listbox,\n  isPrioritizedSelectedOptions = false,\n\n  isOpenedFromParent = undefined,\n  onFocus,\n  InputProps,\n  classes = {},\n  popupIcon = <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} />,\n  shouldResetInputOnAutocompleteChange,\n  ...props\n}: SearchProps) => {\n  const [inputValue, setInputValue] = useState('');\n  const [debouncedInputValue, setDebouncedInputValue] = useState('');\n  const [isOpened, setIsOpened] = useState(false);\n  const [isSelectedLabelExpanded, setIsSelectedLabelExpanded] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const paperRef = useRef<HTMLDivElement>(null);\n\n  const { autocompleteOptions, isGrouped, handleAutocompleOptionsUpdate } = useAutocompletOptions({\n    options,\n    value,\n    groups,\n    selectedGroup,\n    isPrioritizedSelectedOptions,\n  });\n\n  const styles = useStyles();\n\n  const {\n    popper,\n    listbox,\n    popupIndicator,\n    popupIndicatorOpen,\n    groupChip: groupChipClassName,\n    ...restClasses\n  } = classes;\n  const autocompleteClasses = {\n    popper: classNames(styles.popper, popper),\n    listbox: classNames(styles.listbox, listbox),\n    popupIndicator: classNames(styles.popupIndicator, popupIndicator),\n    popupIndicatorOpen: classNames(styles.popupIndicatorOpen, popupIndicatorOpen),\n    ...restClasses,\n  };\n\n  const groupBy = ({ group }: any) => group;\n\n  const handleInputChange = (_event: ChangeEvent<{}>, newInputValue: string, reason: string) => {\n    if (disableResetOnGroupChange)\n      setInputValue(prevValue => (reason === 'reset' ? prevValue : newInputValue));\n    else setInputValue(newInputValue);\n\n    onInputChangeCallback(newInputValue, reason);\n  };\n\n  const handleInputReset = () => {\n    setInputValue('');\n    onInputReset?.();\n  };\n\n  const handleDebouncedInputChange = (inputValue: string) => setDebouncedInputValue(inputValue);\n\n  const onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);\n\n  const handleSelectedGroupChange = (selectedGroupId: string) => {\n    const selectedGroup = groups.find(({ id }) => id === selectedGroupId);\n    if (!disableResetOnGroupChange) handleInputReset();\n    onGroupChange(selectedGroup);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (inputValue.length) return;\n\n    // NOTE: MUI try to focus tags for multiple Autocomplete\n    // need to stop event to prevent crash, as we render custom content in TextField\n    if (multiple && event.code === ARROW_LEFT_KEY_CODE) {\n      event.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    if (isOpened) {\n      inputRef.current?.focus();\n      inputRef.current?.setSelectionRange(inputValue.length, inputValue.length);\n    }\n  });\n\n  const valueLength = multiple && Array.isArray(value) ? value.length : null;\n\n  const allSelected = multiple && autocompleteOptions?.length === valueLength;\n  const someSelected = multiple && !!valueLength && !allSelected;\n\n  const onAllSelectClick = () => {\n    handleInputReset();\n    if (AutocompleteProps.getOptionDisabled && allSelected)\n      return onChange(null as unknown as ChangeEvent<{}>, [options[options.length - 1]]);\n\n    return onChange(\n      null as unknown as ChangeEvent<{}>,\n      allSelected || someSelected ? [] : autocompleteOptions\n    );\n  };\n\n  useEffect(() => {\n    onDebouncedInputChange(inputValue);\n\n    if (!onInputChange) return;\n\n    onInputChange(inputValue);\n  }, [inputValue]);\n\n  const handleAutocompleteChange = (event: ChangeEvent<{}>, selected: any | any[]) => {\n    if (!multiple || shouldResetInputOnAutocompleteChange) {\n      setInputValue('');\n    }\n    onChange(event, selected);\n  };\n\n  const handleSearchOpen = (e: ChangeEvent<{}>) => {\n    handleAutocompleOptionsUpdate();\n    setIsOpened(true);\n    onOpen(e);\n  };\n\n  const handleSearchClose = (evt: ChangeEvent<{}>, reason: string) => {\n    const focusEvt = evt as unknown as React.FocusEvent<HTMLElement>;\n    const focusingDropdownElement =\n      reason === 'blur' &&\n      (!focusEvt.relatedTarget || paperRef.current?.contains(focusEvt.relatedTarget));\n\n    if (!focusingDropdownElement) {\n      onClose();\n      setIsOpened(false);\n    }\n  };\n\n  const handleSelectedOptionClick = () => {\n    if (isOpenedFromParent ?? isOpened) {\n      setIsOpened(false);\n\n      onClose();\n    } else {\n      setIsOpened(true);\n\n      onOpen();\n    }\n  };\n\n  const renderGroup = ({ key, group, children }: AutocompleteRenderGroupParams) => {\n    if (!group || (!isEmpty(selectedGroup) && multiple)) {\n      return children;\n    }\n\n    return (\n      <div className={styles.group} key={key}>\n        <Tooltip\n          title={group}\n          placement=\"right\"\n          TransitionComponent={Fade}\n          TransitionProps={{ timeout: 500 }}\n          enterDelay={500}\n        >\n          <Chip\n            data-not-migrated-muichip\n            className={classNames(styles.groupChip, groupChipClassName)}\n            variant=\"outlined\"\n            label={group}\n          />\n        </Tooltip>\n\n        {children}\n      </div>\n    );\n  };\n\n  const getSelectedLabel = (value: any) => {\n    if (allSelected && !isHiddenAllOption && !isHiddenAllLabel) return 'All';\n    const label = value[0].label || value[0].name || '';\n\n    return value?.length === 1 ? (\n      <div>\n        <MiddleTruncatedText>{label}</MiddleTruncatedText>\n      </div>\n    ) : (\n      `${value?.length} Selected`\n    );\n  };\n\n  const renderInput = (muiProps: any) => {\n    // MUI Autocomplete invokes renderInput during its OWN render, so this state belongs to the\n    // Autocomplete fiber. Hoisting it into Search re-targets the re-render and breaks the\n    // ArrowUp/ArrowDown focus handoff between the input and the chips.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [isFocused, setIsFocused] = useState(false);\n    const { InputProps: mUIInputProps, inputProps: mUIinputProps, ...restMuiProps } = muiProps;\n    const defaultEndAdornment =\n      mUIInputProps.endAdornment?.props?.children?.length > 1\n        ? cloneElement(mUIInputProps.endAdornment, {\n            // remove clear button, popupIcon is left\n            children: mUIInputProps.endAdornment.props.children.slice(1),\n            onMouseDown: e => e.stopPropagation(),\n            onMouseUp: e => e.stopPropagation(),\n          })\n        : mUIInputProps.endAdornment;\n\n    const isNeedExpandInput = valueLength === 1;\n\n    const isInputLabelShrink =\n      isFocused ||\n      isOpened ||\n      inputValue.length > 0 ||\n      !isEmpty(value) ||\n      !isEmpty(InputProps?.startAdornment);\n\n    const onInputBlur = () => {\n      setIsFocused(false);\n      if (isNeedExpandInput) {\n        setIsSelectedLabelExpanded(true);\n      }\n    };\n\n    const {\n      classes: { input: inputClasses = '', ...restInputClasses } = {},\n      style,\n      ...restInputProps\n    } = InputProps || {};\n\n    return (\n      <TextField\n        {...restMuiProps}\n        {...omit(TextFieldProps, ['endAdornment'])}\n        onBlur={onInputBlur}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onKeyDown={handleKeyDown}\n        inputRef={inputRef}\n        placeholder={placeholder}\n        classes={{ root: styles.searchInput }}\n        inputProps={{ style: { padding: 5 }, ...mUIinputProps, ...props.inputProps }}\n        InputLabelProps={{\n          shrink: isInputLabelShrink,\n        }}\n        InputProps={{\n          classes: {\n            input: classNames(\n              isSelectedLabelExpanded\n                ? styles.inputShrinked\n                : isNeedExpandInput && styles.inputExpanded,\n              inputClasses\n            ),\n            ...restInputClasses,\n          },\n          style: { paddingRight: 0, paddingBottom: 0, ...style },\n          ...mUIInputProps,\n          ...restInputProps,\n          startAdornment: (\n            <>\n              {InputProps?.startAdornment}\n              {selectedGroup && (\n                <Chip\n                  key={selectedGroup.id}\n                  className={styles.selectedGroup}\n                  data-not-migrated-muichip\n                  variant=\"outlined\"\n                  label={\n                    <div className={styles.selectedGroupLabel}>\n                      {selectedGroup.name}\n                      <CloseSmallIcon\n                        size={16}\n                        id=\"removeGroupIcon\"\n                        className={styles.removeIcon}\n                        onClick={onGroupReset}\n                      />\n                    </div>\n                  }\n                />\n              )}\n              {multiple && !isEmpty(value) && (\n                <div\n                  onClick={handleSelectedOptionClick}\n                  id=\"selectedOptions\"\n                  className={classNames(\n                    styles.selectedLabel,\n                    isSelectedLabelExpanded && styles.selectedLabelExpanded\n                  )}\n                >\n                  {getSelectedLabel(value)}\n                </div>\n              )}\n            </>\n          ),\n          endAdornment: (\n            <>\n              <InputAdornment\n                className={classNames(styles.endAdornment, {\n                  [styles.removeIconWithDropdown]: AutocompleteProps.forcePopupIcon,\n                })}\n                position=\"end\"\n              >\n                {TextFieldProps.endAdornment}\n                {loading && <CircularProgress color=\"primary\" size={20} />}\n                {isFocused && inputValue && !disableClearable && (\n                  <IconButton\n                    data-testid={`${PAGE_NAME}_clear_icon`}\n                    size=\"small\"\n                    className={styles.iconButton}\n                    onClick={() => {\n                      setInputValue('');\n                      if (onInputReset) {\n                        onInputReset();\n                      }\n                    }}\n                    tooltipProps={{ title: 'Clear' }}\n                  >\n                    <CloseSmallIcon size={20} className={styles.closeIcon} />\n                  </IconButton>\n                )}\n              </InputAdornment>\n              {AutocompleteProps.forcePopupIcon && defaultEndAdornment}\n            </>\n          ),\n        }}\n      />\n    );\n  };\n\n  const renderOption = (option: any, state: any) => {\n    const { label = '', id } = option;\n    if (!multiple)\n      return (\n        <MenuItem\n          className={styles.menuItem}\n          key={id}\n          value={id}\n          data-testid={`autocompleteOption_${label}MenuItem`}\n        >\n          <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n        </MenuItem>\n      );\n    return (\n      <div\n        className={classNames(styles.option, optionSize)}\n        key={id}\n        data-testid={`autocompleteOption_${label}MenuItem`}\n      >\n        <Checkbox size=\"small\" disableRipple className={styles.checkbox} checked={state.selected} />\n        <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n      </div>\n    );\n  };\n\n  const isEmptyOptions = isEmpty(autocompleteOptions);\n  const paperContext = useMemo(\n    () => ({\n      onOutsideClick: handleSearchClose,\n      isEmptyOptions,\n      loading,\n      AllSelectComponent: !isHiddenAllOption && multiple && !isEmptyOptions && (\n        <SelectAllListItem\n          className={styles.selectAllCheckbox}\n          onClick={onAllSelectClick}\n          someSelected={someSelected}\n          allSelected={allSelected}\n        />\n      ),\n      RecentSearchesComponent: RecentSearchesComponent && (\n        <RecentSearchesComponent\n          title=\"Recent Searches\"\n          Icon={TimeIcon}\n          dataStorage={dataStorage}\n          dataStorageKey={dataStorageKey}\n          maxCount={recentSearchesMaxCount}\n          isHidden={!isEmpty(inputValue)}\n          onInputChange={(value: any) => setInputValue(value)}\n          inputValue={debouncedInputValue}\n        />\n      ),\n      GroupsComponent: !selectedGroup && isGrouped && GroupsComponent && (\n        <GroupsComponent onGroupClick={handleSelectedGroupChange} groups={groups} />\n      ),\n    }),\n    [\n      selectedGroup,\n      loading,\n      isGrouped,\n      isEmptyOptions,\n      inputValue,\n      isHiddenAllOption,\n      multiple,\n      isEmptyOptions,\n      debouncedInputValue,\n      onClose,\n      handleSearchClose,\n    ]\n  );\n\n  const PaperComponent = useMemo(\n    () =>\n      ({ children, className, ...paperProps }: any) =>\n        (\n          <Paper {...paperProps} className={className} inputRef={inputRef} ref={paperRef}>\n            {children}\n            {paperFooter}\n          </Paper>\n        ),\n    [paperFooter]\n  );\n\n  const PopperComponent = useMemo(\n    () => (props: any) => {\n      const { style, ...restPopperProps } = popperProps;\n      return (\n        <Popper\n          {...props}\n          style={{ ...props.style, ...style }}\n          placement=\"bottom-start\"\n          {...restPopperProps}\n        />\n      );\n    },\n    [popperProps]\n  );\n\n  const handleRootFocus = () => {\n    setIsSelectedLabelExpanded(false);\n    onFocus?.();\n  };\n\n  return (\n    <PaperContext.Provider value={paperContext}>\n      <Autocomplete\n        {...omit(props, ['InputProps', 'isNullable', 'isOpenedFromParent'])}\n        PopperComponent={PopperComponent}\n        disableClearable={disableClearable}\n        onOpen={handleSearchOpen}\n        onClose={handleSearchClose}\n        open={isOpenedFromParent ?? isOpened}\n        onChange={handleAutocompleteChange}\n        forcePopupIcon={AutocompleteProps.forcePopupIcon}\n        fullWidth\n        disabled={disabled}\n        value={value}\n        classes={autocompleteClasses}\n        renderInput={renderInput}\n        loading={loading}\n        options={autocompleteOptions}\n        renderGroup={renderGroup}\n        disableCloseOnSelect={multiple}\n        multiple={multiple}\n        renderOption={renderCustomOption || renderOption}\n        groupBy={isGrouped ? groupBy : undefined}\n        PaperComponent={PaperComponent}\n        ListboxComponent={ListboxComponent}\n        inputValue={inputValue}\n        getOptionLabel={getOptionLabel}\n        getOptionDisabled={AutocompleteProps?.getOptionDisabled}\n        onInputChange={handleInputChange}\n        loadingText={<div className={styles.label}>Loading ...</div>}\n        noOptionsText={<div className={styles.label}>{noOptionsText}</div>}\n        ListboxProps={ListboxProps}\n        onFocus={handleRootFocus}\n      />\n    </PaperContext.Provider>\n  );\n};\n\nSearch.Groups = Groups;\n\nexport default Search;\n"],"names":["initialPopperProps","Search","_ref","_ref$AutocompleteProp","AutocompleteProps","value","_ref$disableClearable","disableClearable","onChange","onInputChange","_ref$loading","loading","_ref$options","options","optionSize","_ref$placeholder","placeholder","_ref$onGroupChange","onGroupChange","_ref$disabled","disabled","disableResetOnGroupChange","_ref$multiple","multiple","_ref$groups","groups","GroupsComponent","_ref$recentSearchesMa","recentSearchesMaxCount","_ref$dataStorageKey","dataStorageKey","RecentSearchesComponent","_ref$dataStorage","dataStorage","sessionStorage","onInputReset","_ref$getOptionLabel","getOptionLabel","option","label","_ref$TextFieldProps","TextFieldProps","endAdornment","ListboxProps","_ref$onInputChangeCal","onInputChangeCallback","renderCustomOption","_ref$isHiddenAllOptio","isHiddenAllOption","_ref$isHiddenAllLabel","isHiddenAllLabel","_ref$onOpen","onOpen","noop","selectedGroup","_ref$onGroupReset","onGroupReset","_ref$onClose","onClose","_ref$popperProps","popperProps","paperFooter","_ref$noOptionsText","noOptionsText","_ref$ListboxComponent","ListboxComponent","Listbox","_ref$isPrioritizedSel","isPrioritizedSelectedOptions","_ref$isOpenedFromPare","isOpenedFromParent","undefined","onFocus","InputProps","_ref$classes","classes","popupIcon","shouldResetInputOnAutocompleteChange","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","debouncedInputValue","setDebouncedInputValue","_useState6","_useState5","isOpened","setIsOpened","_useState8","_useState7","isSelectedLabelExpanded","setIsSelectedLabelExpanded","inputRef","useRef","paperRef","_useAutocompletOption","useAutocompletOptions","autocompleteOptions","isGrouped","handleAutocompleOptionsUpdate","styles","useStyles","popper","listbox","popupIndicator","popupIndicatorOpen","groupChipClassName","groupChip","restClasses","_excluded2","autocompleteClasses","_objectSpread","classNames","handleInputReset","onDebouncedInputChange","useCallback","debounce","handleSelectedGroupChange","selectedGroupId","find","_ref3","id","handleKeyDown","event","length","code","stopPropagation","useEffect","_inputRef$current","_inputRef$current2","current","focus","setSelectionRange","valueLength","Array","isArray","allSelected","someSelected","onAllSelectClick","getOptionDisabled","handleSearchClose","evt","reason","_paperRef$current","focusEvt","relatedTarget","contains","handleSelectedOptionClick","getSelectedLabel","name","_jsx","children","MiddleTruncatedText","concat","isEmptyOptions","isEmpty","paperContext","useMemo","onOutsideClick","AllSelectComponent","SelectAllListItem","className","selectAllCheckbox","onClick","title","Icon","TimeIcon","maxCount","isHidden","onGroupClick","PaperComponent","_ref6","paperProps","_excluded6","_jsxs","Paper","ref","PopperComponent","style","restPopperProps","_excluded7","Popper","placement","PaperContext","Provider","Autocomplete","omit","e","open","selected","forcePopupIcon","fullWidth","renderInput","muiProps","_mUIInputProps$endAdo","_mUIInputProps$endAdo2","_mUIInputProps$endAdo3","_useState10","_useState9","isFocused","setIsFocused","mUIInputProps","mUIinputProps","inputProps","restMuiProps","_excluded3","defaultEndAdornment","cloneElement","slice","onMouseDown","onMouseUp","isNeedExpandInput","isInputLabelShrink","startAdornment","_ref5$classes","_ref5","_ref5$classes$input","input","inputClasses","restInputClasses","_excluded4","restInputProps","_excluded5","TextField","onBlur","onKeyDown","root","searchInput","padding","InputLabelProps","shrink","inputShrinked","inputExpanded","paddingRight","paddingBottom","_Fragment","Chip","variant","selectedGroupLabel","CloseSmallIcon","size","removeIcon","selectedLabel","selectedLabelExpanded","InputAdornment","_defineProperty","removeIconWithDropdown","position","CircularProgress","color","IconButton","iconButton","tooltipProps","closeIcon","renderGroup","_ref4","key","group","Tooltip","TransitionComponent","Fade","TransitionProps","timeout","enterDelay","disableCloseOnSelect","renderOption","state","_option$label","Checkbox","disableRipple","checkbox","checked","optionLabelContainer","MenuItem","menuItem","groupBy","_ref2","_event","newInputValue","prevValue","loadingText","Groups"],"mappings":"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"}

package/components/StatusBadge/components/DQAccordionDetailsContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DQAccordionDetailsContent.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBadge/components/DQAccordionDetailsContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmC,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAKhG,KAAK,8BAA8B,GAAG;IAAE,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAU9D,eAAO,MAAM,yBAAyB,gBAEnC,8BAA8B,KAAG,GAAG,CAAC,OAgFvC,CAAC"}
+{"version":3,"file":"DQAccordionDetailsContent.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBadge/components/DQAccordionDetailsContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmC,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAKhG,KAAK,8BAA8B,GAAG;IAAE,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAU9D,eAAO,MAAM,yBAAyB,gBAEnC,8BAA8B,KAAG,GAAG,CAAC,OAwFvC,CAAC"}

package/components/StatusBadge/components/DQAccordionDetailsContent.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/toConsumableArray";import t from"classnames";import{Accordion as s,AccordionSummary as i,Box as n,AccordionDetails as a}from"@material-ui/core";import{ExpandMore as o}from"@material-ui/icons";import{useDQUnvalidatedContentStyles as c}from"../styles.js";import{ALERT_STATES as l}from"../constants.js";import{DQAlertTooltip as m}from"./DQAlertTooltip.js";import{DQStatusIcon as p}from"./DQStatusIcon.js";import{getCategoryIconType as u}from"../utils.js";import{jsx as f,jsxs as d,Fragment as y}from"react/jsx-runtime";function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);r&&(s=s.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,s)}return t}function h(r){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?b(Object(s),!0).forEach((function(t){e(r,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(s)):b(Object(s)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(s,e))}))}return r}var g=function(e){var b=e.assets,g=c({}),j=b.reduce((function(e,t){return e[t.alert.category]||(e[t.alert.category]=[]),e[t.alert.category]=[].concat(r(e[t.alert.category]),[t]),e}),{});return f("div",{children:Object.keys(j).map((function(e){var r=u(j[e]);return d(s,{children:[f(i,{className:t("left",g.categoryName),expandIcon:f(o,{}),children:d(n,{display:"flex",alignItems:"center",justifyContent:"space-between",gridColumnGap:4,width:200,children:[f("span",{children:"".concat(e," (").concat(j[e].length,")")}),f(p,{color:r,iconType:r})]})}),f(a,{children:f("div",{className:g.assetTable,children:j[e].map((function(e){var r=e.id,s=e.name,i=e.issuesNum,n=e.missingNum,a=e.isResolved,o=e.alert,c=e.linkToDQPage,p=function(e){return{alert:o,alertsNum:e===l.issue?i:n,alertState:e===l.issue?l.issue:l.missing,isIssueData:i>0,linkToDQPage:c}},u=p(l.issue),b=p(l.missing);return d("div",{className:g.assetWrapper,children:[f("div",{className:t(g.assetName,g.assetCell),children:s}),a?f("div",{className:g.assetCell,children:f(m,h({},u))}):d(y,{children:[i>0&&f("div",{className:g.assetCell,children:f(m,h({},u))}),n>0&&f("div",{className:g.assetCell,children:f(m,h({},b))})]})]},r)}))})})]},e)}))})};export{g as DQAccordionDetailsContent};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/toConsumableArray";import t from"classnames";import{Accordion as s,AccordionSummary as i,Box as n,AccordionDetails as a}from"@material-ui/core";import o from"@material-ui/icons/ExpandMore";import{useDQUnvalidatedContentStyles as c}from"../styles.js";import{ALERT_STATES as l}from"../constants.js";import{DQAlertTooltip as m}from"./DQAlertTooltip.js";import{DQStatusIcon as p}from"./DQStatusIcon.js";import{getCategoryIconType as u}from"../utils.js";import{jsx as f,jsxs as d,Fragment as y}from"react/jsx-runtime";function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);r&&(s=s.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,s)}return t}function h(r){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?b(Object(s),!0).forEach((function(t){e(r,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(s)):b(Object(s)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(s,e))}))}return r}var g=function(e){var b=e.assets,g=c({}),j=b.reduce((function(e,t){return e[t.alert.category]||(e[t.alert.category]=[]),e[t.alert.category]=[].concat(r(e[t.alert.category]),[t]),e}),{});return f("div",{children:Object.keys(j).map((function(e){var r=u(j[e]);return d(s,{children:[f(i,{className:t("left",g.categoryName),expandIcon:f(o,{}),children:d(n,{display:"flex",alignItems:"center",justifyContent:"space-between",gridColumnGap:4,width:200,children:[f("span",{children:"".concat(e," (").concat(j[e].length,")")}),f(p,{color:r,iconType:r})]})}),f(a,{children:f("div",{className:g.assetTable,children:j[e].map((function(e){var r=e.id,s=e.name,i=e.issuesNum,n=e.missingNum,a=e.isResolved,o=e.alert,c=e.linkToDQPage,p=function(e){return{alert:o,alertsNum:e===l.issue?i:n,alertState:e===l.issue?l.issue:l.missing,isIssueData:i>0,linkToDQPage:c}},u=p(l.issue),b=p(l.missing);return d("div",{className:g.assetWrapper,children:[f("div",{className:t(g.assetName,g.assetCell),children:s}),a?f("div",{className:g.assetCell,children:f(m,h({},u))}):d(y,{children:[i>0&&f("div",{className:g.assetCell,children:f(m,h({},u))}),n>0&&f("div",{className:g.assetCell,children:f(m,h({},b))})]})]},r)}))})})]},e)}))})};export{g as DQAccordionDetailsContent};
 //# sourceMappingURL=DQAccordionDetailsContent.js.map

package/components/StatusBadge/components/DQAccordionDetailsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DQAccordionDetailsContent.js","sources":["../../../../src/components/StatusBadge/components/DQAccordionDetailsContent.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Accordion, AccordionDetails, AccordionSummary, Box } from '@material-ui/core';\nimport { ExpandMore as ExpandMoreIcon } from '@material-ui/icons';\nimport { useDQUnvalidatedContentStyles } from '~/components/StatusBadge/styles';\nimport { ALERT_STATES, Alert, AlertState, AssetItem } from '~/components/StatusBadge/constants';\nimport { DQAlertTooltip } from '~/components/StatusBadge/components/DQAlertTooltip';\nimport { DQStatusIcon } from '~/components/StatusBadge/components/DQStatusIcon';\nimport { getCategoryIconType } from '~/components/StatusBadge/utils';\n\ntype DQAccordionDetailsContentProps = { assets: AssetItem[] };\n\ntype GetAlertPropsType = (state: AlertState) => {\n  alert: Alert;\n  alertsNum: number;\n  alertState: AlertState;\n  isIssueData: boolean;\n  linkToDQPage: string;\n};\n\nexport const DQAccordionDetailsContent = ({\n  assets,\n}: DQAccordionDetailsContentProps): JSX.Element => {\n  const classes = useDQUnvalidatedContentStyles({});\n\n  const assetsGroupedByCategory = assets.reduce<Record<string, AssetItem[]>>((acc, curr) => {\n    if (!acc[curr.alert.category]) acc[curr.alert.category] = [];\n\n    acc[curr.alert.category] = [...acc[curr.alert.category], curr];\n    return acc;\n  }, {});\n\n  return (\n    <div>\n      {Object.keys(assetsGroupedByCategory).map(categoryKey => {\n        const categoryIconType = getCategoryIconType(assetsGroupedByCategory[categoryKey]);\n        return (\n          <Accordion key={categoryKey}>\n            <AccordionSummary\n              className={classNames('left', classes.categoryName)}\n              expandIcon={<ExpandMoreIcon />}\n            >\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                gridColumnGap={4}\n                width={200}\n              >\n                <span>{`${categoryKey} (${assetsGroupedByCategory[categoryKey].length})`}</span>\n                <DQStatusIcon color={categoryIconType} iconType={categoryIconType} />\n              </Box>\n            </AccordionSummary>\n            <AccordionDetails>\n              <div className={classes.assetTable}>\n                {assetsGroupedByCategory[categoryKey].map(\n                  ({ id, name, issuesNum, missingNum, isResolved, alert, linkToDQPage }: AssetItem) => {\n                    const getAlertProps: GetAlertPropsType = state => ({\n                      alert,\n                      alertsNum: state === ALERT_STATES.issue ? issuesNum : missingNum,\n                      alertState:\n                        state === ALERT_STATES.issue ? ALERT_STATES.issue : ALERT_STATES.missing,\n                      isIssueData: issuesNum > 0,\n                      linkToDQPage,\n                    });\n                    const issueAlertProps = getAlertProps(ALERT_STATES.issue);\n                    const missingAlertProps = getAlertProps(ALERT_STATES.missing);\n\n                    return (\n                      <div className={classes.assetWrapper} key={id}>\n                        <div className={classNames(classes.assetName, classes.assetCell)}>\n                          {name}\n                        </div>\n                        {isResolved ? (\n                          <div className={classes.assetCell}>\n                            <DQAlertTooltip {...issueAlertProps} />\n                          </div>\n                        ) : (\n                          <>\n                            {issuesNum > 0 && (\n                              <div className={classes.assetCell}>\n                                <DQAlertTooltip {...issueAlertProps} />\n                              </div>\n                            )}\n                            {missingNum > 0 && (\n                              <div className={classes.assetCell}>\n                                <DQAlertTooltip {...missingAlertProps} />\n                              </div>\n                            )}\n                          </>\n                        )}\n                      </div>\n                    );\n                  }\n                )}\n              </div>\n            </AccordionDetails>\n          </Accordion>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["DQAccordionDetailsContent","_ref","assets","classes","useDQUnvalidatedContentStyles","assetsGroupedByCategory","reduce","acc","curr","alert","category","_jsx","children","Object","keys","map","categoryKey","categoryIconType","getCategoryIconType","_jsxs","Accordion","AccordionSummary","className","classNames","categoryName","expandIcon","ExpandMoreIcon","Box","display","alignItems","justifyContent","gridColumnGap","width","concat","length","DQStatusIcon","color","iconType","AccordionDetails","assetTable","_ref2","id","name","issuesNum","missingNum","isResolved","linkToDQPage","getAlertProps","state","alertsNum","ALERT_STATES","issue","alertState","missing","isIssueData","issueAlertProps","missingAlertProps","assetWrapper","assetName","assetCell","DQAlertTooltip","_objectSpread","_Fragment"],"mappings":"6pCAmBaA,IAAAA,EAA4B,SAEUC,GAAA,IADjDC,IAAAA,OAEMC,EAAUC,EAA8B,CAAA,GAExCC,EAA0BH,EAAOI,QAAoC,SAACC,EAAKC,GAI/E,OAHKD,EAAIC,EAAKC,MAAMC,YAAWH,EAAIC,EAAKC,MAAMC,UAAY,IAE1DH,EAAIC,EAAKC,MAAMC,UAAgBH,GAAAA,OAAAA,EAAAA,EAAIC,EAAKC,MAAMC,WAAS,CAAEF,IAClDD,CACR,GAAE,CAAE,GAEL,OACEI,EAAA,MAAA,CAAAC,SACGC,OAAOC,KAAKT,GAAyBU,KAAI,SAAAC,GACxC,IAAMC,EAAmBC,EAAoBb,EAAwBW,IACrE,OACEG,EAACC,EAAS,CAAAR,SAAA,CACRD,EAACU,EAAgB,CACfC,UAAWC,EAAW,OAAQpB,EAAQqB,cACtCC,WAAYd,EAACe,EAAkB,IAAAd,SAE/BO,EAACQ,EAAG,CACFC,QAAQ,OACRC,WAAW,SACXC,eAAe,gBACfC,cAAe,EACfC,MAAO,IAAIpB,SAEX,CAAAD,EAAA,OAAA,CAAAC,SAAA,GAAAqB,OAAUjB,EAAgBX,MAAAA,OAAAA,EAAwBW,GAAakB,OAAM,OACrEvB,EAACwB,EAAY,CAACC,MAAOnB,EAAkBoB,SAAUpB,SAGrDN,EAAC2B,EAAgB,CAAA1B,SACfD,EAAA,MAAA,CAAKW,UAAWnB,EAAQoC,WAAW3B,SAChCP,EAAwBW,GAAaD,KACpC,SAAqFyB,GAAA,IAAlFC,IAAAA,GAAIC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,WAAYC,IAAAA,WAAYpC,IAAAA,MAAOqC,IAAAA,aAC/CC,EAAmC,SAAAC,GAAK,MAAK,CACjDvC,MAAAA,EACAwC,UAAWD,IAAUE,EAAaC,MAAQR,EAAYC,EACtDQ,WACEJ,IAAUE,EAAaC,MAAQD,EAAaC,MAAQD,EAAaG,QACnEC,YAAaX,EAAY,EACzBG,aAAAA,IAEIS,EAAkBR,EAAcG,EAAaC,OAC7CK,EAAoBT,EAAcG,EAAaG,SAErD,OACElC,EAAA,MAAA,CAAKG,UAAWnB,EAAQsD,aAAa7C,SACnC,CAAAD,EAAA,MAAA,CAAKW,UAAWC,EAAWpB,EAAQuD,UAAWvD,EAAQwD,WAAW/C,SAC9D8B,IAEFG,EACClC,EAAA,MAAA,CAAKW,UAAWnB,EAAQwD,UAAU/C,SAChCD,EAACiD,EAAcC,EAAA,CAAA,EAAKN,MAGtBpC,EAAA2C,EAAA,CAAAlD,SACG+B,CAAAA,EAAY,GACXhC,EAAA,MAAA,CAAKW,UAAWnB,EAAQwD,UAAU/C,SAChCD,EAACiD,EAAcC,EAAA,CAAA,EAAKN,MAGvBX,EAAa,GACZjC,EAAA,MAAA,CAAKW,UAAWnB,EAAQwD,UAAU/C,SAChCD,EAACiD,EAAcC,EAAA,CAAA,EAAKL,WAjBaf,YAhCvCzB,OAiE1B"}
+{"version":3,"file":"DQAccordionDetailsContent.js","sources":["../../../../src/components/StatusBadge/components/DQAccordionDetailsContent.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Accordion, AccordionDetails, AccordionSummary, Box } from '@material-ui/core';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { useDQUnvalidatedContentStyles } from '~/components/StatusBadge/styles';\nimport { ALERT_STATES, Alert, AlertState, AssetItem } from '~/components/StatusBadge/constants';\nimport { DQAlertTooltip } from '~/components/StatusBadge/components/DQAlertTooltip';\nimport { DQStatusIcon } from '~/components/StatusBadge/components/DQStatusIcon';\nimport { getCategoryIconType } from '~/components/StatusBadge/utils';\n\ntype DQAccordionDetailsContentProps = { assets: AssetItem[] };\n\ntype GetAlertPropsType = (state: AlertState) => {\n  alert: Alert;\n  alertsNum: number;\n  alertState: AlertState;\n  isIssueData: boolean;\n  linkToDQPage: string;\n};\n\nexport const DQAccordionDetailsContent = ({\n  assets,\n}: DQAccordionDetailsContentProps): JSX.Element => {\n  const classes = useDQUnvalidatedContentStyles({});\n\n  const assetsGroupedByCategory = assets.reduce<Record<string, AssetItem[]>>((acc, curr) => {\n    if (!acc[curr.alert.category]) acc[curr.alert.category] = [];\n\n    acc[curr.alert.category] = [...acc[curr.alert.category], curr];\n    return acc;\n  }, {});\n\n  return (\n    <div>\n      {Object.keys(assetsGroupedByCategory).map(categoryKey => {\n        const categoryIconType = getCategoryIconType(assetsGroupedByCategory[categoryKey]);\n        return (\n          <Accordion key={categoryKey}>\n            <AccordionSummary\n              className={classNames('left', classes.categoryName)}\n              expandIcon={<ExpandMoreIcon />}\n            >\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                gridColumnGap={4}\n                width={200}\n              >\n                <span>{`${categoryKey} (${assetsGroupedByCategory[categoryKey].length})`}</span>\n                <DQStatusIcon color={categoryIconType} iconType={categoryIconType} />\n              </Box>\n            </AccordionSummary>\n            <AccordionDetails>\n              <div className={classes.assetTable}>\n                {assetsGroupedByCategory[categoryKey].map(\n                  ({\n                    id,\n                    name,\n                    issuesNum,\n                    missingNum,\n                    isResolved,\n                    alert,\n                    linkToDQPage,\n                  }: AssetItem) => {\n                    const getAlertProps: GetAlertPropsType = state => ({\n                      alert,\n                      alertsNum: state === ALERT_STATES.issue ? issuesNum : missingNum,\n                      alertState:\n                        state === ALERT_STATES.issue ? ALERT_STATES.issue : ALERT_STATES.missing,\n                      isIssueData: issuesNum > 0,\n                      linkToDQPage,\n                    });\n                    const issueAlertProps = getAlertProps(ALERT_STATES.issue);\n                    const missingAlertProps = getAlertProps(ALERT_STATES.missing);\n\n                    return (\n                      <div className={classes.assetWrapper} key={id}>\n                        <div className={classNames(classes.assetName, classes.assetCell)}>\n                          {name}\n                        </div>\n                        {isResolved ? (\n                          <div className={classes.assetCell}>\n                            <DQAlertTooltip {...issueAlertProps} />\n                          </div>\n                        ) : (\n                          <>\n                            {issuesNum > 0 && (\n                              <div className={classes.assetCell}>\n                                <DQAlertTooltip {...issueAlertProps} />\n                              </div>\n                            )}\n                            {missingNum > 0 && (\n                              <div className={classes.assetCell}>\n                                <DQAlertTooltip {...missingAlertProps} />\n                              </div>\n                            )}\n                          </>\n                        )}\n                      </div>\n                    );\n                  }\n                )}\n              </div>\n            </AccordionDetails>\n          </Accordion>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["DQAccordionDetailsContent","_ref","assets","classes","useDQUnvalidatedContentStyles","assetsGroupedByCategory","reduce","acc","curr","alert","category","_jsx","children","Object","keys","map","categoryKey","categoryIconType","getCategoryIconType","_jsxs","Accordion","AccordionSummary","className","classNames","categoryName","expandIcon","ExpandMoreIcon","Box","display","alignItems","justifyContent","gridColumnGap","width","concat","length","DQStatusIcon","color","iconType","AccordionDetails","assetTable","_ref2","id","name","issuesNum","missingNum","isResolved","linkToDQPage","getAlertProps","state","alertsNum","ALERT_STATES","issue","alertState","missing","isIssueData","issueAlertProps","missingAlertProps","assetWrapper","assetName","assetCell","DQAlertTooltip","_objectSpread","_Fragment"],"mappings":"0pCAmBaA,IAAAA,EAA4B,SAEUC,GAAA,IADjDC,IAAAA,OAEMC,EAAUC,EAA8B,CAAA,GAExCC,EAA0BH,EAAOI,QAAoC,SAACC,EAAKC,GAI/E,OAHKD,EAAIC,EAAKC,MAAMC,YAAWH,EAAIC,EAAKC,MAAMC,UAAY,IAE1DH,EAAIC,EAAKC,MAAMC,UAAgBH,GAAAA,OAAAA,EAAAA,EAAIC,EAAKC,MAAMC,WAAS,CAAEF,IAClDD,CACR,GAAE,CAAE,GAEL,OACEI,EAAA,MAAA,CAAAC,SACGC,OAAOC,KAAKT,GAAyBU,KAAI,SAAAC,GACxC,IAAMC,EAAmBC,EAAoBb,EAAwBW,IACrE,OACEG,EAACC,EAAS,CAAAR,SAAA,CACRD,EAACU,EAAgB,CACfC,UAAWC,EAAW,OAAQpB,EAAQqB,cACtCC,WAAYd,EAACe,EAAkB,IAAAd,SAE/BO,EAACQ,EAAG,CACFC,QAAQ,OACRC,WAAW,SACXC,eAAe,gBACfC,cAAe,EACfC,MAAO,IAAIpB,SAEX,CAAAD,EAAA,OAAA,CAAAC,SAAA,GAAAqB,OAAUjB,EAAgBX,MAAAA,OAAAA,EAAwBW,GAAakB,OAAM,OACrEvB,EAACwB,EAAY,CAACC,MAAOnB,EAAkBoB,SAAUpB,SAGrDN,EAAC2B,EAAgB,CAAA1B,SACfD,EAAA,MAAA,CAAKW,UAAWnB,EAAQoC,WAAW3B,SAChCP,EAAwBW,GAAaD,KACpC,SAQiByB,GAAA,IAPfC,IAAAA,GACAC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,WACAC,IAAAA,WACApC,IAAAA,MACAqC,IAAAA,aAEMC,EAAmC,SAAAC,GAAK,MAAK,CACjDvC,MAAAA,EACAwC,UAAWD,IAAUE,EAAaC,MAAQR,EAAYC,EACtDQ,WACEJ,IAAUE,EAAaC,MAAQD,EAAaC,MAAQD,EAAaG,QACnEC,YAAaX,EAAY,EACzBG,aAAAA,IAEIS,EAAkBR,EAAcG,EAAaC,OAC7CK,EAAoBT,EAAcG,EAAaG,SAErD,OACElC,EAAA,MAAA,CAAKG,UAAWnB,EAAQsD,aAAa7C,SACnC,CAAAD,EAAA,MAAA,CAAKW,UAAWC,EAAWpB,EAAQuD,UAAWvD,EAAQwD,WAAW/C,SAC9D8B,IAEFG,EACClC,EAAA,MAAA,CAAKW,UAAWnB,EAAQwD,UAAU/C,SAChCD,EAACiD,EAAcC,EAAA,CAAA,EAAKN,MAGtBpC,EAAA2C,EAAA,CAAAlD,SACG+B,CAAAA,EAAY,GACXhC,EAAA,MAAA,CAAKW,UAAWnB,EAAQwD,UAAU/C,SAChCD,EAACiD,EAAcC,EAAA,CAAA,EAAKN,MAGvBX,EAAa,GACZjC,EAAA,MAAA,CAAKW,UAAWnB,EAAQwD,UAAU/C,SAChCD,EAACiD,EAAcC,EAAA,CAAA,EAAKL,WAjBaf,YAxCvCzB,OAyE1B"}

package/components/Template/TemplatePopover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkDnC,iBAAS,eAAe,CAAC,EACvB,WAAW,EAEX,IAAI,EACJ,QAAe,EACf,YAAqD,EACrD,eAA2D,EAC3D,OAAO,EAEP,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,OAAe,EACf,OAAO,EAAE,eAAkD,EAE3D,WAAmB,EACnB,UAAU,EACV,QAAgB,EAChB,oBAA4B,GAC7B;;;;;;;;;;;;;;;;;;;;;;;;CAAA,+BAwTA;kBAnVQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8XT,eAAe"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAgDnC,iBAAS,eAAe,CAAC,EACvB,WAAW,EAEX,IAAI,EACJ,QAAe,EACf,YAAqD,EACrD,eAA2D,EAC3D,OAAO,EAEP,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,OAAe,EACf,OAAO,EAAE,eAAkD,EAE3D,WAAmB,EACnB,UAAU,EACV,QAAgB,EAChB,oBAA4B,GAC7B;;;;;;;;;;;;;;;;;;;;;;;;CAAA,+BAwTA;kBAnVQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8XT,eAAe"}

package/components/Template/TemplatePopover/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as n,useEffect as i,useMemo as a,Fragment as r}from"react";import o from"prop-types";import{Popover as l,Typography as c,CircularProgress as s,Tooltip as p,List as m,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import{Check as h,LayersClear as g,AddCircle as v,Layers as N,Close as y,Delete as T,Edit as S,FileCopy as b,Share as O}from"@material-ui/icons";import C from"classnames";import{get as I,omit as E}from"lodash";import R from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as D}from"./Styles.js";import{jsxs as P,jsx as q,Fragment as j}from"react/jsx-runtime";var k,L;function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){t(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var U="USER",A="DEFAULT",B="SHARED",W=(t(k={},U,"No templates yet..."),t(k,A,"No templates yet..."),t(k,B,"No shared templates yet..."),k),x=(t(L={},U,"My Template"),t(L,A,"Default Templates"),t(L,B,"Shared With Me"),L);function F(o){var k,L=o.currentUser,z=o.open,F=o.anchorEl,K=void 0===F?null:F,J=o.anchorOrigin,Q=void 0===J?H:J,V=o.transformOrigin,X=void 0===V?M:V,Y=o.onClose,Z=o.templates,$=o.activeTemplateId,_=o.getDefaultTemplates,ee=o.getUserTemplates,te=o.getSharedTemplates,ne=o.onAddNewTemplate,ie=o.onTemplateDelete,ae=o.onTemplateCopy,re=o.onTemplateEdit,oe=o.onTemplateShare,le=o.onActiveTemplateChange,ce=o.loading,se=void 0!==ce&&ce,pe=o.classes,me=void 0===pe?G:pe,de=o.hasNameSlot,ue=void 0!==de&&de,fe=o.renderSlot,he=o.readOnly,ge=void 0!==he&&he,ve=o.hideDefaultTemplates,Ne=void 0!==ve&&ve,ye=D(),Te=n(Z),Se=e(Te,2),be=Se[0],Oe=Se[1],Ce=n(null),Ie=e(Ce,2),Ee=Ie[0],Re=Ie[1],De=n({}),Pe=e(De,2),qe=Pe[0],je=Pe[1];i((function(){Oe(Z)}),[Z]);var ke=a((function(){var e=[{type:U,templatesList:ee(be)}];return Ne||e.push({type:A,templatesList:_(be)}),ge||e.push({type:B,templatesList:te(be)}),e}),[be,ge,Ne]),Le=function(e){return function(){le(e)}},ze=function(e,t){return function(n){n.stopPropagation(),ge||t(e)}},we=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Ue=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=be.find((function(t){return t.id===e}));re(E(n,["prevName","isEditing"]))}},Ae=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},Be=function(e){return function(t){if("Enter"===t.key){Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=be.find((function(t){return t.id===e}));re(E(n,["prevName","isEditing"]))}}},We=function(e){return function(t){t.stopPropagation();var n=be.find((function(t){return t.id===e}));Re(n)}},xe=function(){Re(null)};return P(l,{id:"app-settings-template-popper",classes:{paper:C(ye.paper,me.paper)},open:z,anchorEl:K,onClose:Y,anchorOrigin:Q,transformOrigin:X,children:[P("div",{className:ye.paperWrapper,children:[P("div",{className:ye.titleWrapper,children:[q(c,{className:ye.title,children:"Templates"}),se&&q(s,{size:16})]}),q("div",{className:C(ye.selectedGroup,(k={},t(k,ye.selectedGroupSelected,-100===$),t(k,ye.selectedGroupUnSelected,-100!==$),k)),onClick:Le(-100),children:P("div",{className:ye.noTemplateItem,children:[q(-100===$?h:g,{fontSize:"small",className:ye.selectedIcon}),q("div",{className:ye.selectedLabel,children:"No Template Selected"})]})}),ke.map((function(e){var n=e.type,i=e.templatesList;return P(r,{children:[P("div",{className:ye.templateHeader,children:[q(c,{className:ye.subtitle,children:x[n]}),n===U&&!ge&&q(p,{title:"Create Template",placement:"right",children:q(v,{fontSize:"small",color:"primary",className:ye.addNewTemplateIcon,onClick:ne})})]}),0===i.length?q(c,{className:ye.noTemplateLabel,children:W[n]}):q(m,{className:ye.templateList,children:i.map((function(e){var i,a,r;return q(p,{title:e.disabled?e.tooltipTitle:"",children:P(d,{className:C(ye.templateListItem,(i={},t(i,ye.templateListItemSelected,e.id===$),t(i,ye.templateListItemUnSelected,e.id!==$),i)),onClick:e.disabled?null:Le(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===$?q(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})):q(N,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?q(u,{autoFocus:!0,className:ye.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),be.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?je(w(w({},qe),{},t({},r,"Duplicated name"))):je(w(w({},qe),{},t({},r,null))),Oe(be.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:Be(e.id),error:!!qe[e.id],helperText:qe[e.id]}):q(c,{className:ye.templateListItemName,children:e.name}),e.isEditing?null:ue&&fe(I(e,["settings","data"],[])),e.isEditing?P("div",{className:C(ye.actionWrapper,ye.actionWrapperEditing),children:[q(p,{title:"Save",children:q(f,{className:ye.actionIconButton,onClick:Ue(e.id),children:q(h,{fontSize:"small",color:"primary"})})}),q(p,{title:"Cancel",children:q(f,{className:ye.actionIconButton,onClick:Ae(e.id),children:q(y,{className:ye.actionIcon,fontSize:"small"})})})]}):q("div",{className:C(ye.actionWrapper,t({},ye.actionWrapperHidden,e.disabled||ge)),children:n===U?P(j,{children:[q(p,{title:"Delete",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ie),children:q(T,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Rename",children:q(f,{className:ye.actionIconButton,onClick:we(e.id),children:q(S,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Copy",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(b,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Share",children:q(f,{className:ye.actionIconButton,onClick:We(e.id),children:q(O,{className:ye.actionIcon,fontSize:"small"})})})]}):q(p,{title:"Copy To My Templates",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(b,{className:ye.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),q(R,{title:'Share "'.concat(I(Ee,"name"),'"'),open:!!Ee,onSave:function(e){Ee&&oe(Ee.id,e),xe()},onCancel:xe,currentUser:L})]})}F.propTypes={open:o.bool.isRequired,anchorEl:o.node,anchorOrigin:o.shape({}),transformOrigin:o.shape({}),onClose:o.func.isRequired,templates:o.arrayOf(o.shape({id:o.number,name:o.string,settings:o.shape({}),shared:o.bool})).isRequired,activeTemplateId:o.number.isRequired,getDefaultTemplates:o.func.isRequired,getUserTemplates:o.func.isRequired,getSharedTemplates:o.func.isRequired,onAddNewTemplate:o.func.isRequired,onTemplateDelete:o.func.isRequired,onTemplateCopy:o.func.isRequired,onTemplateEdit:o.func.isRequired,onTemplateShare:o.func.isRequired,onActiveTemplateChange:o.func.isRequired,loading:o.bool,classes:o.shape({paper:o.string}),hasNameSlot:o.bool,renderSlot:o.func.isRequired,currentUser:o.shape({}).isRequired,readOnly:o.bool,hideDefaultTemplates:o.bool};var G={},H={},M={};export{F as default};
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as i,useEffect as n,useMemo as a,Fragment as r}from"react";import o from"prop-types";import{Popover as l,Typography as c,CircularProgress as s,Tooltip as m,List as p,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import h from"@material-ui/icons/Layers";import g from"@material-ui/icons/LayersClear";import v from"@material-ui/icons/AddCircle";import N from"@material-ui/icons/Check";import y from"@material-ui/icons/Delete";import T from"@material-ui/icons/Edit";import S from"@material-ui/icons/Share";import b from"@material-ui/icons/Close";import C from"@material-ui/icons/FileCopy";import O from"classnames";import{get as E,omit as I}from"lodash";import D from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as R}from"./Styles.js";import{jsxs as P,jsx as q,Fragment as L}from"react/jsx-runtime";var j,k;function z(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function w(e){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?z(Object(n),!0).forEach((function(i){t(e,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U="USER",A="DEFAULT",B="SHARED",W=(t(j={},U,"No templates yet..."),t(j,A,"No templates yet..."),t(j,B,"No shared templates yet..."),j),x=(t(k={},U,"My Template"),t(k,A,"Default Templates"),t(k,B,"Shared With Me"),k);function F(o){var j,k=o.currentUser,z=o.open,F=o.anchorEl,K=void 0===F?null:F,J=o.anchorOrigin,Q=void 0===J?H:J,V=o.transformOrigin,X=void 0===V?M:V,Y=o.onClose,Z=o.templates,$=o.activeTemplateId,_=o.getDefaultTemplates,ee=o.getUserTemplates,te=o.getSharedTemplates,ie=o.onAddNewTemplate,ne=o.onTemplateDelete,ae=o.onTemplateCopy,re=o.onTemplateEdit,oe=o.onTemplateShare,le=o.onActiveTemplateChange,ce=o.loading,se=void 0!==ce&&ce,me=o.classes,pe=void 0===me?G:me,de=o.hasNameSlot,ue=void 0!==de&&de,fe=o.renderSlot,he=o.readOnly,ge=void 0!==he&&he,ve=o.hideDefaultTemplates,Ne=void 0!==ve&&ve,ye=R(),Te=i(Z),Se=e(Te,2),be=Se[0],Ce=Se[1],Oe=i(null),Ee=e(Oe,2),Ie=Ee[0],De=Ee[1],Re=i({}),Pe=e(Re,2),qe=Pe[0],Le=Pe[1];n((function(){Ce(Z)}),[Z]);var je=a((function(){var e=[{type:U,templatesList:ee(be)}];return Ne||e.push({type:A,templatesList:_(be)}),ge||e.push({type:B,templatesList:te(be)}),e}),[be,ge,Ne]),ke=function(e){return function(){le(e)}},ze=function(e,t){return function(i){i.stopPropagation(),ge||t(e)}},we=function(e){return function(t){t.stopPropagation(),Ce(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Ue=function(e){return function(t){t.stopPropagation(),Ce(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var i=be.find((function(t){return t.id===e}));re(I(i,["prevName","isEditing"]))}},Ae=function(e){return function(t){t.stopPropagation(),Ce(be.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},Be=function(e){return function(t){if("Enter"===t.key){Ce(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var i=be.find((function(t){return t.id===e}));re(I(i,["prevName","isEditing"]))}}},We=function(e){return function(t){t.stopPropagation();var i=be.find((function(t){return t.id===e}));De(i)}},xe=function(){De(null)};return P(l,{id:"app-settings-template-popper",classes:{paper:O(ye.paper,pe.paper)},open:z,anchorEl:K,onClose:Y,anchorOrigin:Q,transformOrigin:X,children:[P("div",{className:ye.paperWrapper,children:[P("div",{className:ye.titleWrapper,children:[q(c,{className:ye.title,children:"Templates"}),se&&q(s,{size:16})]}),q("div",{className:O(ye.selectedGroup,(j={},t(j,ye.selectedGroupSelected,-100===$),t(j,ye.selectedGroupUnSelected,-100!==$),j)),onClick:ke(-100),children:P("div",{className:ye.noTemplateItem,children:[q(-100===$?N:g,{fontSize:"small",className:ye.selectedIcon}),q("div",{className:ye.selectedLabel,children:"No Template Selected"})]})}),je.map((function(e){var i=e.type,n=e.templatesList;return P(r,{children:[P("div",{className:ye.templateHeader,children:[q(c,{className:ye.subtitle,children:x[i]}),i===U&&!ge&&q(m,{title:"Create Template",placement:"right",children:q(v,{fontSize:"small",color:"primary",className:ye.addNewTemplateIcon,onClick:ie})})]}),0===n.length?q(c,{className:ye.noTemplateLabel,children:W[i]}):q(p,{className:ye.templateList,children:n.map((function(e){var n,a,r;return q(m,{title:e.disabled?e.tooltipTitle:"",children:P(d,{className:O(ye.templateListItem,(n={},t(n,ye.templateListItemSelected,e.id===$),t(n,ye.templateListItemUnSelected,e.id!==$),n)),onClick:e.disabled?null:ke(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===$?q(N,w({fontSize:"small"},e.isEditing&&{color:"primary"})):q(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?q(u,{autoFocus:!0,className:ye.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),be.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?Le(w(w({},qe),{},t({},r,"Duplicated name"))):Le(w(w({},qe),{},t({},r,null))),Ce(be.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:Be(e.id),error:!!qe[e.id],helperText:qe[e.id]}):q(c,{className:ye.templateListItemName,children:e.name}),e.isEditing?null:ue&&fe(E(e,["settings","data"],[])),e.isEditing?P("div",{className:O(ye.actionWrapper,ye.actionWrapperEditing),children:[q(m,{title:"Save",children:q(f,{className:ye.actionIconButton,onClick:Ue(e.id),children:q(N,{fontSize:"small",color:"primary"})})}),q(m,{title:"Cancel",children:q(f,{className:ye.actionIconButton,onClick:Ae(e.id),children:q(b,{className:ye.actionIcon,fontSize:"small"})})})]}):q("div",{className:O(ye.actionWrapper,t({},ye.actionWrapperHidden,e.disabled||ge)),children:i===U?P(L,{children:[q(m,{title:"Delete",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ne),children:q(y,{className:ye.actionIcon,fontSize:"small"})})}),q(m,{title:"Rename",children:q(f,{className:ye.actionIconButton,onClick:we(e.id),children:q(T,{className:ye.actionIcon,fontSize:"small"})})}),q(m,{title:"Copy",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(C,{className:ye.actionIcon,fontSize:"small"})})}),q(m,{title:"Share",children:q(f,{className:ye.actionIconButton,onClick:We(e.id),children:q(S,{className:ye.actionIcon,fontSize:"small"})})})]}):q(m,{title:"Copy To My Templates",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(C,{className:ye.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(i))}))]}),q(D,{title:'Share "'.concat(E(Ie,"name"),'"'),open:!!Ie,onSave:function(e){Ie&&oe(Ie.id,e),xe()},onCancel:xe,currentUser:k})]})}F.propTypes={open:o.bool.isRequired,anchorEl:o.node,anchorOrigin:o.shape({}),transformOrigin:o.shape({}),onClose:o.func.isRequired,templates:o.arrayOf(o.shape({id:o.number,name:o.string,settings:o.shape({}),shared:o.bool})).isRequired,activeTemplateId:o.number.isRequired,getDefaultTemplates:o.func.isRequired,getUserTemplates:o.func.isRequired,getSharedTemplates:o.func.isRequired,onAddNewTemplate:o.func.isRequired,onTemplateDelete:o.func.isRequired,onTemplateCopy:o.func.isRequired,onTemplateEdit:o.func.isRequired,onTemplateShare:o.func.isRequired,onActiveTemplateChange:o.func.isRequired,loading:o.bool,classes:o.shape({paper:o.string}),hasNameSlot:o.bool,renderSlot:o.func.isRequired,currentUser:o.shape({}).isRequired,readOnly:o.bool,hideDefaultTemplates:o.bool};var G={},H={},M={};export{F as default};
 //# sourceMappingURL=index.js.map

package/components/Template/TemplatePopover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Typography,\n  IconButton,\n  List,\n  ListItem,\n  TextField,\n  Popover,\n  CircularProgress,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  Layers as LayersIcon,\n  LayersClear as LayersClearIcon,\n  AddCircle as AddCircleIcon,\n  Check as CheckIcon,\n  Delete as DeleteIcon,\n  Edit as EditIcon,\n  Share as ShareIcon,\n  Close as CloseIcon,\n  FileCopy as CopyIcon,\n} from '@material-ui/icons';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\n\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n  USER: 'USER',\n  DEFAULT: 'DEFAULT',\n  SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n  [TEMPLATE_TYPES.USER]: 'No templates yet...',\n  [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n  [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n  [TEMPLATE_TYPES.USER]: 'My Template',\n  [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n  [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n  currentUser,\n  // popover\n  open,\n  anchorEl = null,\n  anchorOrigin = DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN,\n  transformOrigin = DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN,\n  onClose,\n  // templates\n  templates,\n  activeTemplateId,\n  getDefaultTemplates,\n  getUserTemplates,\n  getSharedTemplates,\n  onAddNewTemplate,\n  onTemplateDelete,\n  onTemplateCopy,\n  onTemplateEdit,\n  onTemplateShare,\n  onActiveTemplateChange,\n  loading = false,\n  classes: customMuiStyles = DEFAULT_TEMPLATE_POPOVER_CLASSES,\n  // custome slot\n  hasNameSlot = false,\n  renderSlot,\n  readOnly = false,\n  hideDefaultTemplates = false,\n}) {\n  const classes = useTemplatePopoverStyles();\n  const [allTemplates, setAllTemplates] = useState(templates);\n  const [templateToShare, setTemplateToShare] = useState(null);\n  const [error, setError] = useState({});\n  useEffect(() => {\n    setAllTemplates(templates);\n  }, [templates]);\n\n  // NOTE: Group template by type\n  const groupedTemplates = useMemo(() => {\n    const groups = [\n      {\n        type: TEMPLATE_TYPES.USER,\n        templatesList: getUserTemplates(allTemplates),\n      },\n    ];\n    if (!hideDefaultTemplates)\n      groups.push({\n        type: TEMPLATE_TYPES.DEFAULT,\n        templatesList: getDefaultTemplates(allTemplates),\n      });\n    if (!readOnly)\n      groups.push({\n        type: TEMPLATE_TYPES.SHARED,\n        templatesList: getSharedTemplates(allTemplates),\n      });\n    return groups;\n  }, [allTemplates, readOnly, hideDefaultTemplates]);\n\n  const handleClickTemplate = nextActiveTemplateId => () => {\n    onActiveTemplateChange(nextActiveTemplateId);\n  };\n\n  const handleChange = (templateId, callback) => e => {\n    e.stopPropagation();\n    if (!readOnly) callback(templateId);\n  };\n\n  // NOTE: Handlers for template name change\n  const handleTemplateNameEdit = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n      )\n    );\n  };\n  const handleTemplateNameChange = templateId => e => {\n    e.stopPropagation();\n\n    const allTemplateNames = allTemplates\n      .filter(template => template.id !== templateId)\n      .map(template => template.name);\n    if (allTemplateNames.includes(e.target.value)) {\n      setError({\n        ...error,\n        [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n      });\n    } else {\n      setError({\n        ...error,\n        [templateId]: null,\n      });\n    }\n\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n    );\n  };\n  const handleTemplateNameEditApply = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n    );\n    const currentTemplate = allTemplates.find(template => template.id === templateId);\n    onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n  };\n  const handleTemplateNameEditCancel = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n      )\n    );\n  };\n  const handleKeyDown = templateId => e => {\n    if (e.key === 'Enter') {\n      setAllTemplates(\n        allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n      );\n      const currentTemplate = allTemplates.find(template => template.id === templateId);\n      onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n    }\n  };\n\n  // NOTE: Handlers for template sharing\n  const handleTemplateSharingDialogOpen = templateId => e => {\n    e.stopPropagation();\n    const currentTemplate = allTemplates.find(item => item.id === templateId);\n    setTemplateToShare(currentTemplate);\n  };\n  const handleTemplateSharingDialogClose = () => {\n    setTemplateToShare(null);\n  };\n  const handleTemplateSharingSave = usersToShare => {\n    if (templateToShare) {\n      onTemplateShare(templateToShare.id, usersToShare);\n    }\n    handleTemplateSharingDialogClose();\n  };\n\n  return (\n    <Popover\n      id=\"app-settings-template-popper\"\n      classes={{\n        paper: classnames(classes.paper, customMuiStyles.paper),\n      }}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={anchorOrigin}\n      transformOrigin={transformOrigin}\n    >\n      <div className={classes.paperWrapper}>\n        <div className={classes.titleWrapper}>\n          <Typography className={classes.title}>Templates</Typography>\n          {loading && <CircularProgress size={16} />}\n        </div>\n\n        <div\n          className={classnames(classes.selectedGroup, {\n            [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n            [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n          })}\n          onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n        >\n          <div className={classes.noTemplateItem}>\n            {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n              <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n            ) : (\n              <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n            )}\n            <div className={classes.selectedLabel}>No Template Selected</div>\n          </div>\n        </div>\n\n        {groupedTemplates.map(({ type, templatesList }) => (\n          <Fragment key={`template-list-${type}`}>\n            <div className={classes.templateHeader}>\n              <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n              {type === TEMPLATE_TYPES.USER && !readOnly && (\n                <Tooltip title=\"Create Template\" placement=\"right\">\n                  <AddCircleIcon\n                    fontSize=\"small\"\n                    color=\"primary\"\n                    className={classes.addNewTemplateIcon}\n                    onClick={onAddNewTemplate}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {templatesList.length === 0 ? (\n              <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n            ) : (\n              <List className={classes.templateList}>\n                {templatesList.map(template => (\n                  <Tooltip\n                    key={`template-list-item-${template.id}`}\n                    title={template.disabled ? template.tooltipTitle : ''}\n                  >\n                    <ListItem\n                      className={classnames(classes.templateListItem, {\n                        [classes.templateListItemSelected]: template.id === activeTemplateId,\n                        [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n                      })}\n                      onClick={template.disabled ? null : handleClickTemplate(template.id)}\n                      disabled={template.disabled ?? false}\n                    >\n                      {template.id === activeTemplateId ? (\n                        <CheckIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      ) : (\n                        <LayersIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      )}\n\n                      {template.isEditing ? (\n                        <TextField\n                          autoFocus\n                          className={classes.templateListItemInput}\n                          value={template.name}\n                          onClick={e => e.stopPropagation()}\n                          onChange={handleTemplateNameChange(template.id)}\n                          onKeyDown={handleKeyDown(template.id)}\n                          error={!!error[template.id]}\n                          helperText={error[template.id]}\n                        />\n                      ) : (\n                        <Typography className={classes.templateListItemName}>\n                          {template.name}\n                        </Typography>\n                      )}\n\n                      {!template.isEditing\n                        ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n                        : null}\n\n                      {template.isEditing ? (\n                        <div\n                          className={classnames(\n                            classes.actionWrapper,\n                            classes.actionWrapperEditing\n                          )}\n                        >\n                          <Tooltip title=\"Save\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditApply(template.id)}\n                            >\n                              <CheckIcon fontSize=\"small\" color=\"primary\" />\n                            </IconButton>\n                          </Tooltip>\n\n                          <Tooltip title=\"Cancel\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditCancel(template.id)}\n                            >\n                              <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n                            </IconButton>\n                          </Tooltip>\n                        </div>\n                      ) : (\n                        <div\n                          className={classnames(classes.actionWrapper, {\n                            [classes.actionWrapperHidden]: template.disabled || readOnly,\n                          })}\n                        >\n                          {type === TEMPLATE_TYPES.USER ? (\n                            <>\n                              <Tooltip title=\"Delete\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateDelete)}\n                                >\n                                  <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Rename\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateNameEdit(template.id)}\n                                >\n                                  <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Copy\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateCopy)}\n                                >\n                                  <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Share\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateSharingDialogOpen(template.id)}\n                                >\n                                  <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n                            </>\n                          ) : (\n                            <Tooltip title=\"Copy To My Templates\">\n                              <IconButton\n                                className={classes.actionIconButton}\n                                onClick={handleChange(template.id, onTemplateCopy)}\n                              >\n                                <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                              </IconButton>\n                            </Tooltip>\n                          )}\n                        </div>\n                      )}\n                    </ListItem>\n                  </Tooltip>\n                ))}\n              </List>\n            )}\n          </Fragment>\n        ))}\n      </div>\n\n      <TemplateSharingDialog\n        title={`Share \"${get(templateToShare, 'name')}\"`}\n        open={!!templateToShare}\n        onSave={handleTemplateSharingSave}\n        onCancel={handleTemplateSharingDialogClose}\n        currentUser={currentUser}\n      />\n    </Popover>\n  );\n}\n\nTemplatePopover.propTypes = {\n  open: PropTypes.bool.isRequired,\n  anchorEl: PropTypes.node,\n  anchorOrigin: PropTypes.shape({}),\n  transformOrigin: PropTypes.shape({}),\n  onClose: PropTypes.func.isRequired,\n  templates: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      name: PropTypes.string,\n      settings: PropTypes.shape({}),\n      shared: PropTypes.bool,\n    })\n  ).isRequired,\n  activeTemplateId: PropTypes.number.isRequired,\n  getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n  onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n  onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n  onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n  onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n  onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n  loading: PropTypes.bool, // Template loading status\n\n  // Customize styles\n  classes: PropTypes.shape({\n    paper: PropTypes.string,\n  }),\n  hasNameSlot: PropTypes.bool,\n  renderSlot: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  readOnly: PropTypes.bool,\n  hideDefaultTemplates: PropTypes.bool,\n};\n\nconst DEFAULT_TEMPLATE_POPOVER_CLASSES = {};\nconst DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN = {};\nconst DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN = {};\n\nexport default TemplatePopover;\n"],"names":["TEMPLATE_TYPES","NO_TEMPLATE_MSG","_NO_TEMPLATE_MSG","TEMPLATE_LABELS","_TEMPLATE_LABELS","TemplatePopover","_ref","_classnames","currentUser","open","_ref$anchorEl","anchorEl","_ref$anchorOrigin","anchorOrigin","DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","_ref$loading","loading","_ref$classes","classes","customMuiStyles","DEFAULT_TEMPLATE_POPOVER_CLASSES","_ref$hasNameSlot","hasNameSlot","renderSlot","_ref$readOnly","readOnly","_ref$hideDefaultTempl","hideDefaultTemplates","useTemplatePopoverStyles","useState","_useState2","_slicedToArray","_useState","allTemplates","setAllTemplates","_useState4","_useState3","templateToShare","setTemplateToShare","_useState5","_useState6","error","setError","useEffect","groupedTemplates","useMemo","groups","type","templatesList","push","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameEditApply","currentTemplate","find","template","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","_jsxs","Popover","paper","classnames","children","className","paperWrapper","titleWrapper","_jsx","Typography","title","CircularProgress","size","selectedGroup","_defineProperty","selectedGroupSelected","selectedGroupUnSelected","onClick","noTemplateItem","CheckIcon","LayersClearIcon","fontSize","selectedIcon","selectedLabel","_ref2","Fragment","templateHeader","subtitle","Tooltip","placement","AddCircleIcon","color","addNewTemplateIcon","length","noTemplateLabel","List","templateList","_classnames2","_template$disabled","disabled","tooltipTitle","ListItem","templateListItem","templateListItemSelected","templateListItemUnSelected","_objectSpread","LayersIcon","TextField","autoFocus","templateListItemInput","value","onChange","filter","includes","target","onKeyDown","helperText","templateListItemName","get","actionWrapper","actionWrapperEditing","IconButton","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","concat","TemplateSharingDialog","onSave","usersToShare","onCancel","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Typography,\n  IconButton,\n  List,\n  ListItem,\n  TextField,\n  Popover,\n  CircularProgress,\n  Tooltip,\n} from '@material-ui/core';\nimport LayersIcon from '@material-ui/icons/Layers';\nimport LayersClearIcon from '@material-ui/icons/LayersClear';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport CheckIcon from '@material-ui/icons/Check';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport ShareIcon from '@material-ui/icons/Share';\nimport CloseIcon from '@material-ui/icons/Close';\nimport CopyIcon from '@material-ui/icons/FileCopy';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\n\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n  USER: 'USER',\n  DEFAULT: 'DEFAULT',\n  SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n  [TEMPLATE_TYPES.USER]: 'No templates yet...',\n  [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n  [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n  [TEMPLATE_TYPES.USER]: 'My Template',\n  [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n  [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n  currentUser,\n  // popover\n  open,\n  anchorEl = null,\n  anchorOrigin = DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN,\n  transformOrigin = DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN,\n  onClose,\n  // templates\n  templates,\n  activeTemplateId,\n  getDefaultTemplates,\n  getUserTemplates,\n  getSharedTemplates,\n  onAddNewTemplate,\n  onTemplateDelete,\n  onTemplateCopy,\n  onTemplateEdit,\n  onTemplateShare,\n  onActiveTemplateChange,\n  loading = false,\n  classes: customMuiStyles = DEFAULT_TEMPLATE_POPOVER_CLASSES,\n  // custome slot\n  hasNameSlot = false,\n  renderSlot,\n  readOnly = false,\n  hideDefaultTemplates = false,\n}) {\n  const classes = useTemplatePopoverStyles();\n  const [allTemplates, setAllTemplates] = useState(templates);\n  const [templateToShare, setTemplateToShare] = useState(null);\n  const [error, setError] = useState({});\n  useEffect(() => {\n    setAllTemplates(templates);\n  }, [templates]);\n\n  // NOTE: Group template by type\n  const groupedTemplates = useMemo(() => {\n    const groups = [\n      {\n        type: TEMPLATE_TYPES.USER,\n        templatesList: getUserTemplates(allTemplates),\n      },\n    ];\n    if (!hideDefaultTemplates)\n      groups.push({\n        type: TEMPLATE_TYPES.DEFAULT,\n        templatesList: getDefaultTemplates(allTemplates),\n      });\n    if (!readOnly)\n      groups.push({\n        type: TEMPLATE_TYPES.SHARED,\n        templatesList: getSharedTemplates(allTemplates),\n      });\n    return groups;\n  }, [allTemplates, readOnly, hideDefaultTemplates]);\n\n  const handleClickTemplate = nextActiveTemplateId => () => {\n    onActiveTemplateChange(nextActiveTemplateId);\n  };\n\n  const handleChange = (templateId, callback) => e => {\n    e.stopPropagation();\n    if (!readOnly) callback(templateId);\n  };\n\n  // NOTE: Handlers for template name change\n  const handleTemplateNameEdit = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n      )\n    );\n  };\n  const handleTemplateNameChange = templateId => e => {\n    e.stopPropagation();\n\n    const allTemplateNames = allTemplates\n      .filter(template => template.id !== templateId)\n      .map(template => template.name);\n    if (allTemplateNames.includes(e.target.value)) {\n      setError({\n        ...error,\n        [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n      });\n    } else {\n      setError({\n        ...error,\n        [templateId]: null,\n      });\n    }\n\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n    );\n  };\n  const handleTemplateNameEditApply = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n    );\n    const currentTemplate = allTemplates.find(template => template.id === templateId);\n    onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n  };\n  const handleTemplateNameEditCancel = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n      )\n    );\n  };\n  const handleKeyDown = templateId => e => {\n    if (e.key === 'Enter') {\n      setAllTemplates(\n        allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n      );\n      const currentTemplate = allTemplates.find(template => template.id === templateId);\n      onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n    }\n  };\n\n  // NOTE: Handlers for template sharing\n  const handleTemplateSharingDialogOpen = templateId => e => {\n    e.stopPropagation();\n    const currentTemplate = allTemplates.find(item => item.id === templateId);\n    setTemplateToShare(currentTemplate);\n  };\n  const handleTemplateSharingDialogClose = () => {\n    setTemplateToShare(null);\n  };\n  const handleTemplateSharingSave = usersToShare => {\n    if (templateToShare) {\n      onTemplateShare(templateToShare.id, usersToShare);\n    }\n    handleTemplateSharingDialogClose();\n  };\n\n  return (\n    <Popover\n      id=\"app-settings-template-popper\"\n      classes={{\n        paper: classnames(classes.paper, customMuiStyles.paper),\n      }}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={anchorOrigin}\n      transformOrigin={transformOrigin}\n    >\n      <div className={classes.paperWrapper}>\n        <div className={classes.titleWrapper}>\n          <Typography className={classes.title}>Templates</Typography>\n          {loading && <CircularProgress size={16} />}\n        </div>\n\n        <div\n          className={classnames(classes.selectedGroup, {\n            [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n            [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n          })}\n          onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n        >\n          <div className={classes.noTemplateItem}>\n            {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n              <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n            ) : (\n              <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n            )}\n            <div className={classes.selectedLabel}>No Template Selected</div>\n          </div>\n        </div>\n\n        {groupedTemplates.map(({ type, templatesList }) => (\n          <Fragment key={`template-list-${type}`}>\n            <div className={classes.templateHeader}>\n              <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n              {type === TEMPLATE_TYPES.USER && !readOnly && (\n                <Tooltip title=\"Create Template\" placement=\"right\">\n                  <AddCircleIcon\n                    fontSize=\"small\"\n                    color=\"primary\"\n                    className={classes.addNewTemplateIcon}\n                    onClick={onAddNewTemplate}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {templatesList.length === 0 ? (\n              <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n            ) : (\n              <List className={classes.templateList}>\n                {templatesList.map(template => (\n                  <Tooltip\n                    key={`template-list-item-${template.id}`}\n                    title={template.disabled ? template.tooltipTitle : ''}\n                  >\n                    <ListItem\n                      className={classnames(classes.templateListItem, {\n                        [classes.templateListItemSelected]: template.id === activeTemplateId,\n                        [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n                      })}\n                      onClick={template.disabled ? null : handleClickTemplate(template.id)}\n                      disabled={template.disabled ?? false}\n                    >\n                      {template.id === activeTemplateId ? (\n                        <CheckIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      ) : (\n                        <LayersIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      )}\n\n                      {template.isEditing ? (\n                        <TextField\n                          autoFocus\n                          className={classes.templateListItemInput}\n                          value={template.name}\n                          onClick={e => e.stopPropagation()}\n                          onChange={handleTemplateNameChange(template.id)}\n                          onKeyDown={handleKeyDown(template.id)}\n                          error={!!error[template.id]}\n                          helperText={error[template.id]}\n                        />\n                      ) : (\n                        <Typography className={classes.templateListItemName}>\n                          {template.name}\n                        </Typography>\n                      )}\n\n                      {!template.isEditing\n                        ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n                        : null}\n\n                      {template.isEditing ? (\n                        <div\n                          className={classnames(\n                            classes.actionWrapper,\n                            classes.actionWrapperEditing\n                          )}\n                        >\n                          <Tooltip title=\"Save\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditApply(template.id)}\n                            >\n                              <CheckIcon fontSize=\"small\" color=\"primary\" />\n                            </IconButton>\n                          </Tooltip>\n\n                          <Tooltip title=\"Cancel\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditCancel(template.id)}\n                            >\n                              <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n                            </IconButton>\n                          </Tooltip>\n                        </div>\n                      ) : (\n                        <div\n                          className={classnames(classes.actionWrapper, {\n                            [classes.actionWrapperHidden]: template.disabled || readOnly,\n                          })}\n                        >\n                          {type === TEMPLATE_TYPES.USER ? (\n                            <>\n                              <Tooltip title=\"Delete\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateDelete)}\n                                >\n                                  <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Rename\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateNameEdit(template.id)}\n                                >\n                                  <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Copy\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateCopy)}\n                                >\n                                  <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Share\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateSharingDialogOpen(template.id)}\n                                >\n                                  <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n                            </>\n                          ) : (\n                            <Tooltip title=\"Copy To My Templates\">\n                              <IconButton\n                                className={classes.actionIconButton}\n                                onClick={handleChange(template.id, onTemplateCopy)}\n                              >\n                                <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                              </IconButton>\n                            </Tooltip>\n                          )}\n                        </div>\n                      )}\n                    </ListItem>\n                  </Tooltip>\n                ))}\n              </List>\n            )}\n          </Fragment>\n        ))}\n      </div>\n\n      <TemplateSharingDialog\n        title={`Share \"${get(templateToShare, 'name')}\"`}\n        open={!!templateToShare}\n        onSave={handleTemplateSharingSave}\n        onCancel={handleTemplateSharingDialogClose}\n        currentUser={currentUser}\n      />\n    </Popover>\n  );\n}\n\nTemplatePopover.propTypes = {\n  open: PropTypes.bool.isRequired,\n  anchorEl: PropTypes.node,\n  anchorOrigin: PropTypes.shape({}),\n  transformOrigin: PropTypes.shape({}),\n  onClose: PropTypes.func.isRequired,\n  templates: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      name: PropTypes.string,\n      settings: PropTypes.shape({}),\n      shared: PropTypes.bool,\n    })\n  ).isRequired,\n  activeTemplateId: PropTypes.number.isRequired,\n  getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n  onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n  onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n  onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n  onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n  onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n  loading: PropTypes.bool, // Template loading status\n\n  // Customize styles\n  classes: PropTypes.shape({\n    paper: PropTypes.string,\n  }),\n  hasNameSlot: PropTypes.bool,\n  renderSlot: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  readOnly: PropTypes.bool,\n  hideDefaultTemplates: PropTypes.bool,\n};\n\nconst DEFAULT_TEMPLATE_POPOVER_CLASSES = {};\nconst DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN = {};\nconst DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN = {};\n\nexport default TemplatePopover;\n"],"names":["TEMPLATE_TYPES","NO_TEMPLATE_MSG","_NO_TEMPLATE_MSG","TEMPLATE_LABELS","_TEMPLATE_LABELS","TemplatePopover","_ref","_classnames","currentUser","open","_ref$anchorEl","anchorEl","_ref$anchorOrigin","anchorOrigin","DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","_ref$loading","loading","_ref$classes","classes","customMuiStyles","DEFAULT_TEMPLATE_POPOVER_CLASSES","_ref$hasNameSlot","hasNameSlot","renderSlot","_ref$readOnly","readOnly","_ref$hideDefaultTempl","hideDefaultTemplates","useTemplatePopoverStyles","useState","_useState2","_slicedToArray","_useState","allTemplates","setAllTemplates","_useState4","_useState3","templateToShare","setTemplateToShare","_useState5","_useState6","error","setError","useEffect","groupedTemplates","useMemo","groups","type","templatesList","push","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameEditApply","currentTemplate","find","template","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","_jsxs","Popover","paper","classnames","children","className","paperWrapper","titleWrapper","_jsx","Typography","title","CircularProgress","size","selectedGroup","_defineProperty","selectedGroupSelected","selectedGroupUnSelected","onClick","noTemplateItem","CheckIcon","LayersClearIcon","fontSize","selectedIcon","selectedLabel","_ref2","Fragment","templateHeader","subtitle","Tooltip","placement","AddCircleIcon","color","addNewTemplateIcon","length","noTemplateLabel","List","templateList","_classnames2","_template$disabled","disabled","tooltipTitle","ListItem","templateListItem","templateListItemSelected","templateListItemUnSelected","_objectSpread","LayersIcon","TextField","autoFocus","templateListItemInput","value","onChange","filter","includes","target","onKeyDown","helperText","templateListItemName","get","actionWrapper","actionWrapperEditing","IconButton","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","concat","TemplateSharingDialog","onSave","usersToShare","onCancel","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared"],"mappings":"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"}

package/components/VirtualizedTable/VirtualizedTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAa1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgHhD,KAAK,8BAA8B,GAAG,IAAI,CACxC,qBAAqB,EACrB,cAAc,GAAG,iBAAiB,CACnC,GAAG;IACF,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAAC;IACvD,IAAI,EAAE,WAAW,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,YAAY,EAAE,WAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,WAAW,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAgTxE,CAAC;eAEa,yBAAyB"}
+{"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAW1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgHhD,KAAK,8BAA8B,GAAG,IAAI,CACxC,qBAAqB,EACrB,cAAc,GAAG,iBAAiB,CACnC,GAAG;IACF,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAAC;IACvD,IAAI,EAAE,WAAW,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,YAAY,EAAE,WAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,WAAW,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAgTxE,CAAC;eAEa,yBAAyB"}

package/components/VirtualizedTable/VirtualizedTable.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useMemo as r,useEffect as n,useCallback as i}from"react";import o from"classnames";import{List as a}from"react-window";import{makeStyles as l,Typography as c,IconButton as u,Tooltip as s}from"@material-ui/core";import{Settings as d,Sort as f,ArrowUpward as m,ArrowDownward as h}from"@material-ui/icons";import{getUnitDisplay as p}from"../../utils/convert.js";import{jsx as b,jsxs as y}from"react/jsx-runtime";function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?g(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v="ASC",x=v,_=l((function(e){var t={borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",display:"flex",flexFlow:"row nowrap",alignItems:"center"},r={minWidth:1,marginRight:10,"&:first-child":{marginLeft:10}};return{root:{display:"flex",overflow:"auto",flexFlow:"column nowrap"},row:t,cell:r,header:t,headerCell:w(w({},r),{},{display:"flex",alignItems:"center"}),sortable:{cursor:"pointer"},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}));function S(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(p(n),")"):""}function C(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function k(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var O=function(l){var p=l.columns,g=l.data,O=l.useColumnSetting,z=l.useFixedColumnWidth,N=l.onOpenSettingDlg,R=l.width,j=l.height,D=l.headerHeight,T=l.rowHeight,I=l.showTopSettingIcon,P=l.customMuiStyles,L=l.isTopSettingIconShownAlways,V=l.CustomCellRenderer,H=l.CustomHeaderCellRenderer,A=l.customRowStyle,E=l.sort,F=l.sortBy,W=l.sortDirection,B=l.onScroll,K=void 0===B?function(){}:B,G=_(),M=r((function(){return w(w({},G),P)}),[G,P]),U=r((function(){return{label:"",key:"setting",width:O?25:0}}),[O]),Z=r((function(){return p.filter((function(e){return e.show}))}),[p]),q=r((function(){return O?[].concat(e(Z),[U]):Z}),[Z,O,U]),J=r((function(){if(R<=0)return{};var e=t({},U.key,U.width),r=[];return Z.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),Z.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((R-n-U.width)/(Z.length-r.length)),o=t.minWidth||65,a=i<o?o:i;e[t.key]=a-1,r.push(a-1)})),e}),[R,Z,U]),Q=r((function(){return Object.values(J).reduce((function(e,t){return e+t}),0)}),[J]),X=L||Q-12.5>=R;n((function(){I(X)}),[X]);var Y=i((function(e){var r=e.index;return o(t({},M.oddRow,r%2==1))}),[M]),$=function(e){var t=e.label,r=e.dataKey,n=F||W||E;return H?b(H,{columnKey:r,columns:p,sortBy:F,sortDirection:W}):r===U.key?X?null:b(u,{size:"small","aria-label":"customize columns",className:M.settingIcon,onClick:N,children:b(d,{fontSize:"inherit"})}):y(c,{variant:"body2",className:o(M.headerLabel,C(p,r)),children:[t," ",b("span",{className:o(M.unitLabel,k(p,r)),children:S(p,r)}),n&&r!==F&&b(s,{title:"Sort A-Z",children:b(f,{fontSize:"small",className:G.sortIcon})}),n&&r===F&&b(W===v?m:h,{fontSize:"small",className:G.sortIcon})]})},ee=i((function(e){var t=e.ariaAttributes,r=e.style,n=e.data,i=e.tableColumns,a=e.index;return b("div",w(w({style:w(w({},r),null==A?void 0:A({index:a})),className:o(Y({index:a}),G.row,"ReactVirtualized__Table__row")},t),{},{children:i.map((function(e){var t=e.key,r=n[a],i=V?b(V,{columnKey:t,value:r[t],rowData:r,columns:p}):b(c,{variant:"body2",className:M.cellData,children:r[t]});return b("div",{className:o(G.cell,"ReactVirtualized__Table__rowColumn"),style:{flex:"0 1 ".concat(J[t],"px"),overflow:"hidden"},children:i},t)}))}))}),[V,Y,J,A,G,M.cellData,p]),te=r((function(){return{width:z?Q:R,height:j}}),[z,Q,R,j]),re=r((function(){return{data:g,tableColumns:q}}),[g,q]),ne=i((function(e){return function(t){null==E||E({defaultSortDirection:x,event:t,sortBy:e,sortDirection:e!==F||W&&W!==x?x:"DESC"})}}),[E,F,W]),ie=F||W||E;return y("div",{style:te,className:o(M.root,M.table,"ReactVirtualized__Table"),children:[b("div",{className:o(M.header,"ReactVirtualized__Table__headerRow"),style:{flex:"0 0 ".concat(D,"px")},children:q.map((function(e){return b("div",{className:o(M.headerCell,"setting"!==e.key&&E&&M.sortable,"ReactVirtualized__Table__headerColumn",ie&&"ReactVirtualized__Table__sortableHeaderColumn"),style:{flex:"0 1 ".concat(J[e.key],"px"),height:D},onClick:"setting"!==e.key?ne(e.key):void 0,children:$({label:e.label,dataKey:e.key})},e.key)}))}),b(a,{rowProps:re,rowCount:g.length,rowHeight:T,rowComponent:ee,onScroll:K,className:"ReactVirtualized__Grid ReactVirtualized__Table__Grid"})]})};export{O as VirtualizedTableComponent,O as default};
+import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useMemo as r,useEffect as n,useCallback as i}from"react";import o from"classnames";import{List as a}from"react-window";import{makeStyles as l,Typography as c,IconButton as u,Tooltip as s}from"@material-ui/core";import d from"@material-ui/icons/ArrowDownward";import f from"@material-ui/icons/ArrowUpward";import m from"@material-ui/icons/Settings";import p from"@material-ui/icons/Sort";import{getUnitDisplay as h}from"../../utils/convert.js";import{jsx as b,jsxs as y}from"react/jsx-runtime";function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?w(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v="ASC",x=v,S=l((function(e){var t={borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",display:"flex",flexFlow:"row nowrap",alignItems:"center"},r={minWidth:1,marginRight:10,"&:first-child":{marginLeft:10}};return{root:{display:"flex",overflow:"auto",flexFlow:"column nowrap"},row:t,cell:r,header:t,headerCell:g(g({},r),{},{display:"flex",alignItems:"center"}),sortable:{cursor:"pointer"},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}));function _(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(h(n),")"):""}function C(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function k(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var O=function(l){var h=l.columns,w=l.data,O=l.useColumnSetting,z=l.useFixedColumnWidth,N=l.onOpenSettingDlg,D=l.width,R=l.height,j=l.headerHeight,T=l.rowHeight,I=l.showTopSettingIcon,P=l.customMuiStyles,L=l.isTopSettingIconShownAlways,V=l.CustomCellRenderer,A=l.CustomHeaderCellRenderer,H=l.customRowStyle,E=l.sort,F=l.sortBy,W=l.sortDirection,B=l.onScroll,K=void 0===B?function(){}:B,U=S(),G=r((function(){return g(g({},U),P)}),[U,P]),M=r((function(){return{label:"",key:"setting",width:O?25:0}}),[O]),Z=r((function(){return h.filter((function(e){return e.show}))}),[h]),q=r((function(){return O?[].concat(e(Z),[M]):Z}),[Z,O,M]),J=r((function(){if(D<=0)return{};var e=t({},M.key,M.width),r=[];return Z.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),Z.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((D-n-M.width)/(Z.length-r.length)),o=t.minWidth||65,a=i<o?o:i;e[t.key]=a-1,r.push(a-1)})),e}),[D,Z,M]),Q=r((function(){return Object.values(J).reduce((function(e,t){return e+t}),0)}),[J]),X=L||Q-12.5>=D;n((function(){I(X)}),[X]);var Y=i((function(e){var r=e.index;return o(t({},G.oddRow,r%2==1))}),[G]),$=function(e){var t=e.label,r=e.dataKey,n=F||W||E;return A?b(A,{columnKey:r,columns:h,sortBy:F,sortDirection:W}):r===M.key?X?null:b(u,{size:"small","aria-label":"customize columns",className:G.settingIcon,onClick:N,children:b(m,{fontSize:"inherit"})}):y(c,{variant:"body2",className:o(G.headerLabel,C(h,r)),children:[t," ",b("span",{className:o(G.unitLabel,k(h,r)),children:_(h,r)}),n&&r!==F&&b(s,{title:"Sort A-Z",children:b(p,{fontSize:"small",className:U.sortIcon})}),n&&r===F&&b(W===v?f:d,{fontSize:"small",className:U.sortIcon})]})},ee=i((function(e){var t=e.ariaAttributes,r=e.style,n=e.data,i=e.tableColumns,a=e.index;return b("div",g(g({style:g(g({},r),null==H?void 0:H({index:a})),className:o(Y({index:a}),U.row,"ReactVirtualized__Table__row")},t),{},{children:i.map((function(e){var t=e.key,r=n[a],i=V?b(V,{columnKey:t,value:r[t],rowData:r,columns:h}):b(c,{variant:"body2",className:G.cellData,children:r[t]});return b("div",{className:o(U.cell,"ReactVirtualized__Table__rowColumn"),style:{flex:"0 1 ".concat(J[t],"px"),overflow:"hidden"},children:i},t)}))}))}),[V,Y,J,H,U,G.cellData,h]),te=r((function(){return{width:z?Q:D,height:R}}),[z,Q,D,R]),re=r((function(){return{data:w,tableColumns:q}}),[w,q]),ne=i((function(e){return function(t){null==E||E({defaultSortDirection:x,event:t,sortBy:e,sortDirection:e!==F||W&&W!==x?x:"DESC"})}}),[E,F,W]),ie=F||W||E;return y("div",{style:te,className:o(G.root,G.table,"ReactVirtualized__Table"),children:[b("div",{className:o(G.header,"ReactVirtualized__Table__headerRow"),style:{flex:"0 0 ".concat(j,"px")},children:q.map((function(e){return b("div",{className:o(G.headerCell,"setting"!==e.key&&E&&G.sortable,"ReactVirtualized__Table__headerColumn",ie&&"ReactVirtualized__Table__sortableHeaderColumn"),style:{flex:"0 1 ".concat(J[e.key],"px"),height:j},onClick:"setting"!==e.key?ne(e.key):void 0,children:$({label:e.label,dataKey:e.key})},e.key)}))}),b(a,{rowProps:re,rowCount:w.length,rowHeight:T,rowComponent:ee,onScroll:K,className:"ReactVirtualized__Grid ReactVirtualized__Table__Grid"})]})};export{O as VirtualizedTableComponent,O as default};
 //# sourceMappingURL=VirtualizedTable.js.map