@corva/ui 0.92.0-8 → 0.92.0-9
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";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),o=require("react"),t=require("classnames"),s=require("prop-types"),i=require("lodash"),l=require("@material-ui/lab"),a=require("@material-ui/core"),r=require("@material-ui/icons"),u=require("../IconButton/index.js"),p=require("../MiddleTruncatedText/MiddleTruncatedText.js"),d=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"),require("../../icons/customIcons/icons/CautionFilled.js");var c=require("./components/Listbox.js"),f=require("./components/Paper.js");require("./components/RecentSearches.js"),require("./components/Groups.js");var m=require("./context/index.js"),g=require("./effects/useAutocompleteOptions.js"),h=require("./styles.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=C(t),x=C(s),I=n.jsx(r.CheckBoxOutlineBlank,{style:{fontSize:20}}),_=n.jsx(r.CheckBox,{style:{fontSize:20}}),v={},O=function(t){var s,c=t.classes,C=t.AutocompleteProps,x=void 0===C?{}:C,O=t.value,j=t.disableClearable,P=t.onChange,S=t.onInputChange,y=t.loading,A=t.options,q=t.optionSize,T=t.placeholder,k=t.onGroupChange,L=t.disabled,G=t.multiple,F=t.groups,R=t.GroupsComponent,N=t.recentSearchesMaxCount,M=t.dataStorageKey,z=t.RecentSearchesComponent,E=t.dataStorage,B=t.onInputReset,D=t.getOptionLabel,K=t.TextFieldProps,w=t.ListboxProps,H=t.onInputChangeCallback,W=t.renderCustomOption,U=t.isHiddenAllOption,V=t.onOpen,J=void 0===V?i.noop:V,Q=t.selectedGroup,X=t.onGroupReset,Y=t.onClose,Z=t.popperProps,$=void 0===Z?v:Z,ee=t.paperFooter,ne=t.isClearInputOnBlur,oe=void 0!==ne&&ne,te=t.noOptionsText,se=t.ListboxComponent,ie=t.isPrioritizedSelectedOptions,le=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","isPrioritizedSelectedOptions"]),ae=o.useState(""),re=ae[0],ue=ae[1],pe=o.useState(""),de=pe[0],ce=pe[1],fe=o.useState(!1),me=fe[0],ge=fe[1],he=o.useState(!1),Ce=he[0],be=he[1],xe=o.useRef(),Ie=o.useRef(),_e=g.useAutocompletOptions({options:A,value:O,groups:F,selectedGroup:Q,isPrioritizedSelectedOptions:ie}),ve=_e.autocompleteOptions,Oe=_e.isGrouped,je=_e.handleAutocompleOptionsUpdate,Pe=h(),Se=c.popper,ye=c.listbox,Ae=c.popupIndicator,qe=c.popupIndicatorOpen,Te=c.groupChip,ke=e.__rest(c,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Le=e.__assign({popper:b.default(Pe.popper,Se),listbox:b.default(Pe.listbox,ye),popupIndicator:b.default(Pe.popupIndicator,Ae),popupIndicatorOpen:b.default(Pe.popupIndicatorOpen,qe)},ke),Ge=function(){ue(""),null==B||B()},Fe=o.useCallback(i.debounce((function(e){return ce(e)}),500),[]),Re=function(e){var n=F.find((function(n){return n.id===e}));Ge(),k(n)},Ne=function(e){re.length||G&&"ArrowLeft"===e.code&&e.stopPropagation()};o.useEffect((function(){me&&(xe.current.focus(),xe.current.setSelectionRange(re.length,re.length))}));var Me=G&&Array.isArray(O)?O.length:null,ze=G&&(null==ve?void 0:ve.length)===Me,Ee=G&&!!Me&&!ze,Be=function(){return Ge(),x.getOptionDisabled&&ze?P(null,[A[A.length-1]]):P(null,ze||Ee?[]:ve)};o.useEffect((function(){Fe(re),S&&S(re)}),[re]);var De=function(e,n){"blur"===n&&(!e.relatedTarget||Ie.current.contains(e.relatedTarget))||(Y(),ge(!1))},Ke=function(){var e;(null!==(e=le.isOpenedFromParent)&&void 0!==e?e:me)?(ge(!1),Y()):(ge(!0),J())},we=function(e){if(ze&&!U)return"All";var o=e[0].label||e[0].name||"";return 1===(null==e?void 0:e.length)?n.jsx("div",{children:n.jsx(p.MiddleTruncatedText,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},He=function(){return n.jsx(a.FormControlLabel,{id:"selectAllLabel",className:Pe.selectAllCheckbox,onClick:Be,control:n.jsx(a.Checkbox,{icon:I,style:{fontSize:20},indeterminate:Ee,checkedIcon:_,checked:ze,inputProps:{"aria-label":"All"}}),label:"All"})},We=i.isEmpty(ve),Ue=o.useMemo((function(){return{onOutsideClick:De,isEmptyOptions:We,loading:y,AllSelectComponent:!U&&G&&!We&&n.jsx(He,{}),RecentSearchesComponent:z&&n.jsx(z,{title:"Recent Searches",Icon:r.AccessTime,dataStorage:E,dataStorageKey:M,maxCount:N,isHidden:!i.isEmpty(re),onInputChange:function(e){return ue(e)},inputValue:de}),GroupsComponent:!Q&&Oe&&R&&n.jsx(R,{onGroupClick:Re,groups:F})}}),[Q,y,Oe,We,re,ze,Ee,de,Y,De,U]),Ve=o.useMemo((function(){return function(o){var t=o.children,s=o.className,i=e.__rest(o,["children","className"]);return n.jsxs(f,e.__assign({},i,{className:s,inputRef:xe,ref:Ie},{children:[t,ee]}))}}),[ee]),Je=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(m.PaperContext.Provider,e.__assign({value:Ue},{children:n.jsx(l.Autocomplete,e.__assign({},i.omit(le,["InputProps","isNullable","isOpenedFromParent"]),{PopperComponent:Je,disableClearable:j,onOpen:function(e){je(),ge(!0),J(e)},onClose:De,open:null!==(s=le.isOpenedFromParent)&&void 0!==s?s:me,onChange:function(e,n){G||ue(""),P(e,n)},forcePopupIcon:x.forcePopupIcon,fullWidth:!0,disabled:L,value:O,classes:Le,renderInput:function(t){var s,l,r,p,c,f,m=o.useState(!1),g=m[0],h=m[1],C=t.InputProps,I=t.inputProps,_=e.__rest(t,["InputProps","inputProps"]),v=(null===(p=null===(r=null===(l=C.endAdornment)||void 0===l?void 0:l.props)||void 0===r?void 0:r.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,S=oe&&1===Me,A=g||me||re.length>0||!i.isEmpty(O)||!i.isEmpty(null===(c=le.InputProps)||void 0===c?void 0:c.startAdornment),q=le.InputProps||{},k=q.classes,L=void 0===k?{}:k,F=L.input,R=void 0===F?"":F,N=e.__rest(L,["input"]),M=q.style,z=e.__rest(q,["classes","style"]);return n.jsx(a.TextField,e.__assign({},_,i.omit(K,["endAdornment"]),{onBlur:function(){h(!1),oe&&""!==re.trim()&&Ge(),S&&be(!0)},onFocus:function(){h(!0)},onKeyDown:Ne,inputRef:xe,placeholder:T,classes:{root:Pe.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},I),le.inputProps),InputLabelProps:{shrink:A},InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:b.default(Ce?Pe.inputShrinked:S&&Pe.inputExpanded,R)},N),style:e.__assign({paddingRight:0,paddingBottom:0},M)},C),z),{startAdornment:n.jsxs(n.Fragment,{children:[null===(f=le.InputProps)||void 0===f?void 0:f.startAdornment,Q&&n.jsx(a.Chip,{className:Pe.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:Pe.selectedGroupLabel},{children:[Q.name,n.jsx(d.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:Pe.removeIcon,onClick:X})]}))},Q.id),G&&!i.isEmpty(O)&&n.jsx("div",e.__assign({onClick:Ke,id:"selectedOptions",className:b.default(Pe.selectedLabel,Ce&&Pe.selectedLabelExpanded)},{children:we(O)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(a.InputAdornment,e.__assign({className:b.default(Pe.endAdornment,(s={},s[Pe.removeIconWithDropdown]=x.forcePopupIcon,s)),position:"end"},{children:[K.endAdornment,y&&n.jsx(a.CircularProgress,{color:"primary",size:20}),re&&!j&&n.jsx(u,e.__assign({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Pe.iconButton,onClick:function(){ue(""),B?B():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(d.CloseSmallIcon,{size:20,className:Pe.closeIcon})}))]})),x.forcePopupIcon&&v]})})}))},loading:y,options:ve,renderGroup:function(o){var t=o.key,s=o.group,l=o.children;return!s||!i.isEmpty(Q)&&G?l:n.jsxs("div",e.__assign({className:Pe.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:b.default(Pe.groupChip,Te),variant:"outlined",label:s})})),l]}),t)},disableCloseOnSelect:G,multiple:G,renderOption:W||function(o,t){var s=o.label,i=void 0===s?"":s,l=o.id;return G?n.jsxs("div",e.__assign({className:b.default(Pe.option,q),"data-testid":"autocompleteOption_".concat(i,"MenuItem")},{children:[n.jsx(a.Checkbox,{disableRipple:!0,icon:I,className:Pe.checkbox,checkedIcon:_,checked:t.selected}),n.jsx(p.MiddleTruncatedText,e.__assign({className:Pe.optionLabelContainer},{children:i}))]}),l):n.jsx(a.MenuItem,e.__assign({className:Pe.menuItem,value:l,"data-testid":"autocompleteOption_".concat(i,"MenuItem")},{children:n.jsx(p.MiddleTruncatedText,e.__assign({className:Pe.optionLabelContainer},{children:i}))}),l)},groupBy:Oe?function(e){return e.group}:null,PaperComponent:Ve,ListboxComponent:se,inputValue:re,getOptionLabel:D,getOptionDisabled:x.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&G||(ue((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),H(n,o))},loadingText:n.jsx("div",e.__assign({className:Pe.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:Pe.label},{children:te})),ListboxProps:w,onFocus:function(){var e;be(!1),null===(e=le.onFocus)||void 0===e||e.call(le)}}))}))},j={AutocompleteProps:x.default.shape({forcePopupIcon:x.default.bool,getOptionDisabled:x.default.func}),allChecked:x.default.bool,TextFieldProps:x.default.shape({label:x.default.string,endAdornment:x.default.node}),selectedGroup:x.default.shape({name:x.default.string,id:x.default.string}),onGroupReset:x.default.func,onClose:x.default.func,disableClearable:x.default.bool,value:x.default.oneOfType([x.default.arrayOf(x.default.shape({})),x.default.shape({})]).isRequired,onChange:x.default.func.isRequired,onInputChange:x.default.func,getOptionLabel:x.default.func,onGroupChange:x.default.func,loading:x.default.bool,disabled:x.default.bool,multiple:x.default.bool,options:x.default.array,optionSize:x.default.string,popupIcon:x.default.node,InputProps:x.default.shape({startAdornment:x.default.node,classes:x.default.shape({input:x.default.string}),style:x.default.shape({})}),ListboxProps:x.default.shape({}),classes:x.default.shape({popper:x.default.string,listbox:x.default.string,popupIndicator:x.default.string,popupIndicatorOpen:x.default.string,groupChip:x.default.string}),onInputChangeCallback:x.default.func,placeholder:x.default.string,RecentSearchesComponent:x.default.elementType,ListboxComponent:x.default.any,recentSearchesMaxCount:x.default.number,dataStorageKey:x.default.string,dataStorage:x.default.shape({}),groups:x.default.array,GroupsComponent:x.default.elementType,onOpen:x.default.func,renderCustomOption:x.default.func,onInputReset:x.default.func,isHiddenAllOption:x.default.bool,paperFooter:x.default.node,isOpenedFromParent:x.default.bool,popperProps:x.default.shape({style:x.default.shape({})}),onFocus:x.default.func,isClearInputOnBlur:x.default.bool,inputProps:x.default.shape({}),noOptionsText:x.default.string,isPrioritizedSelectedOptions:x.default.bool};O.propTypes=j,O.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(d.DownOneIcon,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:c,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options",isPrioritizedSelectedOptions:!1},module.exports=O;
|
|
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"),i=require("lodash"),l=require("@material-ui/lab"),a=require("@material-ui/core"),r=require("@material-ui/icons"),u=require("../IconButton/index.js"),p=require("../MiddleTruncatedText/MiddleTruncatedText.js"),c=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"),require("../../icons/customIcons/icons/CautionFilled.js");var d=require("./components/Listbox.js"),f=require("./components/Paper.js");require("./components/RecentSearches.js"),require("./components/Groups.js");var m=require("./context/index.js"),g=require("./effects/useAutocompleteOptions.js"),h=require("./styles.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=C(t),x=C(s),_=n.jsx(r.CheckBoxOutlineBlank,{style:{fontSize:20}}),I=n.jsx(r.CheckBox,{style:{fontSize:20}}),j={},O=function(t){var s,d=t.classes,C=t.AutocompleteProps,x=void 0===C?{}:C,O=t.value,P=t.disableClearable,v=t.onChange,S=t.onInputChange,y=t.loading,A=t.options,q=t.optionSize,T=t.placeholder,k=t.onGroupChange,L=t.disabled,G=t.multiple,F=t.groups,R=t.GroupsComponent,N=t.recentSearchesMaxCount,M=t.dataStorageKey,z=t.RecentSearchesComponent,E=t.dataStorage,D=t.onInputReset,B=t.getOptionLabel,K=t.TextFieldProps,w=t.ListboxProps,H=t.onInputChangeCallback,W=t.renderCustomOption,U=t.isHiddenAllOption,V=t.onOpen,J=void 0===V?i.noop:V,Q=t.selectedGroup,X=t.onGroupReset,Y=t.onClose,Z=t.popperProps,$=void 0===Z?j:Z,ee=t.paperFooter,ne=t.noOptionsText,oe=t.ListboxComponent,te=t.isPrioritizedSelectedOptions,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","noOptionsText","ListboxComponent","isPrioritizedSelectedOptions"]),ie=o.useState(""),le=ie[0],ae=ie[1],re=o.useState(""),ue=re[0],pe=re[1],ce=o.useState(!1),de=ce[0],fe=ce[1],me=o.useState(!1),ge=me[0],he=me[1],Ce=o.useRef(),be=o.useRef(),xe=g.useAutocompletOptions({options:A,value:O,groups:F,selectedGroup:Q,isPrioritizedSelectedOptions:te}),_e=xe.autocompleteOptions,Ie=xe.isGrouped,je=xe.handleAutocompleOptionsUpdate,Oe=h(),Pe=d.popper,ve=d.listbox,Se=d.popupIndicator,ye=d.popupIndicatorOpen,Ae=d.groupChip,qe=e.__rest(d,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Te=e.__assign({popper:b.default(Oe.popper,Pe),listbox:b.default(Oe.listbox,ve),popupIndicator:b.default(Oe.popupIndicator,Se),popupIndicatorOpen:b.default(Oe.popupIndicatorOpen,ye)},qe),ke=function(){ae(""),null==D||D()},Le=o.useCallback(i.debounce((function(e){return pe(e)}),500),[]),Ge=function(e){var n=F.find((function(n){return n.id===e}));ke(),k(n)},Fe=function(e){le.length||G&&"ArrowLeft"===e.code&&e.stopPropagation()};o.useEffect((function(){de&&(Ce.current.focus(),Ce.current.setSelectionRange(le.length,le.length))}));var Re=G&&Array.isArray(O)?O.length:null,Ne=G&&(null==_e?void 0:_e.length)===Re,Me=G&&!!Re&&!Ne,ze=function(){return ke(),x.getOptionDisabled&&Ne?v(null,[A[A.length-1]]):v(null,Ne||Me?[]:_e)};o.useEffect((function(){Le(le),S&&S(le)}),[le]);var Ee=function(e,n){"blur"===n&&(!e.relatedTarget||be.current.contains(e.relatedTarget))||(Y(),fe(!1))},De=function(){var e;(null!==(e=se.isOpenedFromParent)&&void 0!==e?e:de)?(fe(!1),Y()):(fe(!0),J())},Be=function(e){if(Ne&&!U)return"All";var o=e[0].label||e[0].name||"";return 1===(null==e?void 0:e.length)?n.jsx("div",{children:n.jsx(p.MiddleTruncatedText,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},Ke=function(){return n.jsx(a.FormControlLabel,{id:"selectAllLabel",className:Oe.selectAllCheckbox,onClick:ze,control:n.jsx(a.Checkbox,{icon:_,style:{fontSize:20},indeterminate:Me,checkedIcon:I,checked:Ne,inputProps:{"aria-label":"All"}}),label:"All"})},we=i.isEmpty(_e),He=o.useMemo((function(){return{onOutsideClick:Ee,isEmptyOptions:we,loading:y,AllSelectComponent:!U&&G&&!we&&n.jsx(Ke,{}),RecentSearchesComponent:z&&n.jsx(z,{title:"Recent Searches",Icon:r.AccessTime,dataStorage:E,dataStorageKey:M,maxCount:N,isHidden:!i.isEmpty(le),onInputChange:function(e){return ae(e)},inputValue:ue}),GroupsComponent:!Q&&Ie&&R&&n.jsx(R,{onGroupClick:Ge,groups:F})}}),[Q,y,Ie,we,le,Ne,Me,ue,Y,Ee,U]),We=o.useMemo((function(){return function(o){var t=o.children,s=o.className,i=e.__rest(o,["children","className"]);return n.jsxs(f,e.__assign({},i,{className:s,inputRef:Ce,ref:be},{children:[t,ee]}))}}),[ee]),Ue=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(m.PaperContext.Provider,e.__assign({value:He},{children:n.jsx(l.Autocomplete,e.__assign({},i.omit(se,["InputProps","isNullable","isOpenedFromParent"]),{PopperComponent:Ue,disableClearable:P,onOpen:function(e){je(),fe(!0),J(e)},onClose:Ee,open:null!==(s=se.isOpenedFromParent)&&void 0!==s?s:de,onChange:function(e,n){G||ae(""),v(e,n)},forcePopupIcon:x.forcePopupIcon,fullWidth:!0,disabled:L,value:O,classes:Te,renderInput:function(t){var s,l,r,p,d,f,m=o.useState(!1),g=m[0],h=m[1],C=t.InputProps,_=t.inputProps,I=e.__rest(t,["InputProps","inputProps"]),j=(null===(p=null===(r=null===(l=C.endAdornment)||void 0===l?void 0:l.props)||void 0===r?void 0:r.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,v=1===Re,S=g||de||le.length>0||!i.isEmpty(O)||!i.isEmpty(null===(d=se.InputProps)||void 0===d?void 0:d.startAdornment),A=se.InputProps||{},q=A.classes,k=void 0===q?{}:q,L=k.input,F=void 0===L?"":L,R=e.__rest(k,["input"]),N=A.style,M=e.__rest(A,["classes","style"]);return n.jsx(a.TextField,e.__assign({},I,i.omit(K,["endAdornment"]),{onBlur:function(){h(!1),v&&he(!0)},onFocus:function(){h(!0)},onKeyDown:Fe,inputRef:Ce,placeholder:T,classes:{root:Oe.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},_),se.inputProps),InputLabelProps:{shrink:S},InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:b.default(ge?Oe.inputShrinked:v&&Oe.inputExpanded,F)},R),style:e.__assign({paddingRight:0,paddingBottom:0},N)},C),M),{startAdornment:n.jsxs(n.Fragment,{children:[null===(f=se.InputProps)||void 0===f?void 0:f.startAdornment,Q&&n.jsx(a.Chip,{className:Oe.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:Oe.selectedGroupLabel},{children:[Q.name,n.jsx(c.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:Oe.removeIcon,onClick:X})]}))},Q.id),G&&!i.isEmpty(O)&&n.jsx("div",e.__assign({onClick:De,id:"selectedOptions",className:b.default(Oe.selectedLabel,ge&&Oe.selectedLabelExpanded)},{children:Be(O)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(a.InputAdornment,e.__assign({className:b.default(Oe.endAdornment,(s={},s[Oe.removeIconWithDropdown]=x.forcePopupIcon,s)),position:"end"},{children:[K.endAdornment,y&&n.jsx(a.CircularProgress,{color:"primary",size:20}),g&&le&&!P&&n.jsx(u,e.__assign({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Oe.iconButton,onClick:function(){ae(""),D&&D()},tooltipProps:{title:"Clear"}},{children:n.jsx(c.CloseSmallIcon,{size:20,className:Oe.closeIcon})}))]})),x.forcePopupIcon&&j]})})}))},loading:y,options:_e,renderGroup:function(o){var t=o.key,s=o.group,l=o.children;return!s||!i.isEmpty(Q)&&G?l:n.jsxs("div",e.__assign({className:Oe.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:b.default(Oe.groupChip,Ae),variant:"outlined",label:s})})),l]}),t)},disableCloseOnSelect:G,multiple:G,renderOption:W||function(o,t){var s=o.label,i=void 0===s?"":s,l=o.id;return G?n.jsxs("div",e.__assign({className:b.default(Oe.option,q),"data-testid":"autocompleteOption_".concat(i,"MenuItem")},{children:[n.jsx(a.Checkbox,{disableRipple:!0,icon:_,className:Oe.checkbox,checkedIcon:I,checked:t.selected}),n.jsx(p.MiddleTruncatedText,e.__assign({className:Oe.optionLabelContainer},{children:i}))]}),l):n.jsx(a.MenuItem,e.__assign({className:Oe.menuItem,value:l,"data-testid":"autocompleteOption_".concat(i,"MenuItem")},{children:n.jsx(p.MiddleTruncatedText,e.__assign({className:Oe.optionLabelContainer},{children:i}))}),l)},groupBy:Ie?function(e){return e.group}:null,PaperComponent:We,ListboxComponent:oe,inputValue:le,getOptionLabel:B,getOptionDisabled:x.getOptionDisabled,onInputChange:function(e,n,o){ae(n),H(n,o)},loadingText:n.jsx("div",e.__assign({className:Oe.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:Oe.label},{children:ne})),ListboxProps:w,onFocus:function(){var e;he(!1),null===(e=se.onFocus)||void 0===e||e.call(se)}}))}))},P={AutocompleteProps:x.default.shape({forcePopupIcon:x.default.bool,getOptionDisabled:x.default.func}),allChecked:x.default.bool,TextFieldProps:x.default.shape({label:x.default.string,endAdornment:x.default.node}),selectedGroup:x.default.shape({name:x.default.string,id:x.default.string}),onGroupReset:x.default.func,onClose:x.default.func,disableClearable:x.default.bool,value:x.default.oneOfType([x.default.arrayOf(x.default.shape({})),x.default.shape({})]).isRequired,onChange:x.default.func.isRequired,onInputChange:x.default.func,getOptionLabel:x.default.func,onGroupChange:x.default.func,loading:x.default.bool,disabled:x.default.bool,multiple:x.default.bool,options:x.default.array,optionSize:x.default.string,popupIcon:x.default.node,InputProps:x.default.shape({startAdornment:x.default.node,classes:x.default.shape({input:x.default.string}),style:x.default.shape({})}),ListboxProps:x.default.shape({}),classes:x.default.shape({popper:x.default.string,listbox:x.default.string,popupIndicator:x.default.string,popupIndicatorOpen:x.default.string,groupChip:x.default.string}),onInputChangeCallback:x.default.func,placeholder:x.default.string,RecentSearchesComponent:x.default.elementType,ListboxComponent:x.default.any,recentSearchesMaxCount:x.default.number,dataStorageKey:x.default.string,dataStorage:x.default.shape({}),groups:x.default.array,GroupsComponent:x.default.elementType,onOpen:x.default.func,renderCustomOption:x.default.func,onInputReset:x.default.func,isHiddenAllOption:x.default.bool,paperFooter:x.default.node,isOpenedFromParent:x.default.bool,popperProps:x.default.shape({style:x.default.shape({})}),onFocus:x.default.func,inputProps:x.default.shape({}),noOptionsText:x.default.string,isPrioritizedSelectedOptions:x.default.bool};O.propTypes=P,O.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(c.DownOneIcon,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:d,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options",isPrioritizedSelectedOptions:!1},module.exports=O;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
declare type SearchProps = PropTypes.InferProps<typeof searchPropTypes>;
|
|
4
4
|
declare const Search: {
|
|
5
|
-
({ 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,
|
|
5
|
+
({ 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, noOptionsText, ListboxComponent, isPrioritizedSelectedOptions, ...props }: SearchProps): JSX.Element;
|
|
6
6
|
propTypes: {
|
|
7
7
|
AutocompleteProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
8
8
|
forcePopupIcon: PropTypes.Requireable<boolean>;
|
|
@@ -65,7 +65,6 @@ declare const Search: {
|
|
|
65
65
|
style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
66
66
|
}>>;
|
|
67
67
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
68
|
-
isClearInputOnBlur: PropTypes.Requireable<boolean>;
|
|
69
68
|
inputProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
70
69
|
noOptionsText: PropTypes.Requireable<string>;
|
|
71
70
|
isPrioritizedSelectedOptions: PropTypes.Requireable<boolean>;
|
|
@@ -175,7 +174,6 @@ declare const searchPropTypes: {
|
|
|
175
174
|
style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
176
175
|
}>>;
|
|
177
176
|
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
178
|
-
isClearInputOnBlur: PropTypes.Requireable<boolean>;
|
|
179
177
|
inputProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
180
178
|
noOptionsText: PropTypes.Requireable<string>;
|
|
181
179
|
isPrioritizedSelectedOptions: PropTypes.Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkCnC,aAAK,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAKhE,QAAA,MAAM,MAAM;
|
|
1
|
+
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkCnC,aAAK,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAKhE,QAAA,MAAM,MAAM;uhBAqCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkd3B,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DpB,CAAC;AAyCF,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 i}from"react/jsx-runtime";import{useState as r,useRef as s,useCallback as p,useEffect as l,useMemo as a,cloneElement as c}from"react";import u from"classnames";import d from"prop-types";import{debounce as m,isEmpty 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 L,CheckBox as j,AccessTime as R}from"@material-ui/icons";import T from"../IconButton/index.js";import{MiddleTruncatedText as N}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{DownOneIcon as k,CloseSmallIcon as F}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"../../icons/customIcons/icons/CautionFilled.js";import z from"./components/Listbox.js";import M from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/Groups.js";import{PaperContext as B}from"./context/index.js";import{useAutocompletOptions as D}from"./effects/useAutocompleteOptions.js";import E from"./styles.js";var K=n(L,{style:{fontSize:20}}),H=n(j,{style:{fontSize:20}}),_={},q=function(d){var L,j=d.classes,k=d.AutocompleteProps,z=void 0===k?{}:k,q=d.value,w=d.disableClearable,W=d.onChange,U=d.onInputChange,V=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,ie=d.RecentSearchesComponent,re=d.dataStorage,se=d.onInputReset,pe=d.getOptionLabel,le=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?_:Ce,ve=d.paperFooter,Oe=d.isClearInputOnBlur,Pe=void 0!==Oe&&Oe,xe=d.noOptionsText,Se=d.ListboxComponent,ye=d.isPrioritizedSelectedOptions,Ae=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","isPrioritizedSelectedOptions"]),Ge=r(""),Le=Ge[0],je=Ge[1],Re=r(""),Te=Re[0],Ne=Re[1],ke=r(!1),Fe=ke[0],ze=ke[1],Me=r(!1),Be=Me[0],De=Me[1],Ee=s(),Ke=s(),He=D({options:J,value:q,groups:ee,selectedGroup:ge,isPrioritizedSelectedOptions:ye}),_e=He.autocompleteOptions,qe=He.isGrouped,we=He.handleAutocompleOptionsUpdate,We=E(),Ue=j.popper,Ve=j.listbox,Je=j.popupIndicator,Qe=j.popupIndicatorOpen,Xe=j.groupChip,Ye=e(j,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Ze=o({popper:u(We.popper,Ue),listbox:u(We.listbox,Ve),popupIndicator:u(We.popupIndicator,Je),popupIndicatorOpen:u(We.popupIndicatorOpen,Qe)},Ye),$e=function(){je(""),null==se||se()},eo=p(m((function(e){return Ne(e)}),500),[]),oo=function(e){var o=ee.find((function(o){return o.id===e}));$e(),Y(o)},no=function(e){Le.length||$&&"ArrowLeft"===e.code&&e.stopPropagation()};l((function(){Fe&&(Ee.current.focus(),Ee.current.setSelectionRange(Le.length,Le.length))}));var to=$&&Array.isArray(q)?q.length:null,io=$&&(null==_e?void 0:_e.length)===to,ro=$&&!!to&&!io,so=function(){return $e(),z.getOptionDisabled&&io?W(null,[J[J.length-1]]):W(null,io||ro?[]:_e)};l((function(){eo(Le),U&&U(Le)}),[Le]);var po=function(e,o){"blur"===o&&(!e.relatedTarget||Ke.current.contains(e.relatedTarget))||(be(),ze(!1))},lo=function(){var e;(null!==(e=Ae.isOpenedFromParent)&&void 0!==e?e:Fe)?(ze(!1),be()):(ze(!0),he())},ao=function(e){if(io&&!de)return"All";var o=e[0].label||e[0].name||"";return 1===(null==e?void 0:e.length)?n("div",{children:n(N,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},co=function(){return n(y,{id:"selectAllLabel",className:We.selectAllCheckbox,onClick:so,control:n(A,{icon:K,style:{fontSize:20},indeterminate:ro,checkedIcon:H,checked:io,inputProps:{"aria-label":"All"}}),label:"All"})},uo=h(_e),mo=a((function(){return{onOutsideClick:po,isEmptyOptions:uo,loading:V,AllSelectComponent:!de&&$&&!uo&&n(co,{}),RecentSearchesComponent:ie&&n(ie,{title:"Recent Searches",Icon:R,dataStorage:re,dataStorageKey:te,maxCount:ne,isHidden:!h(Le),onInputChange:function(e){return je(e)},inputValue:Te}),GroupsComponent:!ge&&qe&&oe&&n(oe,{onGroupClick:oo,groups:ee})}}),[ge,V,qe,uo,Le,io,ro,Te,be,po,de]),ho=a((function(){return function(n){var i=n.children,r=n.className,s=e(n,["children","className"]);return t(M,o({},s,{className:r,inputRef:Ee,ref:Ke},{children:[i,ve]}))}}),[ve]),go=a((function(){return function(t){var i=Ie.style,r=e(Ie,["style"]);return n(C,o({},t,{style:o(o({},t.style),i),placement:"bottom-start"},r))}}),[Ie]);return n(B.Provider,o({value:mo},{children:n(b,o({},g(Ae,["InputProps","isNullable","isOpenedFromParent"]),{PopperComponent:go,disableClearable:w,onOpen:function(e){we(),ze(!0),he(e)},onClose:po,open:null!==(L=Ae.isOpenedFromParent)&&void 0!==L?L:Fe,onChange:function(e,o){$||je(""),W(e,o)},forcePopupIcon:z.forcePopupIcon,fullWidth:!0,disabled:Z,value:q,classes:Ze,renderInput:function(s){var p,l,a,d,m,f,b=r(!1),C=b[0],I=b[1],v=s.InputProps,y=s.inputProps,A=e(s,["InputProps","inputProps"]),G=(null===(d=null===(a=null===(l=v.endAdornment)||void 0===l?void 0:l.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,L=Pe&&1===to,j=C||Fe||Le.length>0||!h(q)||!h(null===(m=Ae.InputProps)||void 0===m?void 0:m.startAdornment),R=Ae.InputProps||{},N=R.classes,k=void 0===N?{}:N,M=k.input,B=void 0===M?"":M,D=e(k,["input"]),E=R.style,K=e(R,["classes","style"]);return n(P,o({},A,g(le,["endAdornment"]),{onBlur:function(){I(!1),Pe&&""!==Le.trim()&&$e(),L&&De(!0)},onFocus:function(){I(!0)},onKeyDown:no,inputRef:Ee,placeholder:X,classes:{root:We.searchInput},inputProps:o(o({style:{padding:5}},y),Ae.inputProps),InputLabelProps:{shrink:j},InputProps:o(o(o({classes:o({input:u(Be?We.inputShrinked:L&&We.inputExpanded,B)},D),style:o({paddingRight:0,paddingBottom:0},E)},v),K),{startAdornment:t(i,{children:[null===(f=Ae.InputProps)||void 0===f?void 0:f.startAdornment,ge&&n(O,{className:We.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:t("div",o({className:We.selectedGroupLabel},{children:[ge.name,n(F,{size:16,id:"removeGroupIcon",className:We.removeIcon,onClick:fe})]}))},ge.id),$&&!h(q)&&n("div",o({onClick:lo,id:"selectedOptions",className:u(We.selectedLabel,Be&&We.selectedLabelExpanded)},{children:ao(q)}))]}),endAdornment:t(i,{children:[t(x,o({className:u(We.endAdornment,(p={},p[We.removeIconWithDropdown]=z.forcePopupIcon,p)),position:"end"},{children:[le.endAdornment,V&&n(S,{color:"primary",size:20}),Le&&!w&&n(T,o({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:We.iconButton,onClick:function(){je(""),se?se():W(null,[])},tooltipProps:{title:"Clear"}},{children:n(F,{size:20,className:We.closeIcon})}))]})),z.forcePopupIcon&&G]})})}))},loading:V,options:_e,renderGroup:function(e){var i=e.key,r=e.group,s=e.children;return!r||!h(ge)&&$?s:t("div",o({className:We.group},{children:[n(I,o({title:r,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500},{children:n(O,{"data-not-migrated-muichip":!0,className:u(We.groupChip,Xe),variant:"outlined",label:r})})),s]}),i)},disableCloseOnSelect:$,multiple:$,renderOption:ue||function(e,i){var r=e.label,s=void 0===r?"":r,p=e.id;return $?t("div",o({className:u(We.option,Q),"data-testid":"autocompleteOption_".concat(s,"MenuItem")},{children:[n(A,{disableRipple:!0,icon:K,className:We.checkbox,checkedIcon:H,checked:i.selected}),n(N,o({className:We.optionLabelContainer},{children:s}))]}),p):n(G,o({className:We.menuItem,value:p,"data-testid":"autocompleteOption_".concat(s,"MenuItem")},{children:n(N,o({className:We.optionLabelContainer},{children:s}))}),p)},groupBy:qe?function(e){return e.group}:null,PaperComponent:ho,ListboxComponent:Se,inputValue:Le,getOptionLabel:pe,getOptionDisabled:z.getOptionDisabled,onInputChange:function(e,o,n){"reset"===n&&$||(je((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||o),ce(o,n))},loadingText:n("div",o({className:We.label},{children:"Loading ..."})),noOptionsText:n("div",o({className:We.label},{children:xe})),ListboxProps:ae,onFocus:function(){var e;De(!1),null===(e=Ae.onFocus)||void 0===e||e.call(Ae)}}))}))},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,isPrioritizedSelectedOptions:d.bool};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(k,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:z,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options",isPrioritizedSelectedOptions:!1};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 i}from"react/jsx-runtime";import{useState as r,useRef as s,useCallback as p,useEffect as l,useMemo as a,cloneElement as c}from"react";import u from"classnames";import d from"prop-types";import{debounce as m,isEmpty 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 O,Chip as P,TextField as v,InputAdornment as x,CircularProgress as S,FormControlLabel as y,Checkbox as A,MenuItem as G}from"@material-ui/core";import{CheckBoxOutlineBlank as L,CheckBox as j,AccessTime as R}from"@material-ui/icons";import N from"../IconButton/index.js";import{MiddleTruncatedText as T}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{DownOneIcon as k,CloseSmallIcon as F}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"../../icons/customIcons/icons/CautionFilled.js";import z from"./components/Listbox.js";import M from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/Groups.js";import{PaperContext as D}from"./context/index.js";import{useAutocompletOptions as B}from"./effects/useAutocompleteOptions.js";import E from"./styles.js";var K=n(L,{style:{fontSize:20}}),H=n(j,{style:{fontSize:20}}),_={},q=function(d){var L,j=d.classes,k=d.AutocompleteProps,z=void 0===k?{}:k,q=d.value,w=d.disableClearable,W=d.onChange,U=d.onInputChange,V=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,ie=d.RecentSearchesComponent,re=d.dataStorage,se=d.onInputReset,pe=d.getOptionLabel,le=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?_:Ce,Oe=d.paperFooter,Pe=d.noOptionsText,ve=d.ListboxComponent,xe=d.isPrioritizedSelectedOptions,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","noOptionsText","ListboxComponent","isPrioritizedSelectedOptions"]),ye=r(""),Ae=ye[0],Ge=ye[1],Le=r(""),je=Le[0],Re=Le[1],Ne=r(!1),Te=Ne[0],ke=Ne[1],Fe=r(!1),ze=Fe[0],Me=Fe[1],De=s(),Be=s(),Ee=B({options:J,value:q,groups:ee,selectedGroup:ge,isPrioritizedSelectedOptions:xe}),Ke=Ee.autocompleteOptions,He=Ee.isGrouped,_e=Ee.handleAutocompleOptionsUpdate,qe=E(),we=j.popper,We=j.listbox,Ue=j.popupIndicator,Ve=j.popupIndicatorOpen,Je=j.groupChip,Qe=e(j,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Xe=o({popper:u(qe.popper,we),listbox:u(qe.listbox,We),popupIndicator:u(qe.popupIndicator,Ue),popupIndicatorOpen:u(qe.popupIndicatorOpen,Ve)},Qe),Ye=function(){Ge(""),null==se||se()},Ze=p(m((function(e){return Re(e)}),500),[]),$e=function(e){var o=ee.find((function(o){return o.id===e}));Ye(),Y(o)},eo=function(e){Ae.length||$&&"ArrowLeft"===e.code&&e.stopPropagation()};l((function(){Te&&(De.current.focus(),De.current.setSelectionRange(Ae.length,Ae.length))}));var oo=$&&Array.isArray(q)?q.length:null,no=$&&(null==Ke?void 0:Ke.length)===oo,to=$&&!!oo&&!no,io=function(){return Ye(),z.getOptionDisabled&&no?W(null,[J[J.length-1]]):W(null,no||to?[]:Ke)};l((function(){Ze(Ae),U&&U(Ae)}),[Ae]);var ro=function(e,o){"blur"===o&&(!e.relatedTarget||Be.current.contains(e.relatedTarget))||(be(),ke(!1))},so=function(){var e;(null!==(e=Se.isOpenedFromParent)&&void 0!==e?e:Te)?(ke(!1),be()):(ke(!0),he())},po=function(e){if(no&&!de)return"All";var o=e[0].label||e[0].name||"";return 1===(null==e?void 0:e.length)?n("div",{children:n(T,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},lo=function(){return n(y,{id:"selectAllLabel",className:qe.selectAllCheckbox,onClick:io,control:n(A,{icon:K,style:{fontSize:20},indeterminate:to,checkedIcon:H,checked:no,inputProps:{"aria-label":"All"}}),label:"All"})},ao=h(Ke),co=a((function(){return{onOutsideClick:ro,isEmptyOptions:ao,loading:V,AllSelectComponent:!de&&$&&!ao&&n(lo,{}),RecentSearchesComponent:ie&&n(ie,{title:"Recent Searches",Icon:R,dataStorage:re,dataStorageKey:te,maxCount:ne,isHidden:!h(Ae),onInputChange:function(e){return Ge(e)},inputValue:je}),GroupsComponent:!ge&&He&&oe&&n(oe,{onGroupClick:$e,groups:ee})}}),[ge,V,He,ao,Ae,no,to,je,be,ro,de]),uo=a((function(){return function(n){var i=n.children,r=n.className,s=e(n,["children","className"]);return t(M,o({},s,{className:r,inputRef:De,ref:Be},{children:[i,Oe]}))}}),[Oe]),mo=a((function(){return function(t){var i=Ie.style,r=e(Ie,["style"]);return n(C,o({},t,{style:o(o({},t.style),i),placement:"bottom-start"},r))}}),[Ie]);return n(D.Provider,o({value:co},{children:n(b,o({},g(Se,["InputProps","isNullable","isOpenedFromParent"]),{PopperComponent:mo,disableClearable:w,onOpen:function(e){_e(),ke(!0),he(e)},onClose:ro,open:null!==(L=Se.isOpenedFromParent)&&void 0!==L?L:Te,onChange:function(e,o){$||Ge(""),W(e,o)},forcePopupIcon:z.forcePopupIcon,fullWidth:!0,disabled:Z,value:q,classes:Xe,renderInput:function(s){var p,l,a,d,m,f,b=r(!1),C=b[0],I=b[1],O=s.InputProps,y=s.inputProps,A=e(s,["InputProps","inputProps"]),G=(null===(d=null===(a=null===(l=O.endAdornment)||void 0===l?void 0:l.props)||void 0===a?void 0:a.children)||void 0===d?void 0:d.length)>1?c(O.endAdornment,{children:O.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):O.endAdornment,L=1===oo,j=C||Te||Ae.length>0||!h(q)||!h(null===(m=Se.InputProps)||void 0===m?void 0:m.startAdornment),R=Se.InputProps||{},T=R.classes,k=void 0===T?{}:T,M=k.input,D=void 0===M?"":M,B=e(k,["input"]),E=R.style,K=e(R,["classes","style"]);return n(v,o({},A,g(le,["endAdornment"]),{onBlur:function(){I(!1),L&&Me(!0)},onFocus:function(){I(!0)},onKeyDown:eo,inputRef:De,placeholder:X,classes:{root:qe.searchInput},inputProps:o(o({style:{padding:5}},y),Se.inputProps),InputLabelProps:{shrink:j},InputProps:o(o(o({classes:o({input:u(ze?qe.inputShrinked:L&&qe.inputExpanded,D)},B),style:o({paddingRight:0,paddingBottom:0},E)},O),K),{startAdornment:t(i,{children:[null===(f=Se.InputProps)||void 0===f?void 0:f.startAdornment,ge&&n(P,{className:qe.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:t("div",o({className:qe.selectedGroupLabel},{children:[ge.name,n(F,{size:16,id:"removeGroupIcon",className:qe.removeIcon,onClick:fe})]}))},ge.id),$&&!h(q)&&n("div",o({onClick:so,id:"selectedOptions",className:u(qe.selectedLabel,ze&&qe.selectedLabelExpanded)},{children:po(q)}))]}),endAdornment:t(i,{children:[t(x,o({className:u(qe.endAdornment,(p={},p[qe.removeIconWithDropdown]=z.forcePopupIcon,p)),position:"end"},{children:[le.endAdornment,V&&n(S,{color:"primary",size:20}),C&&Ae&&!w&&n(N,o({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:qe.iconButton,onClick:function(){Ge(""),se&&se()},tooltipProps:{title:"Clear"}},{children:n(F,{size:20,className:qe.closeIcon})}))]})),z.forcePopupIcon&&G]})})}))},loading:V,options:Ke,renderGroup:function(e){var i=e.key,r=e.group,s=e.children;return!r||!h(ge)&&$?s:t("div",o({className:qe.group},{children:[n(I,o({title:r,placement:"right",TransitionComponent:O,TransitionProps:{timeout:500},enterDelay:500},{children:n(P,{"data-not-migrated-muichip":!0,className:u(qe.groupChip,Je),variant:"outlined",label:r})})),s]}),i)},disableCloseOnSelect:$,multiple:$,renderOption:ue||function(e,i){var r=e.label,s=void 0===r?"":r,p=e.id;return $?t("div",o({className:u(qe.option,Q),"data-testid":"autocompleteOption_".concat(s,"MenuItem")},{children:[n(A,{disableRipple:!0,icon:K,className:qe.checkbox,checkedIcon:H,checked:i.selected}),n(T,o({className:qe.optionLabelContainer},{children:s}))]}),p):n(G,o({className:qe.menuItem,value:p,"data-testid":"autocompleteOption_".concat(s,"MenuItem")},{children:n(T,o({className:qe.optionLabelContainer},{children:s}))}),p)},groupBy:He?function(e){return e.group}:null,PaperComponent:uo,ListboxComponent:ve,inputValue:Ae,getOptionLabel:pe,getOptionDisabled:z.getOptionDisabled,onInputChange:function(e,o,n){Ge(o),ce(o,n)},loadingText:n("div",o({className:qe.label},{children:"Loading ..."})),noOptionsText:n("div",o({className:qe.label},{children:Pe})),ListboxProps:ae,onFocus:function(){var e;Me(!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,inputProps:d.shape({}),noOptionsText:d.string,isPrioritizedSelectedOptions:d.bool};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(k,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:z,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options",isPrioritizedSelectedOptions:!1};export{q as default};
|