@corva/ui 0.88.0-rc.0 → 0.89.0-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs-bundle/components/Search/Search.js +1 -1
- package/cjs-bundle/components/Search/styles.js +1 -1
- package/components/Search/Search.d.ts.map +1 -1
- package/components/Search/Search.js +1 -1
- package/components/Search/styles.d.ts.map +1 -1
- package/components/Search/styles.js +1 -1
- package/package.json +1 -1
|
@@ -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"),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}}),_=n.jsx(i.CheckBox,{style:{fontSize:20}}),I={},v=function(t){var s,h=t.classes,b=t.AutocompleteProps,v=void 0===b?{}:b,j=t.value,O=t.disableClearable,P=t.onChange,S=t.onInputChange,y=t.loading,A=t.options,q=t.optionSize,T=t.placeholder,k=t.onGroupChange,G=t.disabled,R=t.multiple,F=t.groups,N=t.GroupsComponent,L=t.recentSearchesMaxCount,M=t.dataStorageKey,E=t.RecentSearchesComponent,B=t.dataStorage,z=t.onInputReset,D=t.getOptionLabel,H=t.TextFieldProps,K=t.ListboxProps,w=t.onInputChangeCallback,W=t.renderCustomOption,V=t.isHiddenAllOption,U=t.onOpen,J=void 0===U?l.noop:U,Q=t.selectedGroup,X=t.onGroupReset,Y=t.onClose,Z=t.popperProps,$=void 0===Z?I:Z,ee=t.paperFooter,ne=t.isClearInputOnBlur,oe=void 0!==ne&&ne,te=t.noOptionsText,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"]),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(),_e=h.popper,Ie=h.listbox,ve=h.popupIndicator,je=h.popupIndicatorOpen,Oe=h.groupChip,Pe=e.__rest(h,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Se=e.__assign({popper:C.default(xe.popper,_e),listbox:C.default(xe.listbox,Ie),popupIndicator:C.default(xe.popupIndicator,ve),popupIndicatorOpen:C.default(xe.popupIndicatorOpen,je)},Pe),ye=(null==A?void 0:A.some((function(e){return e.group})))||!l.isEmpty(F),Ae=function(){ae(""),null==z||z()},qe=o.useCallback(l.debounce((function(e){return pe(e)}),500),[]),Te=function(e){var n=F.find((function(n){return n.id===e}));Ae(),k(n)};o.useEffect((function(){ce&&Ce.current.focus()}));var ke=null==A?void 0:A.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())})),Ge=R&&Array.isArray(j)?j.length:null,Re=l.isEmpty(Q)?ke:null==A?void 0:A.filter((function(e){return e.group===Q.name})),Fe=R&&(null==Re?void 0:Re.length)===Ge,Ne=R&&!!Ge&&!Fe,Le=function(){return Ae(),v.getOptionDisabled&&Fe?P(null,[A[A.length-1]]):P(null,Fe||Ne?[]:Re)};o.useEffect((function(){qe(re),S&&S(re)}),[re]);var Me=function(e,n){"blur"===n&&(!e.relatedTarget||be.current.contains(e.relatedTarget))||(Y(),fe(!1))},Ee=function(){var e;(null!==(e=se.isOpenedFromParent)&&void 0!==e?e:ce)?(fe(!1),Y()):(fe(!0),J())},Be=function(e){if(Fe&&!V)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:Le,control:n.jsx(a.Checkbox,{icon:x,style:{fontSize:20},indeterminate:Ne,checkedIcon:_,checked:Fe,inputProps:{"aria-label":"All"}}),label:"All"})},De=o.useMemo((function(){return{onOutsideClick:Me,isEmptyOptions:l.isEmpty(Re),loading:y,AllSelectComponent:!V&&R&&!l.isEmpty(Re)&&n.jsx(ze,{}),RecentSearchesComponent:E&&n.jsx(E,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:B,dataStorageKey:M,maxCount:L,isHidden:!l.isEmpty(re),onInputChange:function(e){return ae(e)},inputValue:ue}),GroupsComponent:!Q&&ye&&N&&n.jsx(N,{onGroupClick:Te,groups:F})}}),[Q,y,ye,re,Fe,Ne,ue,Y,V]),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,ee]}))}}),[ee]),Ke=o.useMemo((function(){return function(o){var t=$.style,s=e.__rest($,["style"]);return n.jsx(a.Popper,e.__assign({},o,{style:e.__assign(e.__assign({},o.style),t),placement:"bottom-start"},s))}}),[$]);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:O,onOpen:function(e){fe(!0),J(e)},onClose:Me,open:null!==(s=se.isOpenedFromParent)&&void 0!==s?s:ce,onChange:function(e,n){R||ae(""),P(e,n)},forcePopupIcon:v.forcePopupIcon,fullWidth:!0,disabled:G,value:j,classes:Se,renderInput:function(t){var s,r,i,p,d,c=t.InputProps,f=t.inputProps,m=e.__rest(t,["InputProps","inputProps"]),h=(null===(p=null===(i=null===(r=c.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(c.endAdornment,{children:c.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):c.endAdornment,b=oe&&1===Ge,x=se.InputProps||{},_=x.classes,I=void 0===_?{}:_,S=I.input,A=void 0===S?"":S,q=e.__rest(I,["input"]),k=x.style,G=e.__rest(x,["classes","style"]);return n.jsx(a.TextField,e.__assign({},m,l.omit(H,["endAdornment"]),{onBlur:function(){oe&&""!==re.trim()&&Ae(),b&&he(!0)},inputRef:Ce,placeholder:T,classes:{root:xe.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},f),se.inputProps),InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:C.default(ge?xe.inputShrinked:b&&xe.inputExpanded,A)},q),style:e.__assign({paddingRight:0,paddingBottom:0},k)},c),G),{startAdornment:n.jsxs(n.Fragment,{children:[null===(d=se.InputProps)||void 0===d?void 0:d.startAdornment,Q&&n.jsx(a.Chip,{className:xe.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:xe.selectedGroupLabel},{children:[Q.name,n.jsx(g.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:xe.removeIcon,onClick:X})]}))},Q.id),R&&!l.isEmpty(j)&&n.jsx("div",e.__assign({onClick:Ee,id:"selectedOptions",className:C.default(xe.selectedLabel,ge&&xe.selectedLabelExpanded)},{children:Be(j)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(a.InputAdornment,e.__assign({className:C.default(xe.endAdornment,(s={},s[xe.removeIconWithDropdown]=v.forcePopupIcon,s)),position:"end"},{children:[H.endAdornment,y&&n.jsx(a.CircularProgress,{color:"primary",size:20}),re&&!O&&n.jsx(u,e.__assign({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:xe.iconButton,onClick:function(){ae(""),z?z():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(g.CloseSmallIcon,{size:16,className:xe.closeIcon})}))]})),v.forcePopupIcon&&h]})})}))},loading:y,options:Re,renderGroup:function(o){var t=o.key,s=o.group,r=o.children;return!s||!l.isEmpty(Q)&&R?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,Oe),variant:"outlined",label:s})})),r]}),t)},disableCloseOnSelect:R,multiple:R,renderOption:W||function(o,t){var s=o.label,l=o.id,r=t.selected;return R?n.jsxs("div",e.__assign({className:C.default(xe.option,q)},{children:[n.jsx(a.Checkbox,{disableRipple:!0,icon:x,className:xe.checkbox,checkedIcon:_,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:He,ListboxComponent:p,inputValue:re,getOptionLabel:D,getOptionDisabled:v.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&R||(ae((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),w(n,o))},loadingText:n.jsx("div",e.__assign({className:xe.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:xe.label},{children:te})),ListboxProps:K,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({}),b.default.bool]).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,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,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}}),_=n.jsx(i.CheckBox,{style:{fontSize:20}}),I={},v=function(t){var s,h=t.classes,b=t.AutocompleteProps,v=void 0===b?{}:b,j=t.value,O=t.disableClearable,P=t.onChange,S=t.onInputChange,y=t.loading,A=t.options,q=t.optionSize,T=t.placeholder,k=t.onGroupChange,G=t.disabled,R=t.multiple,F=t.groups,N=t.GroupsComponent,L=t.recentSearchesMaxCount,M=t.dataStorageKey,E=t.RecentSearchesComponent,B=t.dataStorage,z=t.onInputReset,D=t.getOptionLabel,H=t.TextFieldProps,K=t.ListboxProps,w=t.onInputChangeCallback,W=t.renderCustomOption,V=t.isHiddenAllOption,U=t.onOpen,J=void 0===U?l.noop:U,Q=t.selectedGroup,X=t.onGroupReset,Y=t.onClose,Z=t.popperProps,$=void 0===Z?I:Z,ee=t.paperFooter,ne=t.isClearInputOnBlur,oe=void 0!==ne&&ne,te=t.noOptionsText,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"]),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(),_e=h.popper,Ie=h.listbox,ve=h.popupIndicator,je=h.popupIndicatorOpen,Oe=h.groupChip,Pe=e.__rest(h,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Se=e.__assign({popper:C.default(xe.popper,_e),listbox:C.default(xe.listbox,Ie),popupIndicator:C.default(xe.popupIndicator,ve),popupIndicatorOpen:C.default(xe.popupIndicatorOpen,je)},Pe),ye=(null==A?void 0:A.some((function(e){return e.group})))||!l.isEmpty(F),Ae=function(){ae(""),null==z||z()},qe=o.useCallback(l.debounce((function(e){return pe(e)}),500),[]),Te=function(e){var n=F.find((function(n){return n.id===e}));Ae(),k(n)};o.useEffect((function(){ce&&Ce.current.focus()}));var ke=null==A?void 0:A.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())})),Ge=R&&Array.isArray(j)?j.length:null,Re=l.isEmpty(Q)?ke:null==A?void 0:A.filter((function(e){return e.group===Q.name})),Fe=R&&(null==Re?void 0:Re.length)===Ge,Ne=R&&!!Ge&&!Fe,Le=function(){return Ae(),v.getOptionDisabled&&Fe?P(null,[A[A.length-1]]):P(null,Fe||Ne?[]:Re)};o.useEffect((function(){qe(re),S&&S(re)}),[re]);var Me=function(e,n){"blur"===n&&(!e.relatedTarget||be.current.contains(e.relatedTarget))||(Y(),fe(!1))},Ee=function(){var e;(null!==(e=se.isOpenedFromParent)&&void 0!==e?e:ce)?(fe(!1),Y()):(fe(!0),J())},Be=function(e){if(Fe&&!V)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:Le,control:n.jsx(a.Checkbox,{icon:x,style:{fontSize:20},indeterminate:Ne,checkedIcon:_,checked:Fe,inputProps:{"aria-label":"All"}}),label:"All"})},De=o.useMemo((function(){return{onOutsideClick:Me,isEmptyOptions:l.isEmpty(Re),loading:y,AllSelectComponent:!V&&R&&!l.isEmpty(Re)&&n.jsx(ze,{}),RecentSearchesComponent:E&&n.jsx(E,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:B,dataStorageKey:M,maxCount:L,isHidden:!l.isEmpty(re),onInputChange:function(e){return ae(e)},inputValue:ue}),GroupsComponent:!Q&&ye&&N&&n.jsx(N,{onGroupClick:Te,groups:F})}}),[Q,y,ye,re,Fe,Ne,ue,Y,V]),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,ee]}))}}),[ee]),Ke=o.useMemo((function(){return function(o){var t=$.style,s=e.__rest($,["style"]);return n.jsx(a.Popper,e.__assign({},o,{style:e.__assign(e.__assign({},o.style),t),placement:"bottom-start"},s))}}),[$]);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:O,onOpen:function(e){fe(!0),J(e)},onClose:Me,open:null!==(s=se.isOpenedFromParent)&&void 0!==s?s:ce,onChange:function(e,n){ae(""),P(e,n)},forcePopupIcon:v.forcePopupIcon,fullWidth:!0,disabled:G,value:j,classes:Se,renderInput:function(t){var s,r,i,p,d,c=t.InputProps,f=t.inputProps,m=e.__rest(t,["InputProps","inputProps"]),h=(null===(p=null===(i=null===(r=c.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(c.endAdornment,{children:c.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):c.endAdornment,b=oe&&1===Ge,x=se.InputProps||{},_=x.classes,I=void 0===_?{}:_,S=I.input,A=void 0===S?"":S,q=e.__rest(I,["input"]),k=x.style,G=e.__rest(x,["classes","style"]);return n.jsx(a.TextField,e.__assign({},m,l.omit(H,["endAdornment"]),{onBlur:function(){oe&&""!==re.trim()&&Ae(),b&&he(!0)},inputRef:Ce,placeholder:T,classes:{root:xe.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},f),se.inputProps),InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:C.default(ge?xe.inputShrinked:b&&xe.inputExpanded,A)},q),style:e.__assign({paddingRight:0,paddingBottom:0},k)},c),G),{startAdornment:n.jsxs(n.Fragment,{children:[null===(d=se.InputProps)||void 0===d?void 0:d.startAdornment,Q&&n.jsx(a.Chip,{className:xe.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:xe.selectedGroupLabel},{children:[Q.name,n.jsx(g.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:xe.removeIcon,onClick:X})]}))},Q.id),R&&!l.isEmpty(j)&&n.jsx("div",e.__assign({onClick:Ee,id:"selectedOptions",className:C.default(xe.selectedLabel,ge&&xe.selectedLabelExpanded)},{children:Be(j)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(a.InputAdornment,e.__assign({className:C.default(xe.endAdornment,(s={},s[xe.removeIconWithDropdown]=v.forcePopupIcon,s)),position:"end"},{children:[H.endAdornment,y&&n.jsx(a.CircularProgress,{color:"primary",size:20}),re&&!O&&n.jsx(u,e.__assign({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:xe.iconButton,onClick:function(){ae(""),z?z():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(g.CloseSmallIcon,{size:20,className:xe.closeIcon})}))]})),v.forcePopupIcon&&h]})})}))},loading:y,options:Re,renderGroup:function(o){var t=o.key,s=o.group,r=o.children;return!s||!l.isEmpty(Q)&&R?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,Oe),variant:"outlined",label:s})})),r]}),t)},disableCloseOnSelect:R,multiple:R,renderOption:W||function(o,t){var s=o.label,l=o.id,r=t.selected;return R?n.jsxs("div",e.__assign({className:C.default(xe.option,q)},{children:[n.jsx(a.Checkbox,{disableRipple:!0,icon:x,className:xe.checkbox,checkedIcon:_,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:He,ListboxComponent:p,inputValue:re,getOptionLabel:D,getOptionDisabled:v.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&R||(ae((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),w(n,o))},loadingText:n.jsx("div",e.__assign({className:xe.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:xe.label},{children:te})),ListboxProps:K,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({}),b.default.bool]).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,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,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"},module.exports=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("@material-ui/core").makeStyles((function(t){var i=t.palette;return{searchInput:{"& .MuiInputAdornment-positionStart":{marginRight:4},"&::before":{borderColor:i.primary.text9},"&:hover $popupIndicator svg > path":{stroke:i.primary.contrastText,fill:i.primary.contrastText},"&:hover .MuiInputAdornment-root svg path":{fill:"".concat(i.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(i.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg path":{fill:"".concat(i.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{right:4,height:0,padding:0,"& span > span":{width:16,height:16},"& svg > path":{stroke:i.primary.text6,fill:i.primary.text6},"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{padding:0,color:i.primary.main,transform:"unset",height:0,"& span > span > svg":{transform:"rotate(180deg)"},"& svg > path":{stroke:"".concat(i.primary.main," !important"),fill:"".concat(i.primary.main," !important")}},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative",padding:0},inputExpanded:{width:"auto",minWidth:30},inputShrinked:{width:0,minWidth:"0 !important",flexGrow:0},searchIcon:{fill:"".concat(i.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(i.primary.text6," !important"),"&:hover":{fill:"".concat(i.primary.contrastText," !important")}},iconButton:{
|
|
1
|
+
"use strict";var t=require("@material-ui/core").makeStyles((function(t){var i=t.palette;return{searchInput:{"& .MuiInputAdornment-positionStart":{marginRight:4},"&::before":{borderColor:i.primary.text9},"&:hover $popupIndicator svg > path":{stroke:i.primary.contrastText,fill:i.primary.contrastText},"&:hover .MuiInputAdornment-root svg path":{fill:"".concat(i.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(i.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg path":{fill:"".concat(i.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{right:4,height:0,padding:0,"& span > span":{width:16,height:24},"& span > span > svg":{width:16,height:16},"& svg > path":{stroke:i.primary.text6,fill:i.primary.text6},"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{padding:0,color:i.primary.main,transform:"unset",height:0,"& span > span > svg":{transform:"rotate(180deg)"},"& svg > path":{stroke:"".concat(i.primary.main," !important"),fill:"".concat(i.primary.main," !important")}},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative",padding:0},inputExpanded:{width:"auto",minWidth:30},inputShrinked:{width:0,minWidth:"0 !important",flexGrow:0},searchIcon:{fill:"".concat(i.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(i.primary.text6," !important"),"&:hover":{fill:"".concat(i.primary.contrastText," !important")}},iconButton:{padding:"0px !important","&:hover":{backgroundColor:"transparent",backdropFilter:"none"}},option:{display:"flex","&.large":{padding:"9px 0"}},group:{padding:"4px 0"},optionLabelContainer:{flexGrow:1,minWidth:0},groupChip:{margin:"0 16px 4px",color:i.primary.text6,border:"1px solid ".concat(i.primary.text9),fontSize:14,"&:hover":{backgroundColor:"initial"}},selectedGroup:{padding:"4px 2px",marginRight:8,color:i.primary.text6,border:"1px solid ".concat(i.primary.text9),height:20,fontSize:14,"& .MuiChip-label":{padding:"0px 0px 0px 8px"}},selectedGroupLabel:{display:"flex",alignItems:"center"},removeIcon:{fontSize:"16px",margin:"0 4px",cursor:"pointer"},removeIconWithDropdown:{marginRight:20,zIndex:1},checkbox:{padding:"0 8px 0 0","&:hover":{backgroundColor:"initial !important"}},selectAllCheckbox:{margin:0,height:54,width:"100%",borderBottom:"1px solid ".concat(i.primary.text9),padding:"16px 8px 8px 8px","& .MuiCheckbox-root .MuiSvgIcon-root":{fontSize:"20px !important"},"& .Mui-checked:hover, & .MuiCheckbox-indeterminate:hover":{backgroundColor:"initial !important"},"& .Mui-checked:active, & .MuiCheckbox-indeterminate:active":{backgroundColor:"initial !important"}},selectedLabel:{maxWidth:124},selectedLabelExpanded:{maxWidth:"unset",flexGrow:1},menuItem:{padding:0,"&:hover":{backgroundColor:"initial"}},endAdornment:{marginLeft:0}}}));module.exports=t;
|
|
@@ -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;2fAoCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
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;2fAoCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgb3B,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEpB,CAAC;AAuCF,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 l,useCallback as s,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 O,TextField as P,InputAdornment as x,CircularProgress as S,FormControlLabel as y,Checkbox as A,MenuItem as G}from"@material-ui/core";import{CheckBoxOutlineBlank as T,CheckBox as j,AccessTime as N}from"@material-ui/icons";import R from"../IconButton/index.js";import k from"./components/Listbox.js";import L 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(T,{style:{fontSize:20}}),H=n(j,{style:{fontSize:20}}),K={},q=function(d){var T,j=d.classes,D=d.AutocompleteProps,q=void 0===D?{}:D,W=d.value,_=d.disableClearable,w=d.onChange,V=d.onInputChange,U=d.loading,J=d.options,Q=d.optionSize,X=d.placeholder,Y=d.onGroupChange,Z=d.disabled,$=d.multiple,ee=d.groups,oe=d.GroupsComponent,ne=d.recentSearchesMaxCount,te=d.dataStorageKey,re=d.RecentSearchesComponent,ie=d.dataStorage,le=d.onInputReset,se=d.getOptionLabel,pe=d.TextFieldProps,ae=d.ListboxProps,ce=d.onInputChangeCallback,ue=d.renderCustomOption,de=d.isHiddenAllOption,me=d.onOpen,he=void 0===me?f:me,ge=d.selectedGroup,fe=d.onGroupReset,be=d.onClose,Ce=d.popperProps,Ie=void 0===Ce?K:Ce,ve=d.paperFooter,Oe=d.isClearInputOnBlur,Pe=void 0!==Oe&&Oe,xe=d.noOptionsText,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"]),ye=i(""),Ae=ye[0],Ge=ye[1],Te=i(""),je=Te[0],Ne=Te[1],Re=i(!1),ke=Re[0],Le=Re[1],Fe=i(!1),ze=Fe[0],Be=Fe[1],De=l(),Me=l(),Ee=B(),He=j.popper,Ke=j.listbox,qe=j.popupIndicator,We=j.popupIndicatorOpen,_e=j.groupChip,we=e(j,["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==J?void 0:J.some((function(e){return e.group})))||!m(ee),Je=function(){Ge(""),null==le||le()},Qe=s(h((function(e){return Ne(e)}),500),[]),Xe=function(e){var o=ee.find((function(o){return o.id===e}));Je(),Y(o)};p((function(){ke&&De.current.focus()}));var Ye=null==J?void 0:J.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=$&&Array.isArray(W)?W.length:null,$e=m(ge)?Ye:null==J?void 0:J.filter((function(e){return e.group===ge.name})),eo=$&&(null==$e?void 0:$e.length)===Ze,oo=$&&!!Ze&&!eo,no=function(){return Je(),q.getOptionDisabled&&eo?w(null,[J[J.length-1]]):w(null,eo||oo?[]:$e)};p((function(){Qe(Ae),V&&V(Ae)}),[Ae]);var to=function(e,o){"blur"===o&&(!e.relatedTarget||Me.current.contains(e.relatedTarget))||(be(),Le(!1))},ro=function(){var e;(null!==(e=Se.isOpenedFromParent)&&void 0!==e?e:ke)?(Le(!1),be()):(Le(!0),he())},io=function(e){if(eo&&!de)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")},lo=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"})},so=a((function(){return{onOutsideClick:to,isEmptyOptions:m($e),loading:U,AllSelectComponent:!de&&$&&!m($e)&&n(lo,{}),RecentSearchesComponent:re&&n(re,{title:"Recent Searches",Icon:N,dataStorage:ie,dataStorageKey:te,maxCount:ne,isHidden:!m(Ae),onInputChange:function(e){return Ge(e)},inputValue:je}),GroupsComponent:!ge&&Ue&&oe&&n(oe,{onGroupClick:Xe,groups:ee})}}),[ge,U,Ue,Ae,eo,oo,je,be,de]),po=a((function(){return function(n){var r=n.children,i=n.className,l=e(n,["children","className"]);return t(L,o({},l,{className:i,inputRef:De,ref:Me},{children:[r,ve]}))}}),[ve]),ao=a((function(){return function(t){var r=Ie.style,i=e(Ie,["style"]);return n(C,o({},t,{style:o(o({},t.style),r),placement:"bottom-start"},i))}}),[Ie]);return n(z.Provider,o({value:so},{children:n(b,o({},g(Se,["InputProps","isNullable"]),{PopperComponent:ao,disableClearable:_,onOpen:function(e){Le(!0),he(e)},onClose:to,open:null!==(T=Se.isOpenedFromParent)&&void 0!==T?T:ke,onChange:function(e,o){$||Ge(""),w(e,o)},forcePopupIcon:q.forcePopupIcon,fullWidth:!0,disabled:Z,value:W,classes:Ve,renderInput:function(i){var l,s,p,a,d,h=i.InputProps,f=i.inputProps,b=e(i,["InputProps","inputProps"]),C=(null===(a=null===(p=null===(s=h.endAdornment)||void 0===s?void 0:s.props)||void 0===p?void 0:p.children)||void 0===a?void 0:a.length)>1?c(h.endAdornment,{children:h.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):h.endAdornment,I=Pe&&1===Ze,v=Se.InputProps||{},y=v.classes,A=void 0===y?{}:y,G=A.input,T=void 0===G?"":G,j=e(A,["input"]),N=v.style,k=e(v,["classes","style"]);return n(P,o({},b,g(pe,["endAdornment"]),{onBlur:function(){Pe&&""!==Ae.trim()&&Je(),I&&Be(!0)},inputRef:De,placeholder:X,classes:{root:Ee.searchInput},inputProps:o(o({style:{padding:5}},f),Se.inputProps),InputProps:o(o(o({classes:o({input:u(ze?Ee.inputShrinked:I&&Ee.inputExpanded,T)},j),style:o({paddingRight:0,paddingBottom:0},N)},h),k),{startAdornment:t(r,{children:[null===(d=Se.InputProps)||void 0===d?void 0:d.startAdornment,ge&&n(O,{className:Ee.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:t("div",o({className:Ee.selectedGroupLabel},{children:[ge.name,n(M,{size:16,id:"removeGroupIcon",className:Ee.removeIcon,onClick:fe})]}))},ge.id),$&&!m(W)&&n("div",o({onClick:ro,id:"selectedOptions",className:u(Ee.selectedLabel,ze&&Ee.selectedLabelExpanded)},{children:io(W)}))]}),endAdornment:t(r,{children:[t(x,o({className:u(Ee.endAdornment,(l={},l[Ee.removeIconWithDropdown]=q.forcePopupIcon,l)),position:"end"},{children:[pe.endAdornment,U&&n(S,{color:"primary",size:20}),Ae&&!_&&n(R,o({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ee.iconButton,onClick:function(){Ge(""),le?le():w(null,[])},tooltipProps:{title:"Clear"}},{children:n(M,{size:16,className:Ee.closeIcon})}))]})),q.forcePopupIcon&&C]})})}))},loading:U,options:$e,renderGroup:function(e){var r=e.key,i=e.group,l=e.children;return!i||!m(ge)&&$?l:t("div",o({className:Ee.group},{children:[n(I,o({title:i,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500},{children:n(O,{"data-not-migrated-muichip":!0,className:u(Ee.groupChip,_e),variant:"outlined",label:i})})),l]}),r)},disableCloseOnSelect:$,multiple:$,renderOption:ue||function(e,r){var i=e.label,l=e.id,s=r.selected;return $?t("div",o({className:u(Ee.option,Q)},{children:[n(A,{disableRipple:!0,icon:E,className:Ee.checkbox,checkedIcon:H,checked:s}),n(F,o({className:Ee.optionLabelContainer},{children:i}))]}),l):n(G,o({className:Ee.menuItem,value:l},{children:n(F,o({className:Ee.optionLabelContainer},{children:i}))}),l)},groupBy:Ue?function(e){return e.group}:null,PaperComponent:po,ListboxComponent:k,inputValue:Ae,getOptionLabel:se,getOptionDisabled:q.getOptionDisabled,onInputChange:function(e,o,n){"reset"===n&&$||(Ge((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||o),ce(o,n))},loadingText:n("div",o({className:Ee.label},{children:"Loading ..."})),noOptionsText:n("div",o({className:Ee.label},{children:xe})),ListboxProps:ae,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({}),d.bool]).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,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,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 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 l,useCallback as s,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 O,TextField as P,InputAdornment as x,CircularProgress as S,FormControlLabel as y,Checkbox as A,MenuItem as G}from"@material-ui/core";import{CheckBoxOutlineBlank as T,CheckBox as j,AccessTime as N}from"@material-ui/icons";import R from"../IconButton/index.js";import k from"./components/Listbox.js";import L 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(T,{style:{fontSize:20}}),H=n(j,{style:{fontSize:20}}),K={},q=function(d){var T,j=d.classes,D=d.AutocompleteProps,q=void 0===D?{}:D,W=d.value,_=d.disableClearable,w=d.onChange,V=d.onInputChange,U=d.loading,J=d.options,Q=d.optionSize,X=d.placeholder,Y=d.onGroupChange,Z=d.disabled,$=d.multiple,ee=d.groups,oe=d.GroupsComponent,ne=d.recentSearchesMaxCount,te=d.dataStorageKey,re=d.RecentSearchesComponent,ie=d.dataStorage,le=d.onInputReset,se=d.getOptionLabel,pe=d.TextFieldProps,ae=d.ListboxProps,ce=d.onInputChangeCallback,ue=d.renderCustomOption,de=d.isHiddenAllOption,me=d.onOpen,he=void 0===me?f:me,ge=d.selectedGroup,fe=d.onGroupReset,be=d.onClose,Ce=d.popperProps,Ie=void 0===Ce?K:Ce,ve=d.paperFooter,Oe=d.isClearInputOnBlur,Pe=void 0!==Oe&&Oe,xe=d.noOptionsText,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"]),ye=i(""),Ae=ye[0],Ge=ye[1],Te=i(""),je=Te[0],Ne=Te[1],Re=i(!1),ke=Re[0],Le=Re[1],Fe=i(!1),ze=Fe[0],Be=Fe[1],De=l(),Me=l(),Ee=B(),He=j.popper,Ke=j.listbox,qe=j.popupIndicator,We=j.popupIndicatorOpen,_e=j.groupChip,we=e(j,["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==J?void 0:J.some((function(e){return e.group})))||!m(ee),Je=function(){Ge(""),null==le||le()},Qe=s(h((function(e){return Ne(e)}),500),[]),Xe=function(e){var o=ee.find((function(o){return o.id===e}));Je(),Y(o)};p((function(){ke&&De.current.focus()}));var Ye=null==J?void 0:J.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=$&&Array.isArray(W)?W.length:null,$e=m(ge)?Ye:null==J?void 0:J.filter((function(e){return e.group===ge.name})),eo=$&&(null==$e?void 0:$e.length)===Ze,oo=$&&!!Ze&&!eo,no=function(){return Je(),q.getOptionDisabled&&eo?w(null,[J[J.length-1]]):w(null,eo||oo?[]:$e)};p((function(){Qe(Ae),V&&V(Ae)}),[Ae]);var to=function(e,o){"blur"===o&&(!e.relatedTarget||Me.current.contains(e.relatedTarget))||(be(),Le(!1))},ro=function(){var e;(null!==(e=Se.isOpenedFromParent)&&void 0!==e?e:ke)?(Le(!1),be()):(Le(!0),he())},io=function(e){if(eo&&!de)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")},lo=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"})},so=a((function(){return{onOutsideClick:to,isEmptyOptions:m($e),loading:U,AllSelectComponent:!de&&$&&!m($e)&&n(lo,{}),RecentSearchesComponent:re&&n(re,{title:"Recent Searches",Icon:N,dataStorage:ie,dataStorageKey:te,maxCount:ne,isHidden:!m(Ae),onInputChange:function(e){return Ge(e)},inputValue:je}),GroupsComponent:!ge&&Ue&&oe&&n(oe,{onGroupClick:Xe,groups:ee})}}),[ge,U,Ue,Ae,eo,oo,je,be,de]),po=a((function(){return function(n){var r=n.children,i=n.className,l=e(n,["children","className"]);return t(L,o({},l,{className:i,inputRef:De,ref:Me},{children:[r,ve]}))}}),[ve]),ao=a((function(){return function(t){var r=Ie.style,i=e(Ie,["style"]);return n(C,o({},t,{style:o(o({},t.style),r),placement:"bottom-start"},i))}}),[Ie]);return n(z.Provider,o({value:so},{children:n(b,o({},g(Se,["InputProps","isNullable"]),{PopperComponent:ao,disableClearable:_,onOpen:function(e){Le(!0),he(e)},onClose:to,open:null!==(T=Se.isOpenedFromParent)&&void 0!==T?T:ke,onChange:function(e,o){Ge(""),w(e,o)},forcePopupIcon:q.forcePopupIcon,fullWidth:!0,disabled:Z,value:W,classes:Ve,renderInput:function(i){var l,s,p,a,d,h=i.InputProps,f=i.inputProps,b=e(i,["InputProps","inputProps"]),C=(null===(a=null===(p=null===(s=h.endAdornment)||void 0===s?void 0:s.props)||void 0===p?void 0:p.children)||void 0===a?void 0:a.length)>1?c(h.endAdornment,{children:h.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):h.endAdornment,I=Pe&&1===Ze,v=Se.InputProps||{},y=v.classes,A=void 0===y?{}:y,G=A.input,T=void 0===G?"":G,j=e(A,["input"]),N=v.style,k=e(v,["classes","style"]);return n(P,o({},b,g(pe,["endAdornment"]),{onBlur:function(){Pe&&""!==Ae.trim()&&Je(),I&&Be(!0)},inputRef:De,placeholder:X,classes:{root:Ee.searchInput},inputProps:o(o({style:{padding:5}},f),Se.inputProps),InputProps:o(o(o({classes:o({input:u(ze?Ee.inputShrinked:I&&Ee.inputExpanded,T)},j),style:o({paddingRight:0,paddingBottom:0},N)},h),k),{startAdornment:t(r,{children:[null===(d=Se.InputProps)||void 0===d?void 0:d.startAdornment,ge&&n(O,{className:Ee.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:t("div",o({className:Ee.selectedGroupLabel},{children:[ge.name,n(M,{size:16,id:"removeGroupIcon",className:Ee.removeIcon,onClick:fe})]}))},ge.id),$&&!m(W)&&n("div",o({onClick:ro,id:"selectedOptions",className:u(Ee.selectedLabel,ze&&Ee.selectedLabelExpanded)},{children:io(W)}))]}),endAdornment:t(r,{children:[t(x,o({className:u(Ee.endAdornment,(l={},l[Ee.removeIconWithDropdown]=q.forcePopupIcon,l)),position:"end"},{children:[pe.endAdornment,U&&n(S,{color:"primary",size:20}),Ae&&!_&&n(R,o({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ee.iconButton,onClick:function(){Ge(""),le?le():w(null,[])},tooltipProps:{title:"Clear"}},{children:n(M,{size:20,className:Ee.closeIcon})}))]})),q.forcePopupIcon&&C]})})}))},loading:U,options:$e,renderGroup:function(e){var r=e.key,i=e.group,l=e.children;return!i||!m(ge)&&$?l:t("div",o({className:Ee.group},{children:[n(I,o({title:i,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500},{children:n(O,{"data-not-migrated-muichip":!0,className:u(Ee.groupChip,_e),variant:"outlined",label:i})})),l]}),r)},disableCloseOnSelect:$,multiple:$,renderOption:ue||function(e,r){var i=e.label,l=e.id,s=r.selected;return $?t("div",o({className:u(Ee.option,Q)},{children:[n(A,{disableRipple:!0,icon:E,className:Ee.checkbox,checkedIcon:H,checked:s}),n(F,o({className:Ee.optionLabelContainer},{children:i}))]}),l):n(G,o({className:Ee.menuItem,value:l},{children:n(F,o({className:Ee.optionLabelContainer},{children:i}))}),l)},groupBy:Ue?function(e){return e.group}:null,PaperComponent:po,ListboxComponent:k,inputValue:Ae,getOptionLabel:se,getOptionDisabled:q.getOptionDisabled,onInputChange:function(e,o,n){"reset"===n&&$||(Ge((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||o),ce(o,n))},loadingText:n("div",o({className:Ee.label},{children:"Loading ..."})),noOptionsText:n("div",o({className:Ee.label},{children:xe})),ListboxProps:ae,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({}),d.bool]).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,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,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"};export{q as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Search/styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Search/styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,meAmLZ,CAAC;AAEJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyles as t}from"@material-ui/core";var i=t((function(t){var i=t.palette;return{searchInput:{"& .MuiInputAdornment-positionStart":{marginRight:4},"&::before":{borderColor:i.primary.text9},"&:hover $popupIndicator svg > path":{stroke:i.primary.contrastText,fill:i.primary.contrastText},"&:hover .MuiInputAdornment-root svg path":{fill:"".concat(i.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(i.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg path":{fill:"".concat(i.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{right:4,height:0,padding:0,"& span > span":{width:16,height:16},"& svg > path":{stroke:i.primary.text6,fill:i.primary.text6},"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{padding:0,color:i.primary.main,transform:"unset",height:0,"& span > span > svg":{transform:"rotate(180deg)"},"& svg > path":{stroke:"".concat(i.primary.main," !important"),fill:"".concat(i.primary.main," !important")}},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative",padding:0},inputExpanded:{width:"auto",minWidth:30},inputShrinked:{width:0,minWidth:"0 !important",flexGrow:0},searchIcon:{fill:"".concat(i.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(i.primary.text6," !important"),"&:hover":{fill:"".concat(i.primary.contrastText," !important")}},iconButton:{
|
|
1
|
+
import{makeStyles as t}from"@material-ui/core";var i=t((function(t){var i=t.palette;return{searchInput:{"& .MuiInputAdornment-positionStart":{marginRight:4},"&::before":{borderColor:i.primary.text9},"&:hover $popupIndicator svg > path":{stroke:i.primary.contrastText,fill:i.primary.contrastText},"&:hover .MuiInputAdornment-root svg path":{fill:"".concat(i.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(i.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg path":{fill:"".concat(i.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{right:4,height:0,padding:0,"& span > span":{width:16,height:24},"& span > span > svg":{width:16,height:16},"& svg > path":{stroke:i.primary.text6,fill:i.primary.text6},"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{padding:0,color:i.primary.main,transform:"unset",height:0,"& span > span > svg":{transform:"rotate(180deg)"},"& svg > path":{stroke:"".concat(i.primary.main," !important"),fill:"".concat(i.primary.main," !important")}},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative",padding:0},inputExpanded:{width:"auto",minWidth:30},inputShrinked:{width:0,minWidth:"0 !important",flexGrow:0},searchIcon:{fill:"".concat(i.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(i.primary.text6," !important"),"&:hover":{fill:"".concat(i.primary.contrastText," !important")}},iconButton:{padding:"0px !important","&:hover":{backgroundColor:"transparent",backdropFilter:"none"}},option:{display:"flex","&.large":{padding:"9px 0"}},group:{padding:"4px 0"},optionLabelContainer:{flexGrow:1,minWidth:0},groupChip:{margin:"0 16px 4px",color:i.primary.text6,border:"1px solid ".concat(i.primary.text9),fontSize:14,"&:hover":{backgroundColor:"initial"}},selectedGroup:{padding:"4px 2px",marginRight:8,color:i.primary.text6,border:"1px solid ".concat(i.primary.text9),height:20,fontSize:14,"& .MuiChip-label":{padding:"0px 0px 0px 8px"}},selectedGroupLabel:{display:"flex",alignItems:"center"},removeIcon:{fontSize:"16px",margin:"0 4px",cursor:"pointer"},removeIconWithDropdown:{marginRight:20,zIndex:1},checkbox:{padding:"0 8px 0 0","&:hover":{backgroundColor:"initial !important"}},selectAllCheckbox:{margin:0,height:54,width:"100%",borderBottom:"1px solid ".concat(i.primary.text9),padding:"16px 8px 8px 8px","& .MuiCheckbox-root .MuiSvgIcon-root":{fontSize:"20px !important"},"& .Mui-checked:hover, & .MuiCheckbox-indeterminate:hover":{backgroundColor:"initial !important"},"& .Mui-checked:active, & .MuiCheckbox-indeterminate:active":{backgroundColor:"initial !important"}},selectedLabel:{maxWidth:124},selectedLabelExpanded:{maxWidth:"unset",flexGrow:1},menuItem:{padding:0,"&:hover":{backgroundColor:"initial"}},endAdornment:{marginLeft:0}}}));export{i as default};
|