@corva/ui 0.90.0-9 → 0.91.0-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),o=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),i=require("@material-ui/core"),s=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../../../utils/mobileDetect.js"),l=require("../../IconButton/index.js"),a=require("../../Modal/Modal.js"),c=require("../../Button/components/Button/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=u(n),p=r.isNativeDetected||r.isMobileDetected,g=i.makeStyles((function(e){return{popoverPaper:{position:"relative",marginTop:function(e){return e.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(e.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(e.palette.background.b9,", ").concat(e.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));exports.AppSettingsPopover=function(n){var u=n.Trigger,m=void 0===u?null:u,h=n.children,v=n.classes,x=n.defaultScrollable,j=void 0!==x&&x,b=n.header,f=void 0===b?"Settings":b,_=n.iconSettingsProps,q=void 0===_?{}:_,C=n.maxHeight,I=void 0===C?null:C,S=n.modalActions,k=void 0===S?null:S,P=n.modalProps,B=void 0===P?{}:P,H=n.onClose,T=void 0===H?function(){}:H,y=e.__rest(n,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),z=t.useState(null),w=z[0],A=z[1],N=t.useState(!0),O=N[0],M=N[1],D=g({maxHeight:I,isScrollable:O,isNativeDetected:r.isNativeDetected}),E=v||{},L=E.popoverContent,F=e.__rest(E,["popoverContent"]),W=function(){A(null),T()},Y=Boolean(w),G=function(e){return A(e.currentTarget)},R=k||o.jsx(c,e.__assign({variation:"secondary",onClick:W},{children:"CLOSE"}));return o.jsxs(o.Fragment,{children:[m?o.jsx(m,{onClick:G}):o.jsx(l,e.__assign({"data-testid":"chartSettingsButton",isActive:Y,onClick:G,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},q,{children:o.jsx(s.SettingTwoIcon,{size:(null==q?void 0:q.size)||16})})),!p&&o.jsxs(i.Popover,e.__assign({open:Y,anchorEl:w,onClose:W,anchorOrigin:{vertical:O?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},y,{classes:e.__assign(e.__assign({},F),{paper:d.default(D.popoverPaper,O&&"scrollable",null==F?void 0:F.paper)})},{children:[o.jsxs("div",e.__assign({className:d.default(D.popoverHeader,O&&"scrollable")},{children:[o.jsx("div",e.__assign({className:D.headerTitle},{children:f})),o.jsx(l,e.__assign({tooltipProps:{title:"Close"},onClick:W},{children:o.jsx(s.CloseSmallIcon,{})}))]})),o.jsx("div",e.__assign({className:d.default(D.popoverContentContainer,O&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!j&&M(!1)}},{children:o.jsx("div",e.__assign({className:d.default(D.popoverContent,L)},{children:h}))}))]})),p&&o.jsx(a,e.__assign({actions:R,onClose:W,open:Y,actionsClassName:D.modalActions,title:f},B,{children:h}))]})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),o=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),i=require("@material-ui/core"),s=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../../../utils/mobileDetect.js"),l=require("../../IconButton/index.js"),a=require("../../Modal/Modal.js"),c=require("../../Button/components/Button/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=u(n),p=r.isNativeDetected||r.isMobileDetected,g=i.makeStyles((function(e){return{popoverPaper:{position:"relative",marginTop:function(e){return e.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(e.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(e.palette.background.b9,", ").concat(e.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));exports.AppSettingsPopover=function(n){var u=n.Trigger,m=void 0===u?null:u,h=n.children,v=n.classes,x=n.defaultScrollable,j=void 0!==x&&x,b=n.header,f=void 0===b?"Settings":b,_=n.iconSettingsProps,q=void 0===_?{}:_,C=n.maxHeight,I=void 0===C?null:C,S=n.modalActions,k=void 0===S?null:S,P=n.modalProps,B=void 0===P?{}:P,H=n.onClose,T=void 0===H?function(){}:H,y=e.__rest(n,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),z=t.useState(null),A=z[0],w=z[1],N=t.useState(!0),O=N[0],M=N[1],D=g({maxHeight:I,isScrollable:O,isNativeDetected:r.isNativeDetected}),E=v||{},L=E.popoverContent,F=e.__rest(E,["popoverContent"]),W=function(){w(null),T()},Y=Boolean(A),G=function(e){return w(e.currentTarget)},R=k||o.jsx(c,e.__assign({variation:"secondary",onClick:W},{children:"CLOSE"}));return o.jsxs(o.Fragment,{children:[m?o.jsx(m,{onClick:G,isActive:Y}):o.jsx(l,e.__assign({"data-testid":"chartSettingsButton",isActive:Y,onClick:G,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},q,{children:o.jsx(s.SettingTwoIcon,{size:(null==q?void 0:q.size)||16})})),!p&&o.jsxs(i.Popover,e.__assign({open:Y,anchorEl:A,onClose:W,anchorOrigin:{vertical:O?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},y,{classes:e.__assign(e.__assign({},F),{paper:d.default(D.popoverPaper,O&&"scrollable",null==F?void 0:F.paper)})},{children:[o.jsxs("div",e.__assign({className:d.default(D.popoverHeader,O&&"scrollable")},{children:[o.jsx("div",e.__assign({className:D.headerTitle},{children:f})),o.jsx(l,e.__assign({tooltipProps:{title:"Close"},onClick:W},{children:o.jsx(s.CloseSmallIcon,{})}))]})),o.jsx("div",e.__assign({className:d.default(D.popoverContentContainer,O&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!j&&M(!1)}},{children:o.jsx("div",e.__assign({className:d.default(D.popoverContent,L)},{children:h}))}))]})),p&&o.jsx(a,e.__assign({actions:R,onClose:W,open:Y,actionsClassName:D.modalActions,title:f},B,{children:h}))]})};
@@ -1 +1 @@
1
- "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),o=require("react"),t=require("classnames"),s=require("prop-types"),l=require("lodash"),r=require("@material-ui/lab"),i=require("@material-ui/core"),a=require("@material-ui/icons"),u=require("../IconButton/index.js"),p=require("./components/Listbox.js"),d=require("./components/Paper.js");require("./components/RecentSearches.js"),require("./components/Groups.js");var c=require("../MiddleTruncatedText/MiddleTruncatedText.js"),f=require("./context/index.js"),m=require("./styles.js"),g=require("../../icons/iconParkIcons.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var C=h(t),b=h(s),x=n.jsx(a.CheckBoxOutlineBlank,{style:{fontSize:20}}),I=n.jsx(a.CheckBox,{style:{fontSize:20}}),_={},v=function(t){var s,p=t.classes,h=t.AutocompleteProps,b=void 0===h?{}:h,v=t.value,j=t.disableClearable,P=t.onChange,O=t.onInputChange,S=t.loading,y=t.options,A=t.optionSize,q=t.placeholder,T=t.onGroupChange,k=t.disabled,L=t.multiple,R=t.groups,G=t.GroupsComponent,F=t.recentSearchesMaxCount,N=t.dataStorageKey,E=t.RecentSearchesComponent,M=t.dataStorage,B=t.onInputReset,z=t.getOptionLabel,D=t.TextFieldProps,H=t.ListboxProps,K=t.onInputChangeCallback,w=t.renderCustomOption,W=t.isHiddenAllOption,V=t.onOpen,U=void 0===V?l.noop:V,J=t.selectedGroup,Q=t.onGroupReset,X=t.onClose,Y=t.popperProps,Z=void 0===Y?_:Y,$=t.paperFooter,ee=t.isClearInputOnBlur,ne=void 0!==ee&&ee,oe=t.noOptionsText,te=t.ListboxComponent,se=e.__rest(t,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","isClearInputOnBlur","noOptionsText","ListboxComponent"]),le=o.useState(""),re=le[0],ie=le[1],ae=o.useState(""),ue=ae[0],pe=ae[1],de=o.useState(!1),ce=de[0],fe=de[1],me=o.useState(!1),ge=me[0],he=me[1],Ce=o.useRef(),be=o.useRef(),xe=m(),Ie=p.popper,_e=p.listbox,ve=p.popupIndicator,je=p.popupIndicatorOpen,Pe=p.groupChip,Oe=e.__rest(p,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Se=e.__assign({popper:C.default(xe.popper,Ie),listbox:C.default(xe.listbox,_e),popupIndicator:C.default(xe.popupIndicator,ve),popupIndicatorOpen:C.default(xe.popupIndicatorOpen,je)},Oe),ye=(null==y?void 0:y.some((function(e){return e.group})))||!l.isEmpty(R),Ae=function(){ie(""),null==B||B()},qe=o.useCallback(l.debounce((function(e){return pe(e)}),500),[]),Te=function(e){var n=R.find((function(n){return n.id===e}));Ae(),T(n)};o.useEffect((function(){ce&&(Ce.current.focus(),Ce.current.setSelectionRange(re.length,re.length))}));var ke=null==y?void 0:y.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),Le=L&&Array.isArray(v)?v.length:null,Re=l.isEmpty(J)?ke:null==y?void 0:y.filter((function(e){return e.group===J.name})),Ge=L&&(null==Re?void 0:Re.length)===Le,Fe=L&&!!Le&&!Ge,Ne=function(){return Ae(),b.getOptionDisabled&&Ge?P(null,[y[y.length-1]]):P(null,Ge||Fe?[]:Re)};o.useEffect((function(){qe(re),O&&O(re)}),[re]);var Ee=function(e,n){"blur"===n&&(!e.relatedTarget||be.current.contains(e.relatedTarget))||(X(),fe(!1))},Me=function(){var e;(null!==(e=se.isOpenedFromParent)&&void 0!==e?e:ce)?(fe(!1),X()):(fe(!0),U())},Be=function(e){if(Ge&&!W)return"All";var o=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?n.jsx("div",{children:n.jsx(c.MiddleTruncatedText,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},ze=function(){return n.jsx(i.FormControlLabel,{id:"selectAllLabel",className:xe.selectAllCheckbox,onClick:Ne,control:n.jsx(i.Checkbox,{icon:x,style:{fontSize:20},indeterminate:Fe,checkedIcon:I,checked:Ge,inputProps:{"aria-label":"All"}}),label:"All"})},De=o.useMemo((function(){return{onOutsideClick:Ee,isEmptyOptions:l.isEmpty(Re),loading:S,AllSelectComponent:!W&&L&&!l.isEmpty(Re)&&n.jsx(ze,{}),RecentSearchesComponent:E&&n.jsx(E,{title:"Recent Searches",Icon:a.AccessTime,dataStorage:M,dataStorageKey:N,maxCount:F,isHidden:!l.isEmpty(re),onInputChange:function(e){return ie(e)},inputValue:ue}),GroupsComponent:!J&&ye&&G&&n.jsx(G,{onGroupClick:Te,groups:R})}}),[J,S,ye,re,Ge,Fe,ue,X,W]),He=o.useMemo((function(){return function(o){var t=o.children,s=o.className,l=e.__rest(o,["children","className"]);return n.jsxs(d,e.__assign({},l,{className:s,inputRef:Ce,ref:be},{children:[t,$]}))}}),[$]),Ke=o.useMemo((function(){return function(o){var t=Z.style,s=e.__rest(Z,["style"]);return n.jsx(i.Popper,e.__assign({},o,{style:e.__assign(e.__assign({},o.style),t),placement:"bottom-start"},s))}}),[Z]);return n.jsx(f.PaperContext.Provider,e.__assign({value:De},{children:n.jsx(r.Autocomplete,e.__assign({},l.omit(se,["InputProps","isNullable"]),{PopperComponent:Ke,disableClearable:j,onOpen:function(e){fe(!0),U(e)},onClose:Ee,open:null!==(s=se.isOpenedFromParent)&&void 0!==s?s:ce,onChange:function(e,n){L||ie(""),P(e,n)},forcePopupIcon:b.forcePopupIcon,fullWidth:!0,disabled:k,value:v,classes:Se,renderInput:function(t){var s,r,a,p,d,c,f=o.useState(!1),m=f[0],h=f[1],x=t.InputProps,I=t.inputProps,_=e.__rest(t,["InputProps","inputProps"]),O=(null===(p=null===(a=null===(r=x.endAdornment)||void 0===r?void 0:r.props)||void 0===a?void 0:a.children)||void 0===p?void 0:p.length)>1?o.cloneElement(x.endAdornment,{children:x.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):x.endAdornment,y=ne&&1===Le,A=m||ce||re.length>0||!l.isEmpty(v)||!l.isEmpty(null===(d=se.InputProps)||void 0===d?void 0:d.startAdornment),T=se.InputProps||{},k=T.classes,R=void 0===k?{}:k,G=R.input,F=void 0===G?"":G,N=e.__rest(R,["input"]),E=T.style,M=e.__rest(T,["classes","style"]);return n.jsx(i.TextField,e.__assign({},_,l.omit(D,["endAdornment"]),{onBlur:function(){h(!1),ne&&""!==re.trim()&&Ae(),y&&he(!0)},onFocus:function(){h(!0)},inputRef:Ce,placeholder:l.isEmpty(v)&&q,classes:{root:xe.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},I),se.inputProps),InputLabelProps:{shrink:A},InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:C.default(ge?xe.inputShrinked:y&&xe.inputExpanded,F)},N),style:e.__assign({paddingRight:0,paddingBottom:0},E)},x),M),{startAdornment:n.jsxs(n.Fragment,{children:[null===(c=se.InputProps)||void 0===c?void 0:c.startAdornment,J&&n.jsx(i.Chip,{className:xe.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:xe.selectedGroupLabel},{children:[J.name,n.jsx(g.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:xe.removeIcon,onClick:Q})]}))},J.id),L&&!l.isEmpty(v)&&n.jsx("div",e.__assign({onClick:Me,id:"selectedOptions",className:C.default(xe.selectedLabel,ge&&xe.selectedLabelExpanded)},{children:Be(v)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(i.InputAdornment,e.__assign({className:C.default(xe.endAdornment,(s={},s[xe.removeIconWithDropdown]=b.forcePopupIcon,s)),position:"end"},{children:[D.endAdornment,S&&n.jsx(i.CircularProgress,{color:"primary",size:20}),re&&!j&&n.jsx(u,e.__assign({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:xe.iconButton,onClick:function(){ie(""),B?B():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(g.CloseSmallIcon,{size:20,className:xe.closeIcon})}))]})),b.forcePopupIcon&&O]})})}))},loading:S,options:Re,renderGroup:function(o){var t=o.key,s=o.group,r=o.children;return!s||!l.isEmpty(J)&&L?r:n.jsxs("div",e.__assign({className:xe.group},{children:[n.jsx(i.Tooltip,e.__assign({title:s,placement:"right",TransitionComponent:i.Fade,TransitionProps:{timeout:500},enterDelay:500},{children:n.jsx(i.Chip,{"data-not-migrated-muichip":!0,className:C.default(xe.groupChip,Pe),variant:"outlined",label:s})})),r]}),t)},disableCloseOnSelect:L,multiple:L,renderOption:w||function(o,t){var s=o.label,l=o.id,r=t.selected;return L?n.jsxs("div",e.__assign({className:C.default(xe.option,A)},{children:[n.jsx(i.Checkbox,{disableRipple:!0,icon:x,className:xe.checkbox,checkedIcon:I,checked:r}),n.jsx(c.MiddleTruncatedText,e.__assign({className:xe.optionLabelContainer},{children:s}))]}),l):n.jsx(i.MenuItem,e.__assign({className:xe.menuItem,value:l},{children:n.jsx(c.MiddleTruncatedText,e.__assign({className:xe.optionLabelContainer},{children:s}))}),l)},groupBy:ye?function(e){return e.group}:null,PaperComponent:He,ListboxComponent:te,inputValue:re,getOptionLabel:z,getOptionDisabled:b.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&L||(ie((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),K(n,o))},loadingText:n.jsx("div",e.__assign({className:xe.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:xe.label},{children:oe})),ListboxProps:H,onFocus:function(){var e;he(!1),null===(e=se.onFocus)||void 0===e||e.call(se)}}))}))},j={AutocompleteProps:b.default.shape({forcePopupIcon:b.default.bool,getOptionDisabled:b.default.func}),allChecked:b.default.bool,TextFieldProps:b.default.shape({label:b.default.string,endAdornment:b.default.node}),selectedGroup:b.default.shape({name:b.default.string,id:b.default.string}),onGroupReset:b.default.func,onClose:b.default.func,disableClearable:b.default.bool,value:b.default.oneOfType([b.default.arrayOf(b.default.shape({})),b.default.shape({})]).isRequired,onChange:b.default.func.isRequired,onInputChange:b.default.func,getOptionLabel:b.default.func,onGroupChange:b.default.func,loading:b.default.bool,disabled:b.default.bool,multiple:b.default.bool,options:b.default.array,optionSize:b.default.string,popupIcon:b.default.node,InputProps:b.default.shape({startAdornment:b.default.node,classes:b.default.shape({input:b.default.string}),style:b.default.shape({})}),ListboxProps:b.default.shape({}),classes:b.default.shape({popper:b.default.string,listbox:b.default.string,popupIndicator:b.default.string,popupIndicatorOpen:b.default.string,groupChip:b.default.string}),onInputChangeCallback:b.default.func,placeholder:b.default.string,RecentSearchesComponent:b.default.elementType,ListboxComponent:b.default.any,recentSearchesMaxCount:b.default.number,dataStorageKey:b.default.string,dataStorage:b.default.shape({}),groups:b.default.array,GroupsComponent:b.default.elementType,onOpen:b.default.func,renderCustomOption:b.default.func,onInputReset:b.default.func,isHiddenAllOption:b.default.bool,paperFooter:b.default.node,isOpenedFromParent:b.default.bool,popperProps:b.default.shape({style:b.default.shape({})}),onFocus:b.default.func,isClearInputOnBlur:b.default.bool,inputProps:b.default.shape({}),noOptionsText:b.default.string};v.propTypes=j,v.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon:n.jsx(g.DownOneIcon,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:p,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"},module.exports=v;
1
+ "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),o=require("react"),t=require("classnames"),s=require("prop-types"),l=require("lodash"),r=require("@material-ui/lab"),a=require("@material-ui/core"),i=require("@material-ui/icons"),u=require("../IconButton/index.js"),p=require("./components/Listbox.js"),d=require("./components/Paper.js");require("./components/RecentSearches.js"),require("./components/Groups.js");var c=require("../MiddleTruncatedText/MiddleTruncatedText.js"),f=require("./context/index.js"),m=require("./styles.js"),g=require("../../icons/iconParkIcons.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var C=h(t),b=h(s),x=n.jsx(i.CheckBoxOutlineBlank,{style:{fontSize:20}}),I=n.jsx(i.CheckBox,{style:{fontSize:20}}),_={},v=function(t){var s,p=t.classes,h=t.AutocompleteProps,b=void 0===h?{}:h,v=t.value,j=t.disableClearable,P=t.onChange,O=t.onInputChange,S=t.loading,y=t.options,A=t.optionSize,q=t.placeholder,T=t.onGroupChange,k=t.disabled,L=t.multiple,R=t.groups,F=t.GroupsComponent,G=t.recentSearchesMaxCount,N=t.dataStorageKey,E=t.RecentSearchesComponent,M=t.dataStorage,B=t.onInputReset,z=t.getOptionLabel,D=t.TextFieldProps,H=t.ListboxProps,K=t.onInputChangeCallback,w=t.renderCustomOption,W=t.isHiddenAllOption,V=t.onOpen,U=void 0===V?l.noop:V,J=t.selectedGroup,Q=t.onGroupReset,X=t.onClose,Y=t.popperProps,Z=void 0===Y?_:Y,$=t.paperFooter,ee=t.isClearInputOnBlur,ne=void 0!==ee&&ee,oe=t.noOptionsText,te=t.ListboxComponent,se=e.__rest(t,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","isClearInputOnBlur","noOptionsText","ListboxComponent"]),le=o.useState(""),re=le[0],ae=le[1],ie=o.useState(""),ue=ie[0],pe=ie[1],de=o.useState(!1),ce=de[0],fe=de[1],me=o.useState(!1),ge=me[0],he=me[1],Ce=o.useRef(),be=o.useRef(),xe=m(),Ie=p.popper,_e=p.listbox,ve=p.popupIndicator,je=p.popupIndicatorOpen,Pe=p.groupChip,Oe=e.__rest(p,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Se=e.__assign({popper:C.default(xe.popper,Ie),listbox:C.default(xe.listbox,_e),popupIndicator:C.default(xe.popupIndicator,ve),popupIndicatorOpen:C.default(xe.popupIndicatorOpen,je)},Oe),ye=(null==y?void 0:y.some((function(e){return e.group})))||!l.isEmpty(R),Ae=function(){ae(""),null==B||B()},qe=o.useCallback(l.debounce((function(e){return pe(e)}),500),[]),Te=function(e){var n=R.find((function(n){return n.id===e}));Ae(),T(n)};o.useEffect((function(){ce&&(Ce.current.focus(),Ce.current.setSelectionRange(re.length,re.length))}));var ke=null==y?void 0:y.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),Le=L&&Array.isArray(v)?v.length:null,Re=l.isEmpty(J)?ke:null==y?void 0:y.filter((function(e){return e.group===J.name})),Fe=L&&(null==Re?void 0:Re.length)===Le,Ge=L&&!!Le&&!Fe,Ne=function(){return Ae(),b.getOptionDisabled&&Fe?P(null,[y[y.length-1]]):P(null,Fe||Ge?[]:Re)};o.useEffect((function(){qe(re),O&&O(re)}),[re]);var Ee=function(e,n){"blur"===n&&(!e.relatedTarget||be.current.contains(e.relatedTarget))||(X(),fe(!1))},Me=function(){var e;(null!==(e=se.isOpenedFromParent)&&void 0!==e?e:ce)?(fe(!1),X()):(fe(!0),U())},Be=function(e){if(Fe&&!W)return"All";var o=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?n.jsx("div",{children:n.jsx(c.MiddleTruncatedText,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},ze=function(){return n.jsx(a.FormControlLabel,{id:"selectAllLabel",className:xe.selectAllCheckbox,onClick:Ne,control:n.jsx(a.Checkbox,{icon:x,style:{fontSize:20},indeterminate:Ge,checkedIcon:I,checked:Fe,inputProps:{"aria-label":"All"}}),label:"All"})},De=l.isEmpty(Re),He=o.useMemo((function(){return{onOutsideClick:Ee,isEmptyOptions:De,loading:S,AllSelectComponent:!W&&L&&!De&&n.jsx(ze,{}),RecentSearchesComponent:E&&n.jsx(E,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:M,dataStorageKey:N,maxCount:G,isHidden:!l.isEmpty(re),onInputChange:function(e){return ae(e)},inputValue:ue}),GroupsComponent:!J&&ye&&F&&n.jsx(F,{onGroupClick:Te,groups:R})}}),[J,S,ye,De,re,Fe,Ge,ue,X,W]),Ke=o.useMemo((function(){return function(o){var t=o.children,s=o.className,l=e.__rest(o,["children","className"]);return n.jsxs(d,e.__assign({},l,{className:s,inputRef:Ce,ref:be},{children:[t,$]}))}}),[$]),we=o.useMemo((function(){return function(o){var t=Z.style,s=e.__rest(Z,["style"]);return n.jsx(a.Popper,e.__assign({},o,{style:e.__assign(e.__assign({},o.style),t),placement:"bottom-start"},s))}}),[Z]);return n.jsx(f.PaperContext.Provider,e.__assign({value:He},{children:n.jsx(r.Autocomplete,e.__assign({},l.omit(se,["InputProps","isNullable","isOpenedFromParent"]),{PopperComponent:we,disableClearable:j,onOpen:function(e){fe(!0),U(e)},onClose:Ee,open:null!==(s=se.isOpenedFromParent)&&void 0!==s?s:ce,onChange:function(e,n){L||ae(""),P(e,n)},forcePopupIcon:b.forcePopupIcon,fullWidth:!0,disabled:k,value:v,classes:Se,renderInput:function(t){var s,r,i,p,d,c,f=o.useState(!1),m=f[0],h=f[1],x=t.InputProps,I=t.inputProps,_=e.__rest(t,["InputProps","inputProps"]),O=(null===(p=null===(i=null===(r=x.endAdornment)||void 0===r?void 0:r.props)||void 0===i?void 0:i.children)||void 0===p?void 0:p.length)>1?o.cloneElement(x.endAdornment,{children:x.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):x.endAdornment,y=ne&&1===Le,A=m||ce||re.length>0||!l.isEmpty(v)||!l.isEmpty(null===(d=se.InputProps)||void 0===d?void 0:d.startAdornment),T=se.InputProps||{},k=T.classes,R=void 0===k?{}:k,F=R.input,G=void 0===F?"":F,N=e.__rest(R,["input"]),E=T.style,M=e.__rest(T,["classes","style"]);return n.jsx(a.TextField,e.__assign({},_,l.omit(D,["endAdornment"]),{onBlur:function(){h(!1),ne&&""!==re.trim()&&Ae(),y&&he(!0)},onFocus:function(){h(!0)},inputRef:Ce,placeholder:l.isEmpty(v)?q:"",classes:{root:xe.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},I),se.inputProps),InputLabelProps:{shrink:A},InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:C.default(ge?xe.inputShrinked:y&&xe.inputExpanded,G)},N),style:e.__assign({paddingRight:0,paddingBottom:0},E)},x),M),{startAdornment:n.jsxs(n.Fragment,{children:[null===(c=se.InputProps)||void 0===c?void 0:c.startAdornment,J&&n.jsx(a.Chip,{className:xe.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:xe.selectedGroupLabel},{children:[J.name,n.jsx(g.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:xe.removeIcon,onClick:Q})]}))},J.id),L&&!l.isEmpty(v)&&n.jsx("div",e.__assign({onClick:Me,id:"selectedOptions",className:C.default(xe.selectedLabel,ge&&xe.selectedLabelExpanded)},{children:Be(v)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(a.InputAdornment,e.__assign({className:C.default(xe.endAdornment,(s={},s[xe.removeIconWithDropdown]=b.forcePopupIcon,s)),position:"end"},{children:[D.endAdornment,S&&n.jsx(a.CircularProgress,{color:"primary",size:20}),re&&!j&&n.jsx(u,e.__assign({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:xe.iconButton,onClick:function(){ae(""),B?B():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(g.CloseSmallIcon,{size:20,className:xe.closeIcon})}))]})),b.forcePopupIcon&&O]})})}))},loading:S,options:Re,renderGroup:function(o){var t=o.key,s=o.group,r=o.children;return!s||!l.isEmpty(J)&&L?r:n.jsxs("div",e.__assign({className:xe.group},{children:[n.jsx(a.Tooltip,e.__assign({title:s,placement:"right",TransitionComponent:a.Fade,TransitionProps:{timeout:500},enterDelay:500},{children:n.jsx(a.Chip,{"data-not-migrated-muichip":!0,className:C.default(xe.groupChip,Pe),variant:"outlined",label:s})})),r]}),t)},disableCloseOnSelect:L,multiple:L,renderOption:w||function(o,t){var s=o.label,l=o.id,r=t.selected;return L?n.jsxs("div",e.__assign({className:C.default(xe.option,A)},{children:[n.jsx(a.Checkbox,{disableRipple:!0,icon:x,className:xe.checkbox,checkedIcon:I,checked:r}),n.jsx(c.MiddleTruncatedText,e.__assign({className:xe.optionLabelContainer},{children:s}))]}),l):n.jsx(a.MenuItem,e.__assign({className:xe.menuItem,value:l},{children:n.jsx(c.MiddleTruncatedText,e.__assign({className:xe.optionLabelContainer},{children:s}))}),l)},groupBy:ye?function(e){return e.group}:null,PaperComponent:Ke,ListboxComponent:te,inputValue:re,getOptionLabel:z,getOptionDisabled:b.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&L||(ae((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),K(n,o))},loadingText:n.jsx("div",e.__assign({className:xe.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:xe.label},{children:oe})),ListboxProps:H,onFocus:function(){var e;he(!1),null===(e=se.onFocus)||void 0===e||e.call(se)}}))}))},j={AutocompleteProps:b.default.shape({forcePopupIcon:b.default.bool,getOptionDisabled:b.default.func}),allChecked:b.default.bool,TextFieldProps:b.default.shape({label:b.default.string,endAdornment:b.default.node}),selectedGroup:b.default.shape({name:b.default.string,id:b.default.string}),onGroupReset:b.default.func,onClose:b.default.func,disableClearable:b.default.bool,value:b.default.oneOfType([b.default.arrayOf(b.default.shape({})),b.default.shape({})]).isRequired,onChange:b.default.func.isRequired,onInputChange:b.default.func,getOptionLabel:b.default.func,onGroupChange:b.default.func,loading:b.default.bool,disabled:b.default.bool,multiple:b.default.bool,options:b.default.array,optionSize:b.default.string,popupIcon:b.default.node,InputProps:b.default.shape({startAdornment:b.default.node,classes:b.default.shape({input:b.default.string}),style:b.default.shape({})}),ListboxProps:b.default.shape({}),classes:b.default.shape({popper:b.default.string,listbox:b.default.string,popupIndicator:b.default.string,popupIndicatorOpen:b.default.string,groupChip:b.default.string}),onInputChangeCallback:b.default.func,placeholder:b.default.string,RecentSearchesComponent:b.default.elementType,ListboxComponent:b.default.any,recentSearchesMaxCount:b.default.number,dataStorageKey:b.default.string,dataStorage:b.default.shape({}),groups:b.default.array,GroupsComponent:b.default.elementType,onOpen:b.default.func,renderCustomOption:b.default.func,onInputReset:b.default.func,isHiddenAllOption:b.default.bool,paperFooter:b.default.node,isOpenedFromParent:b.default.bool,popperProps:b.default.shape({style:b.default.shape({})}),onFocus:b.default.func,isClearInputOnBlur:b.default.bool,inputProps:b.default.shape({}),noOptionsText:b.default.string};v.propTypes=j,v.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon:n.jsx(g.DownOneIcon,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:p,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"},module.exports=v;
@@ -1,9 +1,11 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { PopoverProps } from '@material-ui/core';
3
3
  import { IconButtonProps } from '~/components/IconButton';
4
- import { ButtonProps } from '~/components/Button';
5
4
  export interface AppSettingsPopoverProps {
6
- Trigger?: (props: ButtonProps) => JSX.Element;
5
+ Trigger?: (props: {
6
+ onClick: (event: any) => void;
7
+ isActive: boolean;
8
+ }) => JSX.Element;
7
9
  open?: boolean;
8
10
  children: ReactNode;
9
11
  classes: PopoverProps['classes'] & {
@@ -1 +1 @@
1
- {"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAc,YAAY,EAAW,MAAM,mBAAmB,CAAC;AAKtE,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAkE1D,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG;QACjC,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAc,EACd,QAAQ,EACR,OAAO,EACP,iBAAyB,EACzB,MAAmB,EACnB,iBAAsB,EACtB,SAAgB,EAChB,YAAmB,EACnB,UAAe,EACf,OAAkB,EAClB,GAAG,YAAY,EAChB,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAoG/D"}
1
+ {"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAc,YAAY,EAAW,MAAM,mBAAmB,CAAC;AAKtE,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAoEtE,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG;QACjC,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAc,EACd,QAAQ,EACR,OAAO,EACP,iBAAyB,EACzB,MAAmB,EACnB,iBAAsB,EACtB,SAAgB,EAChB,YAAmB,EACnB,UAAe,EACf,OAAkB,EAClB,GAAG,YAAY,EAChB,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAoG/D"}
@@ -1 +1 @@
1
- import{__rest as o,__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useState as r}from"react";import s from"classnames";import{makeStyles as l,Popover as c}from"@material-ui/core";import{SettingTwoIcon as a,CloseSmallIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.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/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import{isNativeDetected as d,isMobileDetected as m}from"../../../utils/mobileDetect.js";import u from"../../IconButton/index.js";import h from"../../Modal/Modal.js";import g from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";var v=d||m,f=l((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var t=o.maxHeight;return t?t-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));function b(l){var m=l.Trigger,b=void 0===m?null:m,x=l.children,C=l.classes,j=l.defaultScrollable,I=void 0!==j&&j,S=l.header,k=void 0===S?"Settings":S,B=l.iconSettingsProps,H=void 0===B?{}:B,z=l.maxHeight,P=void 0===z?null:z,T=l.modalActions,w=void 0===T?null:T,A=l.modalProps,y=void 0===A?{}:A,N=l.onClose,O=void 0===N?function(){}:N,E=o(l,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),L=r(null),M=L[0],q=L[1],D=r(!0),F=D[0],W=D[1],Y=f({maxHeight:P,isScrollable:F,isNativeDetected:d}),G=C||{},R=G.popoverContent,X=o(G,["popoverContent"]),_=function(){q(null),O()},J=Boolean(M),K=function(o){return q(o.currentTarget)},Q=w||e(g,t({variation:"secondary",onClick:_},{children:"CLOSE"}));return n(i,{children:[b?e(b,{onClick:K}):e(u,t({"data-testid":"chartSettingsButton",isActive:J,onClick:K,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},H,{children:e(a,{size:(null==H?void 0:H.size)||16})})),!v&&n(c,t({open:J,anchorEl:M,onClose:_,anchorOrigin:{vertical:F?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},E,{classes:t(t({},X),{paper:s(Y.popoverPaper,F&&"scrollable",null==X?void 0:X.paper)})},{children:[n("div",t({className:s(Y.popoverHeader,F&&"scrollable")},{children:[e("div",t({className:Y.headerTitle},{children:k})),e(u,t({tooltipProps:{title:"Close"},onClick:_},{children:e(p,{})}))]})),e("div",t({className:s(Y.popoverContentContainer,F&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!I&&W(!1)}},{children:e("div",t({className:s(Y.popoverContent,R)},{children:x}))}))]})),v&&e(h,t({actions:Q,onClose:_,open:J,actionsClassName:Y.modalActions,title:k},y,{children:x}))]})}export{b as AppSettingsPopover};
1
+ import{__rest as o,__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useState as r}from"react";import s from"classnames";import{makeStyles as l,Popover as c}from"@material-ui/core";import{SettingTwoIcon as a,CloseSmallIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.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/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import{isNativeDetected as d,isMobileDetected as m}from"../../../utils/mobileDetect.js";import u from"../../IconButton/index.js";import h from"../../Modal/Modal.js";import g from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";var v=d||m,f=l((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var t=o.maxHeight;return t?t-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));function b(l){var m=l.Trigger,b=void 0===m?null:m,x=l.children,C=l.classes,j=l.defaultScrollable,I=void 0!==j&&j,S=l.header,k=void 0===S?"Settings":S,B=l.iconSettingsProps,H=void 0===B?{}:B,z=l.maxHeight,P=void 0===z?null:z,T=l.modalActions,A=void 0===T?null:T,w=l.modalProps,y=void 0===w?{}:w,N=l.onClose,O=void 0===N?function(){}:N,E=o(l,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),L=r(null),M=L[0],q=L[1],D=r(!0),F=D[0],W=D[1],Y=f({maxHeight:P,isScrollable:F,isNativeDetected:d}),G=C||{},R=G.popoverContent,X=o(G,["popoverContent"]),_=function(){q(null),O()},J=Boolean(M),K=function(o){return q(o.currentTarget)},Q=A||e(g,t({variation:"secondary",onClick:_},{children:"CLOSE"}));return n(i,{children:[b?e(b,{onClick:K,isActive:J}):e(u,t({"data-testid":"chartSettingsButton",isActive:J,onClick:K,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},H,{children:e(a,{size:(null==H?void 0:H.size)||16})})),!v&&n(c,t({open:J,anchorEl:M,onClose:_,anchorOrigin:{vertical:F?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},E,{classes:t(t({},X),{paper:s(Y.popoverPaper,F&&"scrollable",null==X?void 0:X.paper)})},{children:[n("div",t({className:s(Y.popoverHeader,F&&"scrollable")},{children:[e("div",t({className:Y.headerTitle},{children:k})),e(u,t({tooltipProps:{title:"Close"},onClick:_},{children:e(p,{})}))]})),e("div",t({className:s(Y.popoverContentContainer,F&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!I&&W(!1)}},{children:e("div",t({className:s(Y.popoverContent,R)},{children:x}))}))]})),v&&e(h,t({actions:Q,onClose:_,open:J,actionsClassName:Y.modalActions,title:k},y,{children:x}))]})}export{b as AppSettingsPopover};
@@ -1 +1 @@
1
- {"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiCnC,aAAK,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAGhE,QAAA,MAAM,MAAM;6gBAqCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkc3B,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DpB,CAAC;AAwCF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiCnC,aAAK,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAGhE,QAAA,MAAM,MAAM;6gBAqCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoc3B,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DpB,CAAC;AAwCF,eAAe,MAAM,CAAC"}
@@ -1 +1 @@
1
- import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as i,useRef as s,useCallback as l,useEffect as p,useMemo as a,cloneElement as c}from"react";import u from"classnames";import d from"prop-types";import{isEmpty as m,debounce as h,omit as g,noop as f}from"lodash";import{Autocomplete as b}from"@material-ui/lab";import{Popper as C,Tooltip as I,Fade as v,Chip as P,TextField as O,InputAdornment as x,CircularProgress as S,FormControlLabel as y,Checkbox as A,MenuItem as L}from"@material-ui/core";import{CheckBoxOutlineBlank as G,CheckBox as R,AccessTime as T}from"@material-ui/icons";import j from"../IconButton/index.js";import N from"./components/Listbox.js";import k from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/Groups.js";import{MiddleTruncatedText as F}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{PaperContext as z}from"./context/index.js";import B from"./styles.js";import{DownOneIcon as D,CloseSmallIcon as M}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.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/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";var E=n(G,{style:{fontSize:20}}),H=n(R,{style:{fontSize:20}}),K={},q=function(d){var G,R=d.classes,N=d.AutocompleteProps,D=void 0===N?{}:N,q=d.value,W=d.disableClearable,_=d.onChange,w=d.onInputChange,V=d.loading,U=d.options,J=d.optionSize,Q=d.placeholder,X=d.onGroupChange,Y=d.disabled,Z=d.multiple,$=d.groups,ee=d.GroupsComponent,oe=d.recentSearchesMaxCount,ne=d.dataStorageKey,te=d.RecentSearchesComponent,re=d.dataStorage,ie=d.onInputReset,se=d.getOptionLabel,le=d.TextFieldProps,pe=d.ListboxProps,ae=d.onInputChangeCallback,ce=d.renderCustomOption,ue=d.isHiddenAllOption,de=d.onOpen,me=void 0===de?f:de,he=d.selectedGroup,ge=d.onGroupReset,fe=d.onClose,be=d.popperProps,Ce=void 0===be?K:be,Ie=d.paperFooter,ve=d.isClearInputOnBlur,Pe=void 0!==ve&&ve,Oe=d.noOptionsText,xe=d.ListboxComponent,Se=e(d,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","isClearInputOnBlur","noOptionsText","ListboxComponent"]),ye=i(""),Ae=ye[0],Le=ye[1],Ge=i(""),Re=Ge[0],Te=Ge[1],je=i(!1),Ne=je[0],ke=je[1],Fe=i(!1),ze=Fe[0],Be=Fe[1],De=s(),Me=s(),Ee=B(),He=R.popper,Ke=R.listbox,qe=R.popupIndicator,We=R.popupIndicatorOpen,_e=R.groupChip,we=e(R,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Ve=o({popper:u(Ee.popper,He),listbox:u(Ee.listbox,Ke),popupIndicator:u(Ee.popupIndicator,qe),popupIndicatorOpen:u(Ee.popupIndicatorOpen,We)},we),Ue=(null==U?void 0:U.some((function(e){return e.group})))||!m($),Je=function(){Le(""),null==ie||ie()},Qe=l(h((function(e){return Te(e)}),500),[]),Xe=function(e){var o=$.find((function(o){return o.id===e}));Je(),X(o)};p((function(){Ne&&(De.current.focus(),De.current.setSelectionRange(Ae.length,Ae.length))}));var Ye=null==U?void 0:U.sort((function(e,o){var n,t;return null===(n=o.group)||void 0===n?void 0:n.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),Ze=Z&&Array.isArray(q)?q.length:null,$e=m(he)?Ye:null==U?void 0:U.filter((function(e){return e.group===he.name})),eo=Z&&(null==$e?void 0:$e.length)===Ze,oo=Z&&!!Ze&&!eo,no=function(){return Je(),D.getOptionDisabled&&eo?_(null,[U[U.length-1]]):_(null,eo||oo?[]:$e)};p((function(){Qe(Ae),w&&w(Ae)}),[Ae]);var to=function(e,o){"blur"===o&&(!e.relatedTarget||Me.current.contains(e.relatedTarget))||(fe(),ke(!1))},ro=function(){var e;(null!==(e=Se.isOpenedFromParent)&&void 0!==e?e:Ne)?(ke(!1),fe()):(ke(!0),me())},io=function(e){if(eo&&!ue)return"All";var o=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?n("div",{children:n(F,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},so=function(){return n(y,{id:"selectAllLabel",className:Ee.selectAllCheckbox,onClick:no,control:n(A,{icon:E,style:{fontSize:20},indeterminate:oo,checkedIcon:H,checked:eo,inputProps:{"aria-label":"All"}}),label:"All"})},lo=a((function(){return{onOutsideClick:to,isEmptyOptions:m($e),loading:V,AllSelectComponent:!ue&&Z&&!m($e)&&n(so,{}),RecentSearchesComponent:te&&n(te,{title:"Recent Searches",Icon:T,dataStorage:re,dataStorageKey:ne,maxCount:oe,isHidden:!m(Ae),onInputChange:function(e){return Le(e)},inputValue:Re}),GroupsComponent:!he&&Ue&&ee&&n(ee,{onGroupClick:Xe,groups:$})}}),[he,V,Ue,Ae,eo,oo,Re,fe,ue]),po=a((function(){return function(n){var r=n.children,i=n.className,s=e(n,["children","className"]);return t(k,o({},s,{className:i,inputRef:De,ref:Me},{children:[r,Ie]}))}}),[Ie]),ao=a((function(){return function(t){var r=Ce.style,i=e(Ce,["style"]);return n(C,o({},t,{style:o(o({},t.style),r),placement:"bottom-start"},i))}}),[Ce]);return n(z.Provider,o({value:lo},{children:n(b,o({},g(Se,["InputProps","isNullable"]),{PopperComponent:ao,disableClearable:W,onOpen:function(e){ke(!0),me(e)},onClose:to,open:null!==(G=Se.isOpenedFromParent)&&void 0!==G?G:Ne,onChange:function(e,o){Z||Le(""),_(e,o)},forcePopupIcon:D.forcePopupIcon,fullWidth:!0,disabled:Y,value:q,classes:Ve,renderInput:function(s){var l,p,a,d,h,f,b=i(!1),C=b[0],I=b[1],v=s.InputProps,y=s.inputProps,A=e(s,["InputProps","inputProps"]),L=(null===(d=null===(a=null===(p=v.endAdornment)||void 0===p?void 0:p.props)||void 0===a?void 0:a.children)||void 0===d?void 0:d.length)>1?c(v.endAdornment,{children:v.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):v.endAdornment,G=Pe&&1===Ze,R=C||Ne||Ae.length>0||!m(q)||!m(null===(h=Se.InputProps)||void 0===h?void 0:h.startAdornment),T=Se.InputProps||{},N=T.classes,k=void 0===N?{}:N,F=k.input,z=void 0===F?"":F,B=e(k,["input"]),E=T.style,H=e(T,["classes","style"]);return n(O,o({},A,g(le,["endAdornment"]),{onBlur:function(){I(!1),Pe&&""!==Ae.trim()&&Je(),G&&Be(!0)},onFocus:function(){I(!0)},inputRef:De,placeholder:m(q)&&Q,classes:{root:Ee.searchInput},inputProps:o(o({style:{padding:5}},y),Se.inputProps),InputLabelProps:{shrink:R},InputProps:o(o(o({classes:o({input:u(ze?Ee.inputShrinked:G&&Ee.inputExpanded,z)},B),style:o({paddingRight:0,paddingBottom:0},E)},v),H),{startAdornment:t(r,{children:[null===(f=Se.InputProps)||void 0===f?void 0:f.startAdornment,he&&n(P,{className:Ee.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:t("div",o({className:Ee.selectedGroupLabel},{children:[he.name,n(M,{size:16,id:"removeGroupIcon",className:Ee.removeIcon,onClick:ge})]}))},he.id),Z&&!m(q)&&n("div",o({onClick:ro,id:"selectedOptions",className:u(Ee.selectedLabel,ze&&Ee.selectedLabelExpanded)},{children:io(q)}))]}),endAdornment:t(r,{children:[t(x,o({className:u(Ee.endAdornment,(l={},l[Ee.removeIconWithDropdown]=D.forcePopupIcon,l)),position:"end"},{children:[le.endAdornment,V&&n(S,{color:"primary",size:20}),Ae&&!W&&n(j,o({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ee.iconButton,onClick:function(){Le(""),ie?ie():_(null,[])},tooltipProps:{title:"Clear"}},{children:n(M,{size:20,className:Ee.closeIcon})}))]})),D.forcePopupIcon&&L]})})}))},loading:V,options:$e,renderGroup:function(e){var r=e.key,i=e.group,s=e.children;return!i||!m(he)&&Z?s:t("div",o({className:Ee.group},{children:[n(I,o({title:i,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500},{children:n(P,{"data-not-migrated-muichip":!0,className:u(Ee.groupChip,_e),variant:"outlined",label:i})})),s]}),r)},disableCloseOnSelect:Z,multiple:Z,renderOption:ce||function(e,r){var i=e.label,s=e.id,l=r.selected;return Z?t("div",o({className:u(Ee.option,J)},{children:[n(A,{disableRipple:!0,icon:E,className:Ee.checkbox,checkedIcon:H,checked:l}),n(F,o({className:Ee.optionLabelContainer},{children:i}))]}),s):n(L,o({className:Ee.menuItem,value:s},{children:n(F,o({className:Ee.optionLabelContainer},{children:i}))}),s)},groupBy:Ue?function(e){return e.group}:null,PaperComponent:po,ListboxComponent:xe,inputValue:Ae,getOptionLabel:se,getOptionDisabled:D.getOptionDisabled,onInputChange:function(e,o,n){"reset"===n&&Z||(Le((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||o),ae(o,n))},loadingText:n("div",o({className:Ee.label},{children:"Loading ..."})),noOptionsText:n("div",o({className:Ee.label},{children:Oe})),ListboxProps:pe,onFocus:function(){var e;Be(!1),null===(e=Se.onFocus)||void 0===e||e.call(Se)}}))}))},W={AutocompleteProps:d.shape({forcePopupIcon:d.bool,getOptionDisabled:d.func}),allChecked:d.bool,TextFieldProps:d.shape({label:d.string,endAdornment:d.node}),selectedGroup:d.shape({name:d.string,id:d.string}),onGroupReset:d.func,onClose:d.func,disableClearable:d.bool,value:d.oneOfType([d.arrayOf(d.shape({})),d.shape({})]).isRequired,onChange:d.func.isRequired,onInputChange:d.func,getOptionLabel:d.func,onGroupChange:d.func,loading:d.bool,disabled:d.bool,multiple:d.bool,options:d.array,optionSize:d.string,popupIcon:d.node,InputProps:d.shape({startAdornment:d.node,classes:d.shape({input:d.string}),style:d.shape({})}),ListboxProps:d.shape({}),classes:d.shape({popper:d.string,listbox:d.string,popupIndicator:d.string,popupIndicatorOpen:d.string,groupChip:d.string}),onInputChangeCallback:d.func,placeholder:d.string,RecentSearchesComponent:d.elementType,ListboxComponent:d.any,recentSearchesMaxCount:d.number,dataStorageKey:d.string,dataStorage:d.shape({}),groups:d.array,GroupsComponent:d.elementType,onOpen:d.func,renderCustomOption:d.func,onInputReset:d.func,isHiddenAllOption:d.bool,paperFooter:d.node,isOpenedFromParent:d.bool,popperProps:d.shape({style:d.shape({})}),onFocus:d.func,isClearInputOnBlur:d.bool,inputProps:d.shape({}),noOptionsText:d.string};q.propTypes=W,q.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon:n(D,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:N,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"};export{q as default};
1
+ import{__rest as e,__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as i,useRef as s,useCallback as l,useEffect as p,useMemo as a,cloneElement as c}from"react";import u from"classnames";import d from"prop-types";import{isEmpty as m,debounce as h,omit as g,noop as f}from"lodash";import{Autocomplete as b}from"@material-ui/lab";import{Popper as C,Tooltip as I,Fade as v,Chip as P,TextField as O,InputAdornment as x,CircularProgress as S,FormControlLabel as y,Checkbox as A,MenuItem as L}from"@material-ui/core";import{CheckBoxOutlineBlank as G,CheckBox as R,AccessTime as T}from"@material-ui/icons";import j from"../IconButton/index.js";import N from"./components/Listbox.js";import k from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/Groups.js";import{MiddleTruncatedText as F}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{PaperContext as z}from"./context/index.js";import B from"./styles.js";import{DownOneIcon as D,CloseSmallIcon as M}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.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/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";var E=o(G,{style:{fontSize:20}}),H=o(R,{style:{fontSize:20}}),K={},q=function(d){var G,R=d.classes,N=d.AutocompleteProps,D=void 0===N?{}:N,q=d.value,W=d.disableClearable,_=d.onChange,w=d.onInputChange,V=d.loading,U=d.options,J=d.optionSize,Q=d.placeholder,X=d.onGroupChange,Y=d.disabled,Z=d.multiple,$=d.groups,ee=d.GroupsComponent,ne=d.recentSearchesMaxCount,oe=d.dataStorageKey,te=d.RecentSearchesComponent,re=d.dataStorage,ie=d.onInputReset,se=d.getOptionLabel,le=d.TextFieldProps,pe=d.ListboxProps,ae=d.onInputChangeCallback,ce=d.renderCustomOption,ue=d.isHiddenAllOption,de=d.onOpen,me=void 0===de?f:de,he=d.selectedGroup,ge=d.onGroupReset,fe=d.onClose,be=d.popperProps,Ce=void 0===be?K:be,Ie=d.paperFooter,ve=d.isClearInputOnBlur,Pe=void 0!==ve&&ve,Oe=d.noOptionsText,xe=d.ListboxComponent,Se=e(d,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","isClearInputOnBlur","noOptionsText","ListboxComponent"]),ye=i(""),Ae=ye[0],Le=ye[1],Ge=i(""),Re=Ge[0],Te=Ge[1],je=i(!1),Ne=je[0],ke=je[1],Fe=i(!1),ze=Fe[0],Be=Fe[1],De=s(),Me=s(),Ee=B(),He=R.popper,Ke=R.listbox,qe=R.popupIndicator,We=R.popupIndicatorOpen,_e=R.groupChip,we=e(R,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Ve=n({popper:u(Ee.popper,He),listbox:u(Ee.listbox,Ke),popupIndicator:u(Ee.popupIndicator,qe),popupIndicatorOpen:u(Ee.popupIndicatorOpen,We)},we),Ue=(null==U?void 0:U.some((function(e){return e.group})))||!m($),Je=function(){Le(""),null==ie||ie()},Qe=l(h((function(e){return Te(e)}),500),[]),Xe=function(e){var n=$.find((function(n){return n.id===e}));Je(),X(n)};p((function(){Ne&&(De.current.focus(),De.current.setSelectionRange(Ae.length,Ae.length))}));var Ye=null==U?void 0:U.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),Ze=Z&&Array.isArray(q)?q.length:null,$e=m(he)?Ye:null==U?void 0:U.filter((function(e){return e.group===he.name})),en=Z&&(null==$e?void 0:$e.length)===Ze,nn=Z&&!!Ze&&!en,on=function(){return Je(),D.getOptionDisabled&&en?_(null,[U[U.length-1]]):_(null,en||nn?[]:$e)};p((function(){Qe(Ae),w&&w(Ae)}),[Ae]);var tn=function(e,n){"blur"===n&&(!e.relatedTarget||Me.current.contains(e.relatedTarget))||(fe(),ke(!1))},rn=function(){var e;(null!==(e=Se.isOpenedFromParent)&&void 0!==e?e:Ne)?(ke(!1),fe()):(ke(!0),me())},sn=function(e){if(en&&!ue)return"All";var n=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?o("div",{children:o(F,{children:n})}):"".concat(null==e?void 0:e.length," Selected")},ln=function(){return o(y,{id:"selectAllLabel",className:Ee.selectAllCheckbox,onClick:on,control:o(A,{icon:E,style:{fontSize:20},indeterminate:nn,checkedIcon:H,checked:en,inputProps:{"aria-label":"All"}}),label:"All"})},pn=m($e),an=a((function(){return{onOutsideClick:tn,isEmptyOptions:pn,loading:V,AllSelectComponent:!ue&&Z&&!pn&&o(ln,{}),RecentSearchesComponent:te&&o(te,{title:"Recent Searches",Icon:T,dataStorage:re,dataStorageKey:oe,maxCount:ne,isHidden:!m(Ae),onInputChange:function(e){return Le(e)},inputValue:Re}),GroupsComponent:!he&&Ue&&ee&&o(ee,{onGroupClick:Xe,groups:$})}}),[he,V,Ue,pn,Ae,en,nn,Re,fe,ue]),cn=a((function(){return function(o){var r=o.children,i=o.className,s=e(o,["children","className"]);return t(k,n({},s,{className:i,inputRef:De,ref:Me},{children:[r,Ie]}))}}),[Ie]),un=a((function(){return function(t){var r=Ce.style,i=e(Ce,["style"]);return o(C,n({},t,{style:n(n({},t.style),r),placement:"bottom-start"},i))}}),[Ce]);return o(z.Provider,n({value:an},{children:o(b,n({},g(Se,["InputProps","isNullable","isOpenedFromParent"]),{PopperComponent:un,disableClearable:W,onOpen:function(e){ke(!0),me(e)},onClose:tn,open:null!==(G=Se.isOpenedFromParent)&&void 0!==G?G:Ne,onChange:function(e,n){Z||Le(""),_(e,n)},forcePopupIcon:D.forcePopupIcon,fullWidth:!0,disabled:Y,value:q,classes:Ve,renderInput:function(s){var l,p,a,d,h,f,b=i(!1),C=b[0],I=b[1],v=s.InputProps,y=s.inputProps,A=e(s,["InputProps","inputProps"]),L=(null===(d=null===(a=null===(p=v.endAdornment)||void 0===p?void 0:p.props)||void 0===a?void 0:a.children)||void 0===d?void 0:d.length)>1?c(v.endAdornment,{children:v.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):v.endAdornment,G=Pe&&1===Ze,R=C||Ne||Ae.length>0||!m(q)||!m(null===(h=Se.InputProps)||void 0===h?void 0:h.startAdornment),T=Se.InputProps||{},N=T.classes,k=void 0===N?{}:N,F=k.input,z=void 0===F?"":F,B=e(k,["input"]),E=T.style,H=e(T,["classes","style"]);return o(O,n({},A,g(le,["endAdornment"]),{onBlur:function(){I(!1),Pe&&""!==Ae.trim()&&Je(),G&&Be(!0)},onFocus:function(){I(!0)},inputRef:De,placeholder:m(q)?Q:"",classes:{root:Ee.searchInput},inputProps:n(n({style:{padding:5}},y),Se.inputProps),InputLabelProps:{shrink:R},InputProps:n(n(n({classes:n({input:u(ze?Ee.inputShrinked:G&&Ee.inputExpanded,z)},B),style:n({paddingRight:0,paddingBottom:0},E)},v),H),{startAdornment:t(r,{children:[null===(f=Se.InputProps)||void 0===f?void 0:f.startAdornment,he&&o(P,{className:Ee.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:t("div",n({className:Ee.selectedGroupLabel},{children:[he.name,o(M,{size:16,id:"removeGroupIcon",className:Ee.removeIcon,onClick:ge})]}))},he.id),Z&&!m(q)&&o("div",n({onClick:rn,id:"selectedOptions",className:u(Ee.selectedLabel,ze&&Ee.selectedLabelExpanded)},{children:sn(q)}))]}),endAdornment:t(r,{children:[t(x,n({className:u(Ee.endAdornment,(l={},l[Ee.removeIconWithDropdown]=D.forcePopupIcon,l)),position:"end"},{children:[le.endAdornment,V&&o(S,{color:"primary",size:20}),Ae&&!W&&o(j,n({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ee.iconButton,onClick:function(){Le(""),ie?ie():_(null,[])},tooltipProps:{title:"Clear"}},{children:o(M,{size:20,className:Ee.closeIcon})}))]})),D.forcePopupIcon&&L]})})}))},loading:V,options:$e,renderGroup:function(e){var r=e.key,i=e.group,s=e.children;return!i||!m(he)&&Z?s:t("div",n({className:Ee.group},{children:[o(I,n({title:i,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500},{children:o(P,{"data-not-migrated-muichip":!0,className:u(Ee.groupChip,_e),variant:"outlined",label:i})})),s]}),r)},disableCloseOnSelect:Z,multiple:Z,renderOption:ce||function(e,r){var i=e.label,s=e.id,l=r.selected;return Z?t("div",n({className:u(Ee.option,J)},{children:[o(A,{disableRipple:!0,icon:E,className:Ee.checkbox,checkedIcon:H,checked:l}),o(F,n({className:Ee.optionLabelContainer},{children:i}))]}),s):o(L,n({className:Ee.menuItem,value:s},{children:o(F,n({className:Ee.optionLabelContainer},{children:i}))}),s)},groupBy:Ue?function(e){return e.group}:null,PaperComponent:cn,ListboxComponent:xe,inputValue:Ae,getOptionLabel:se,getOptionDisabled:D.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&Z||(Le((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),ae(n,o))},loadingText:o("div",n({className:Ee.label},{children:"Loading ..."})),noOptionsText:o("div",n({className:Ee.label},{children:Oe})),ListboxProps:pe,onFocus:function(){var e;Be(!1),null===(e=Se.onFocus)||void 0===e||e.call(Se)}}))}))},W={AutocompleteProps:d.shape({forcePopupIcon:d.bool,getOptionDisabled:d.func}),allChecked:d.bool,TextFieldProps:d.shape({label:d.string,endAdornment:d.node}),selectedGroup:d.shape({name:d.string,id:d.string}),onGroupReset:d.func,onClose:d.func,disableClearable:d.bool,value:d.oneOfType([d.arrayOf(d.shape({})),d.shape({})]).isRequired,onChange:d.func.isRequired,onInputChange:d.func,getOptionLabel:d.func,onGroupChange:d.func,loading:d.bool,disabled:d.bool,multiple:d.bool,options:d.array,optionSize:d.string,popupIcon:d.node,InputProps:d.shape({startAdornment:d.node,classes:d.shape({input:d.string}),style:d.shape({})}),ListboxProps:d.shape({}),classes:d.shape({popper:d.string,listbox:d.string,popupIndicator:d.string,popupIndicatorOpen:d.string,groupChip:d.string}),onInputChangeCallback:d.func,placeholder:d.string,RecentSearchesComponent:d.elementType,ListboxComponent:d.any,recentSearchesMaxCount:d.number,dataStorageKey:d.string,dataStorage:d.shape({}),groups:d.array,GroupsComponent:d.elementType,onOpen:d.func,renderCustomOption:d.func,onInputReset:d.func,isHiddenAllOption:d.bool,paperFooter:d.node,isOpenedFromParent:d.bool,popperProps:d.shape({style:d.shape({})}),onFocus:d.func,isClearInputOnBlur:d.bool,inputProps:d.shape({}),noOptionsText:d.string};q.propTypes=W,q.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon:o(D,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:N,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"};export{q as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "0.90.0-9",
3
+ "version": "0.91.0-0",
4
4
  "description": "Shared components/utils for Corva ui projects",
5
5
  "keywords": [
6
6
  "corva-ui"