@corva/ui 0.75.0-rc.0 → 0.75.0-rc.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 +3 -0
- 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"),t=require("react"),o=require("classnames"),l=require("prop-types"),a=require("lodash"),s=require("@material-ui/lab"),r=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/index.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=h(o),b=h(l),x=n.jsx(i.CheckBoxOutlineBlank,{style:{fontSize:20}}),v=n.jsx(i.CheckBox,{style:{fontSize:20}}),_=function(o){var l=o.classes,h=o.AutocompleteProps,b=void 0===h?{}:h,_=o.value,I=o.disableClearable,P=o.onChange,j=o.onInputChange,O=o.loading,S=o.options,y=o.optionSize,A=o.placeholder,T=o.onGroupChange,k=o.disabled,G=o.multiple,R=o.groups,N=o.GroupsComponent,F=o.recentSearchesMaxCount,q=o.dataStorageKey,L=o.RecentSearchesComponent,M=o.dataStorage,E=o.onInputReset,B=o.getOptionLabel,z=o.TextFieldProps,D=o.ListboxProps,H=o.onInputChangeCallback,K=o.renderCustomOption,w=o.isHiddenAllOption,V=o.onOpen,W=void 0===V?a.noop:V,U=o.selectedGroup,J=o.onGroupReset,Q=o.onClose,X=o.popperProps,Y=void 0===X?null:X,Z=o.paperFooter,$=o.isClearInputOnBlur,ee=void 0!==$&&$,ne=e.__rest(o,["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"]),te=t.useState(""),oe=te[0],le=te[1],ae=t.useState(""),se=ae[0],re=ae[1],ie=t.useState(!1),ue=ie[0],pe=ie[1],de=t.useState(!1),ce=de[0],fe=de[1],me=t.useRef(),ge=t.useRef(),he=m(),Ce={popper:C.default(he.popper,l.popper),listbox:C.default(he.listbox,l.listbox),popupIndicator:C.default(he.popupIndicator,l.popupIndicator),popupIndicatorOpen:C.default(he.popupIndicatorOpen,l.popupIndicatorOpen)},be=(null==S?void 0:S.some((function(e){return e.group})))||!a.isEmpty(R),xe=function(){le(""),null==E||E()},ve=t.useCallback(a.debounce((function(e){return re(e)}),500),[]),_e=function(e){var n=R.find((function(n){return n.id===e}));xe(),T(n)};t.useEffect((function(){ue&&me.current.focus()}));var Ie=null==S?void 0:S.sort((function(e,n){var t,o;return null===(t=n.group)||void 0===t?void 0:t.toString().localeCompare(null===(o=e.group)||void 0===o?void 0:o.toString())})),Pe=G&&Array.isArray(_)?_.length:null,je=a.isEmpty(U)?Ie:null==S?void 0:S.filter((function(e){return e.group===U.name})),Oe=G&&(null==je?void 0:je.length)===Pe,Se=G&&!!Pe&&!Oe,ye=function(){return xe(),b.getOptionDisabled&&Oe?P(null,[S[S.length-1]]):P(null,Oe||Se?[]:je)};t.useEffect((function(){ve(oe),j&&j(oe)}),[oe]);var Ae=function(e,n){"blur"===n&&(!e.relatedTarget||ge.current.contains(e.relatedTarget))||(Q(),pe(!1))},Te=function(){"isOpenedFromParent"in ne&&ne.isOpenedFromParent||ue?(pe(!1),Q()):(pe(!0),W())},ke=function(e){if(Oe&&!w)return"All";var t=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?n.jsx("div",{children:n.jsx(c.MiddleTruncatedText,{children:t})}):"".concat(null==e?void 0:e.length," Selected")},Ge=function(){return n.jsx(r.FormControlLabel,{id:"selectAllLabel",className:he.selectAllCheckbox,onClick:ye,control:n.jsx(r.Checkbox,{icon:x,style:{fontSize:20},indeterminate:Se,checkedIcon:v,checked:Oe,inputProps:{"aria-label":"All"}}),label:"All"})},Re=t.useMemo((function(){return{onOutsideClick:Ae,isEmptyOptions:a.isEmpty(je),loading:O,AllSelectComponent:!w&&G&&!a.isEmpty(je)&&n.jsx(Ge,{}),RecentSearchesComponent:L&&n.jsx(L,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:M,dataStorageKey:q,maxCount:F,isHidden:!a.isEmpty(oe),onInputChange:function(e){return le(e)},inputValue:se}),GroupsComponent:!U&&be&&N&&n.jsx(N,{onGroupClick:_e,groups:R})}}),[U,O,be,oe,Oe,Se,se,Q,w]),Ne=t.useMemo((function(){return function(t){var o=t.children,l=t.className,a=e.__rest(t,["children","className"]);return n.jsxs(d,e.__assign({},a,{className:l,inputRef:me,ref:ge},{children:[o,Z]}))}}),[Z]),Fe=t.useMemo((function(){return function(t){return n.jsx(r.Popper,e.__assign({},t,{placement:"bottom-start"},Y))}}),[Y]);return n.jsx(f.PaperContext.Provider,e.__assign({value:Re},{children:n.jsx(s.Autocomplete,e.__assign({},a.omit(ne,["InputProps","isNullable"]),{PopperComponent:Fe,disableClearable:I,onOpen:function(){pe(!0),W()},onClose:Ae,open:"isOpenedFromParent"in ne?ne.isOpenedFromParent:ue,onChange:function(e,n){G||le(""),P(e,n)},forcePopupIcon:b.forcePopupIcon,fullWidth:!0,disabled:k,value:_,classes:Ce,renderInput:function(o){var l,s,i,p,d,c=o.InputProps,f=o.inputProps,m=e.__rest(o,["InputProps","inputProps"]),h=(null===(p=null===(i=null===(s=c.endAdornment)||void 0===s?void 0:s.props)||void 0===i?void 0:i.children)||void 0===p?void 0:p.length)>1?t.cloneElement(c.endAdornment,{children:c.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):c.endAdornment,x=ee&&1===Pe,v=ne.InputProps||{},j=v.classes,S=void 0===j?{}:j,y=S.input,T=void 0===y?"":y,k=e.__rest(S,["input"]),R=v.style,N=e.__rest(v,["classes","style"]);return n.jsx(r.TextField,e.__assign({},m,a.omit(z,["endAdornment"]),{onBlur:function(){ee&&""!==oe.trim()&&xe(),x&&fe(!0)},inputRef:me,placeholder:A,classes:{root:he.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},f),ne.inputProps),InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:C.default(ce?he.inputShrinked:x&&he.inputExpanded,T)},k),style:e.__assign({paddingRight:0,paddingBottom:0},R)},c),N),{startAdornment:n.jsxs(n.Fragment,{children:[null===(d=ne.InputProps)||void 0===d?void 0:d.startAdornment,U&&n.jsx(r.Chip,{className:he.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:he.selectedGroupLabel},{children:[U.name,n.jsx(g.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:he.removeIcon,onClick:J})]}))},U.id),G&&!a.isEmpty(_)&&n.jsx("div",e.__assign({onClick:Te,id:"selectedOptions",className:C.default(he.selectedLabel,ce&&he.selectedLabelExpanded)},{children:ke(_)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(r.InputAdornment,e.__assign({className:C.default(he.endAdornment,(l={},l[he.removeIconWithDropdown]=b.forcePopupIcon,l)),position:"end"},{children:[z.endAdornment,O&&n.jsx(r.CircularProgress,{color:"primary",size:20}),oe&&!I&&n.jsx(u,e.__assign({size:"small",className:he.iconButton,onClick:function(){le(""),E?E():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(g.CloseSmallIcon,{size:16,className:he.closeIcon})}))]})),b.forcePopupIcon&&h]})})}))},loading:O,options:je,renderGroup:function(t){var o=t.key,s=t.group,i=t.children;return!s||!a.isEmpty(U)&&G?i:n.jsxs("div",e.__assign({className:he.group},{children:[n.jsx(r.Tooltip,e.__assign({title:s,placement:"right",TransitionComponent:r.Fade,TransitionProps:{timeout:500},enterDelay:500},{children:n.jsx(r.Chip,{"data-not-migrated-MuiChip":!0,className:C.default(he.groupChip,l.groupChip),variant:"outlined",label:s})})),i]}),o)},disableCloseOnSelect:G,multiple:G,renderOption:K||function(t,o){var l=t.label,a=t.id,s=o.selected;return G?n.jsxs("div",e.__assign({className:C.default(he.option,y)},{children:[n.jsx(r.Checkbox,{disableRipple:!0,icon:x,className:he.checkbox,checkedIcon:v,checked:s}),n.jsx(c.MiddleTruncatedText,e.__assign({className:he.optionLabelContainer},{children:l}))]}),a):n.jsx(r.MenuItem,e.__assign({className:he.menuItem,value:a},{children:n.jsx(c.MiddleTruncatedText,e.__assign({className:he.optionLabelContainer},{children:l}))}),a)},groupBy:be?function(e){return e.group}:null,PaperComponent:Ne,ListboxComponent:p,inputValue:oe,getOptionLabel:B,getOptionDisabled:b.getOptionDisabled,onInputChange:function(e,n,t){"reset"===t&&G||(le((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),H(n,t))},loadingText:n.jsx("div",e.__assign({className:he.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:he.label},{children:"No Options"})),ListboxProps:D,onFocus:function(){var e;fe(!1),null===(e=ne.onFocus)||void 0===e||e.call(ne)}}))}))},I={AutocompleteProps:b.default.shape({forcePopupIcon:b.default.bool,getOptionDisabled:b.default.func}),allChecked:b.default.bool,TextFieldProps:b.default.shape({label:b.default.string,endAdornment:b.default.node}),selectedGroup:b.default.shape({name:b.default.string,id:b.default.string}),onGroupReset:b.default.func,onClose:b.default.func,disableClearable:b.default.bool,value:b.default.oneOfType([b.default.arrayOf(b.default.shape({})),b.default.shape({})]).isRequired,onChange:b.default.func.isRequired,onInputChange:b.default.func,getOptionLabel:b.default.func,onGroupChange:b.default.func,loading:b.default.bool,disabled:b.default.bool,multiple:b.default.bool,options:b.default.array,optionSize:b.default.string,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({}),onFocus:b.default.func,isClearInputOnBlur:b.default.bool,inputProps:b.default.shape({})};_.propTypes=I,_.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...",recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,onGroupReset:function(){},onClose:function(){},selectedGroup:null,onFocus:null},module.exports=_;
|
|
1
|
+
"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),t=require("react"),o=require("classnames"),l=require("prop-types"),a=require("lodash"),s=require("@material-ui/lab"),r=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/index.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=h(o),b=h(l),x=n.jsx(i.CheckBoxOutlineBlank,{style:{fontSize:20}}),v=n.jsx(i.CheckBox,{style:{fontSize:20}}),_=function(o){var l=o.classes,h=o.AutocompleteProps,b=void 0===h?{}:h,_=o.value,I=o.disableClearable,P=o.onChange,j=o.onInputChange,O=o.loading,S=o.options,y=o.optionSize,A=o.placeholder,T=o.onGroupChange,k=o.disabled,G=o.multiple,R=o.groups,N=o.GroupsComponent,F=o.recentSearchesMaxCount,q=o.dataStorageKey,L=o.RecentSearchesComponent,M=o.dataStorage,B=o.onInputReset,E=o.getOptionLabel,z=o.TextFieldProps,D=o.ListboxProps,H=o.onInputChangeCallback,K=o.renderCustomOption,w=o.isHiddenAllOption,V=o.onOpen,W=void 0===V?a.noop:V,U=o.selectedGroup,J=o.onGroupReset,Q=o.onClose,X=o.popperProps,Y=void 0===X?null:X,Z=o.paperFooter,$=o.isClearInputOnBlur,ee=void 0!==$&&$,ne=e.__rest(o,["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"]),te=t.useState(""),oe=te[0],le=te[1],ae=t.useState(""),se=ae[0],re=ae[1],ie=t.useState(!1),ue=ie[0],pe=ie[1],de=t.useState(!1),ce=de[0],fe=de[1],me=t.useRef(),ge=t.useRef(),he=m(),Ce={popper:C.default(he.popper,l.popper),listbox:C.default(he.listbox,l.listbox),popupIndicator:C.default(he.popupIndicator,l.popupIndicator),popupIndicatorOpen:C.default(he.popupIndicatorOpen,l.popupIndicatorOpen)},be=(null==S?void 0:S.some((function(e){return e.group})))||!a.isEmpty(R),xe=function(){le(""),null==B||B()},ve=t.useCallback(a.debounce((function(e){return re(e)}),500),[]),_e=function(e){var n=R.find((function(n){return n.id===e}));xe(),T(n)};t.useEffect((function(){ue&&me.current.focus()}));var Ie=null==S?void 0:S.sort((function(e,n){var t,o;return null===(t=n.group)||void 0===t?void 0:t.toString().localeCompare(null===(o=e.group)||void 0===o?void 0:o.toString())})),Pe=G&&Array.isArray(_)?_.length:null,je=a.isEmpty(U)?Ie:null==S?void 0:S.filter((function(e){return e.group===U.name})),Oe=G&&(null==je?void 0:je.length)===Pe,Se=G&&!!Pe&&!Oe,ye=function(){return xe(),b.getOptionDisabled&&Oe?P(null,[S[S.length-1]]):P(null,Oe||Se?[]:je)};t.useEffect((function(){ve(oe),j&&j(oe)}),[oe]);var Ae=function(e,n){"blur"===n&&(!e.relatedTarget||ge.current.contains(e.relatedTarget))||(Q(),pe(!1))},Te=function(){"isOpenedFromParent"in ne&&ne.isOpenedFromParent||ue?(pe(!1),Q()):(pe(!0),W())},ke=function(e){if(Oe&&!w)return"All";var t=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?n.jsx("div",{children:n.jsx(c.MiddleTruncatedText,{children:t})}):"".concat(null==e?void 0:e.length," Selected")},Ge=function(){return n.jsx(r.FormControlLabel,{id:"selectAllLabel",className:he.selectAllCheckbox,onClick:ye,control:n.jsx(r.Checkbox,{icon:x,style:{fontSize:20},indeterminate:Se,checkedIcon:v,checked:Oe,inputProps:{"aria-label":"All"}}),label:"All"})},Re=t.useMemo((function(){return{onOutsideClick:Ae,isEmptyOptions:a.isEmpty(je),loading:O,AllSelectComponent:!w&&G&&!a.isEmpty(je)&&n.jsx(Ge,{}),RecentSearchesComponent:L&&n.jsx(L,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:M,dataStorageKey:q,maxCount:F,isHidden:!a.isEmpty(oe),onInputChange:function(e){return le(e)},inputValue:se}),GroupsComponent:!U&&be&&N&&n.jsx(N,{onGroupClick:_e,groups:R})}}),[U,O,be,oe,Oe,Se,se,Q,w]),Ne=t.useMemo((function(){return function(t){var o=t.children,l=t.className,a=e.__rest(t,["children","className"]);return n.jsxs(d,e.__assign({},a,{className:l,inputRef:me,ref:ge},{children:[o,Z]}))}}),[Z]),Fe=t.useMemo((function(){return function(t){return n.jsx(r.Popper,e.__assign({},t,{placement:"bottom-start"},Y))}}),[Y]);return n.jsx(f.PaperContext.Provider,e.__assign({value:Re},{children:n.jsx(s.Autocomplete,e.__assign({},a.omit(ne,["InputProps","isNullable"]),{PopperComponent:Fe,disableClearable:I,onOpen:function(){pe(!0),W()},onClose:Ae,open:"isOpenedFromParent"in ne?ne.isOpenedFromParent:ue,onChange:function(e,n){G||le(""),P(e,n)},forcePopupIcon:b.forcePopupIcon,fullWidth:!0,disabled:k,value:_,classes:Ce,renderInput:function(o){var l,s,i,p,d,c=o.InputProps,f=o.inputProps,m=e.__rest(o,["InputProps","inputProps"]),h=(null===(p=null===(i=null===(s=c.endAdornment)||void 0===s?void 0:s.props)||void 0===i?void 0:i.children)||void 0===p?void 0:p.length)>1?t.cloneElement(c.endAdornment,{children:c.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):c.endAdornment,x=ee&&1===Pe,v=ne.InputProps||{},j=v.classes,S=void 0===j?{}:j,y=S.input,T=void 0===y?"":y,k=e.__rest(S,["input"]),R=v.style,N=e.__rest(v,["classes","style"]);return n.jsx(r.TextField,e.__assign({},m,a.omit(z,["endAdornment"]),{onBlur:function(){ee&&""!==oe.trim()&&xe(),x&&fe(!0)},inputRef:me,placeholder:A,classes:{root:he.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},f),ne.inputProps),InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:C.default(ce?he.inputShrinked:x&&he.inputExpanded,T)},k),style:e.__assign({paddingRight:0,paddingBottom:0},R)},c),N),{startAdornment:n.jsxs(n.Fragment,{children:[null===(d=ne.InputProps)||void 0===d?void 0:d.startAdornment,U&&n.jsx(r.Chip,{className:he.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:he.selectedGroupLabel},{children:[U.name,n.jsx(g.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:he.removeIcon,onClick:J})]}))},U.id),G&&!a.isEmpty(_)&&n.jsx("div",e.__assign({onClick:Te,id:"selectedOptions",className:C.default(he.selectedLabel,ce&&he.selectedLabelExpanded)},{children:ke(_)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(r.InputAdornment,e.__assign({className:C.default(he.endAdornment,(l={},l[he.removeIconWithDropdown]=b.forcePopupIcon,l)),position:"end"},{children:[z.endAdornment,O&&n.jsx(r.CircularProgress,{color:"primary",size:20}),oe&&!I&&n.jsx(u,e.__assign({size:"small",className:he.iconButton,onClick:function(){le(""),B?B():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(g.CloseSmallIcon,{size:16,className:he.closeIcon})}))]})),b.forcePopupIcon&&h]})})}))},loading:O,options:je,renderGroup:function(t){var o=t.key,s=t.group,i=t.children;return!s||!a.isEmpty(U)&&G?i:n.jsxs("div",e.__assign({className:he.group},{children:[n.jsx(r.Tooltip,e.__assign({title:s,placement:"right",TransitionComponent:r.Fade,TransitionProps:{timeout:500},enterDelay:500},{children:n.jsx(r.Chip,{"data-not-migrated-MuiChip":!0,className:C.default(he.groupChip,l.groupChip),variant:"outlined",label:s})})),i]}),o)},disableCloseOnSelect:G,multiple:G,renderOption:K||function(t,o){var l=t.label,a=t.id,s=o.selected;return G?n.jsxs("div",e.__assign({className:C.default(he.option,y)},{children:[n.jsx(r.Checkbox,{disableRipple:!0,icon:x,className:he.checkbox,checkedIcon:v,checked:s}),n.jsx(c.MiddleTruncatedText,e.__assign({className:he.optionLabelContainer},{children:l}))]}),a):n.jsx(r.MenuItem,e.__assign({className:he.menuItem,value:a},{children:n.jsx(c.MiddleTruncatedText,e.__assign({className:he.optionLabelContainer},{children:l}))}),a)},groupBy:be?function(e){return e.group}:null,PaperComponent:Ne,ListboxComponent:p,inputValue:oe,getOptionLabel:E,getOptionDisabled:b.getOptionDisabled,onInputChange:function(e,n,t){"reset"===t&&G||(le((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),H(n,t))},loadingText:n.jsx("div",e.__assign({className:he.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:he.label},{children:"No Options"})),ListboxProps:D,onFocus:function(){var e;fe(!1),null===(e=ne.onFocus)||void 0===e||e.call(ne)}}))}))},I={AutocompleteProps:b.default.shape({forcePopupIcon:b.default.bool,getOptionDisabled:b.default.func}),allChecked:b.default.bool,TextFieldProps:b.default.shape({label:b.default.string,endAdornment:b.default.node}),selectedGroup:b.default.shape({name:b.default.string,id:b.default.string}),onGroupReset:b.default.func,onClose:b.default.func,disableClearable:b.default.bool,value:b.default.oneOfType([b.default.arrayOf(b.default.shape({})),b.default.shape({})]).isRequired,onChange:b.default.func.isRequired,onInputChange:b.default.func,getOptionLabel:b.default.func,onGroupChange:b.default.func,loading:b.default.bool,disabled:b.default.bool,multiple:b.default.bool,options:b.default.array,optionSize:b.default.string,popupIcon:b.default.node,InputProps:b.default.shape({startAdornment:b.default.node,classes:b.default.shape({input:b.default.string}),style:b.default.shape({})}),ListboxProps:b.default.shape({}),classes:b.default.shape({popper:b.default.string,listbox:b.default.string,popupIndicator:b.default.string,popupIndicatorOpen:b.default.string,groupChip:b.default.string}),onInputChangeCallback:b.default.func,placeholder:b.default.string,RecentSearchesComponent:b.default.elementType,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({}),onFocus:b.default.func,isClearInputOnBlur:b.default.bool,inputProps:b.default.shape({})};_.propTypes=I,_.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,onFocus:null},module.exports=_;
|
|
@@ -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 .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:{
|
|
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 .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:{"& span > span":{width:16,height:24},"& svg > path":{stroke:i.primary.text6,fill:i.primary.text6},"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{color:i.primary.main,transform:"unset","& span > span > svg":{transform:"rotate(180deg)"},"& svg > path":{stroke:i.primary.main,fill:i.primary.main}},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:{paddingRight:"0px !important","&:hover":{backgroundColor:"transparent"}},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;
|
|
@@ -30,6 +30,7 @@ declare const Search: {
|
|
|
30
30
|
multiple: PropTypes.Requireable<boolean>;
|
|
31
31
|
options: PropTypes.Requireable<any[]>;
|
|
32
32
|
optionSize: PropTypes.Requireable<string>;
|
|
33
|
+
popupIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
33
34
|
InputProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
34
35
|
startAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
35
36
|
classes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -82,6 +83,7 @@ declare const Search: {
|
|
|
82
83
|
loading: boolean;
|
|
83
84
|
onInputChangeCallback: () => void;
|
|
84
85
|
placeholder: string;
|
|
86
|
+
popupIcon: JSX.Element;
|
|
85
87
|
recentSearchesMaxCount: number;
|
|
86
88
|
dataStorageKey: string;
|
|
87
89
|
dataStorage: Storage;
|
|
@@ -123,6 +125,7 @@ declare const searchPropTypes: {
|
|
|
123
125
|
multiple: PropTypes.Requireable<boolean>;
|
|
124
126
|
options: PropTypes.Requireable<any[]>;
|
|
125
127
|
optionSize: PropTypes.Requireable<string>;
|
|
128
|
+
popupIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
126
129
|
InputProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
127
130
|
startAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
128
131
|
classes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AA+BnC,aAAK,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhE,QAAA,MAAM,MAAM;4eAmCT,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;AA+BnC,aAAK,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhE,QAAA,MAAM,MAAM;4eAmCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAga3B,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DpB,CAAC;AAqCF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as l,useRef as i,useCallback as p,useEffect as a,useMemo as s,cloneElement as u}from"react";import c 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 C}from"@material-ui/lab";import{Popper as b,Tooltip as v,Fade as I,Chip as P,TextField as O,InputAdornment as S,CircularProgress as x,FormControlLabel as y,Checkbox as A,MenuItem as G}from"@material-ui/core";import{CheckBoxOutlineBlank as N,CheckBox as R,AccessTime as k}from"@material-ui/icons";import L from"../IconButton/index.js";import T from"./components/Listbox.js";import F from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/Groups.js";import{MiddleTruncatedText as j}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{PaperContext as z}from"./context/index.js";import M from"./styles.js";import{CloseSmallIcon as B}from"../../icons/index.js";var D=o(N,{style:{fontSize:20}}),H=o(R,{style:{fontSize:20}}),K=function(d){var N=d.classes,R=d.AutocompleteProps,K=void 0===R?{}:R,E=d.value,q=d.disableClearable,w=d.onChange,V=d.onInputChange,W=d.loading,U=d.options,_=d.optionSize,J=d.placeholder,Q=d.onGroupChange,X=d.disabled,Y=d.multiple,Z=d.groups,$=d.GroupsComponent,ee=d.recentSearchesMaxCount,ne=d.dataStorageKey,oe=d.RecentSearchesComponent,te=d.dataStorage,re=d.onInputReset,le=d.getOptionLabel,ie=d.TextFieldProps,pe=d.ListboxProps,ae=d.onInputChangeCallback,se=d.renderCustomOption,ue=d.isHiddenAllOption,ce=d.onOpen,de=void 0===ce?f:ce,me=d.selectedGroup,he=d.onGroupReset,ge=d.onClose,fe=d.popperProps,Ce=void 0===fe?null:fe,be=d.paperFooter,ve=d.isClearInputOnBlur,Ie=void 0!==ve&&ve,Pe=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"]),Oe=l(""),Se=Oe[0],xe=Oe[1],ye=l(""),Ae=ye[0],Ge=ye[1],Ne=l(!1),Re=Ne[0],ke=Ne[1],Le=l(!1),Te=Le[0],Fe=Le[1],je=i(),ze=i(),Me=M(),Be={popper:c(Me.popper,N.popper),listbox:c(Me.listbox,N.listbox),popupIndicator:c(Me.popupIndicator,N.popupIndicator),popupIndicatorOpen:c(Me.popupIndicatorOpen,N.popupIndicatorOpen)},De=(null==U?void 0:U.some((function(e){return e.group})))||!m(Z),He=function(){xe(""),null==re||re()},Ke=p(h((function(e){return Ge(e)}),500),[]),Ee=function(e){var n=Z.find((function(n){return n.id===e}));He(),Q(n)};a((function(){Re&&je.current.focus()}));var qe=null==U?void 0:U.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),we=Y&&Array.isArray(E)?E.length:null,Ve=m(me)?qe:null==U?void 0:U.filter((function(e){return e.group===me.name})),We=Y&&(null==Ve?void 0:Ve.length)===we,Ue=Y&&!!we&&!We,_e=function(){return He(),K.getOptionDisabled&&We?w(null,[U[U.length-1]]):w(null,We||Ue?[]:Ve)};a((function(){Ke(Se),V&&V(Se)}),[Se]);var Je=function(e,n){"blur"===n&&(!e.relatedTarget||ze.current.contains(e.relatedTarget))||(ge(),ke(!1))},Qe=function(){"isOpenedFromParent"in Pe&&Pe.isOpenedFromParent||Re?(ke(!1),ge()):(ke(!0),de())},Xe=function(e){if(We&&!ue)return"All";var n=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?o("div",{children:o(j,{children:n})}):"".concat(null==e?void 0:e.length," Selected")},Ye=function(){return o(y,{id:"selectAllLabel",className:Me.selectAllCheckbox,onClick:_e,control:o(A,{icon:D,style:{fontSize:20},indeterminate:Ue,checkedIcon:H,checked:We,inputProps:{"aria-label":"All"}}),label:"All"})},Ze=s((function(){return{onOutsideClick:Je,isEmptyOptions:m(Ve),loading:W,AllSelectComponent:!ue&&Y&&!m(Ve)&&o(Ye,{}),RecentSearchesComponent:oe&&o(oe,{title:"Recent Searches",Icon:k,dataStorage:te,dataStorageKey:ne,maxCount:ee,isHidden:!m(Se),onInputChange:function(e){return xe(e)},inputValue:Ae}),GroupsComponent:!me&&De&&$&&o($,{onGroupClick:Ee,groups:Z})}}),[me,W,De,Se,We,Ue,Ae,ge,ue]),$e=s((function(){return function(o){var r=o.children,l=o.className,i=e(o,["children","className"]);return t(F,n({},i,{className:l,inputRef:je,ref:ze},{children:[r,be]}))}}),[be]),en=s((function(){return function(e){return o(b,n({},e,{placement:"bottom-start"},Ce))}}),[Ce]);return o(z.Provider,n({value:Ze},{children:o(C,n({},g(Pe,["InputProps","isNullable"]),{PopperComponent:en,disableClearable:q,onOpen:function(){ke(!0),de()},onClose:Je,open:"isOpenedFromParent"in Pe?Pe.isOpenedFromParent:Re,onChange:function(e,n){Y||xe(""),w(e,n)},forcePopupIcon:K.forcePopupIcon,fullWidth:!0,disabled:X,value:E,classes:Be,renderInput:function(l){var i,p,a,s,d,h=l.InputProps,f=l.inputProps,C=e(l,["InputProps","inputProps"]),b=(null===(s=null===(a=null===(p=h.endAdornment)||void 0===p?void 0:p.props)||void 0===a?void 0:a.children)||void 0===s?void 0:s.length)>1?u(h.endAdornment,{children:h.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):h.endAdornment,v=Ie&&1===we,I=Pe.InputProps||{},y=I.classes,A=void 0===y?{}:y,G=A.input,N=void 0===G?"":G,R=e(A,["input"]),k=I.style,T=e(I,["classes","style"]);return o(O,n({},C,g(ie,["endAdornment"]),{onBlur:function(){Ie&&""!==Se.trim()&&He(),v&&Fe(!0)},inputRef:je,placeholder:J,classes:{root:Me.searchInput},inputProps:n(n({style:{padding:5}},f),Pe.inputProps),InputProps:n(n(n({classes:n({input:c(Te?Me.inputShrinked:v&&Me.inputExpanded,N)},R),style:n({paddingRight:0,paddingBottom:0},k)},h),T),{startAdornment:t(r,{children:[null===(d=Pe.InputProps)||void 0===d?void 0:d.startAdornment,me&&o(P,{className:Me.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:t("div",n({className:Me.selectedGroupLabel},{children:[me.name,o(B,{size:16,id:"removeGroupIcon",className:Me.removeIcon,onClick:he})]}))},me.id),Y&&!m(E)&&o("div",n({onClick:Qe,id:"selectedOptions",className:c(Me.selectedLabel,Te&&Me.selectedLabelExpanded)},{children:Xe(E)}))]}),endAdornment:t(r,{children:[t(S,n({className:c(Me.endAdornment,(i={},i[Me.removeIconWithDropdown]=K.forcePopupIcon,i)),position:"end"},{children:[ie.endAdornment,W&&o(x,{color:"primary",size:20}),Se&&!q&&o(L,n({size:"small",className:Me.iconButton,onClick:function(){xe(""),re?re():w(null,[])},tooltipProps:{title:"Clear"}},{children:o(B,{size:16,className:Me.closeIcon})}))]})),K.forcePopupIcon&&b]})})}))},loading:W,options:Ve,renderGroup:function(e){var r=e.key,l=e.group,i=e.children;return!l||!m(me)&&Y?i:t("div",n({className:Me.group},{children:[o(v,n({title:l,placement:"right",TransitionComponent:I,TransitionProps:{timeout:500},enterDelay:500},{children:o(P,{"data-not-migrated-MuiChip":!0,className:c(Me.groupChip,N.groupChip),variant:"outlined",label:l})})),i]}),r)},disableCloseOnSelect:Y,multiple:Y,renderOption:se||function(e,r){var l=e.label,i=e.id,p=r.selected;return Y?t("div",n({className:c(Me.option,_)},{children:[o(A,{disableRipple:!0,icon:D,className:Me.checkbox,checkedIcon:H,checked:p}),o(j,n({className:Me.optionLabelContainer},{children:l}))]}),i):o(G,n({className:Me.menuItem,value:i},{children:o(j,n({className:Me.optionLabelContainer},{children:l}))}),i)},groupBy:De?function(e){return e.group}:null,PaperComponent:$e,ListboxComponent:T,inputValue:Se,getOptionLabel:le,getOptionDisabled:K.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&Y||(xe((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),ae(n,o))},loadingText:o("div",n({className:Me.label},{children:"Loading ..."})),noOptionsText:o("div",n({className:Me.label},{children:"No Options"})),ListboxProps:pe,onFocus:function(){var e;Fe(!1),null===(e=Pe.onFocus)||void 0===e||e.call(Pe)}}))}))},E={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,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({}),onFocus:d.func,isClearInputOnBlur:d.bool,inputProps:d.shape({})};K.propTypes=E,K.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...",recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,onGroupReset:function(){},onClose:function(){},selectedGroup:null,onFocus:null};export{K as default};
|
|
1
|
+
import{__rest as e,__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as l,useRef as i,useCallback as p,useEffect as a,useMemo as s,cloneElement as u}from"react";import c 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 C}from"@material-ui/lab";import{Popper as b,Tooltip as v,Fade as I,Chip as P,TextField as O,InputAdornment as S,CircularProgress as x,FormControlLabel as y,Checkbox as A,MenuItem as G}from"@material-ui/core";import{CheckBoxOutlineBlank as N,CheckBox as R,AccessTime as k}from"@material-ui/icons";import L from"../IconButton/index.js";import T from"./components/Listbox.js";import F from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/Groups.js";import{MiddleTruncatedText as j}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/index.js";var H=o(N,{style:{fontSize:20}}),K=o(R,{style:{fontSize:20}}),E=function(d){var N=d.classes,R=d.AutocompleteProps,D=void 0===R?{}:R,E=d.value,q=d.disableClearable,w=d.onChange,V=d.onInputChange,W=d.loading,U=d.options,_=d.optionSize,J=d.placeholder,Q=d.onGroupChange,X=d.disabled,Y=d.multiple,Z=d.groups,$=d.GroupsComponent,ee=d.recentSearchesMaxCount,ne=d.dataStorageKey,oe=d.RecentSearchesComponent,te=d.dataStorage,re=d.onInputReset,le=d.getOptionLabel,ie=d.TextFieldProps,pe=d.ListboxProps,ae=d.onInputChangeCallback,se=d.renderCustomOption,ue=d.isHiddenAllOption,ce=d.onOpen,de=void 0===ce?f:ce,me=d.selectedGroup,he=d.onGroupReset,ge=d.onClose,fe=d.popperProps,Ce=void 0===fe?null:fe,be=d.paperFooter,ve=d.isClearInputOnBlur,Ie=void 0!==ve&&ve,Pe=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"]),Oe=l(""),Se=Oe[0],xe=Oe[1],ye=l(""),Ae=ye[0],Ge=ye[1],Ne=l(!1),Re=Ne[0],ke=Ne[1],Le=l(!1),Te=Le[0],Fe=Le[1],je=i(),ze=i(),Be=B(),De={popper:c(Be.popper,N.popper),listbox:c(Be.listbox,N.listbox),popupIndicator:c(Be.popupIndicator,N.popupIndicator),popupIndicatorOpen:c(Be.popupIndicatorOpen,N.popupIndicatorOpen)},Me=(null==U?void 0:U.some((function(e){return e.group})))||!m(Z),He=function(){xe(""),null==re||re()},Ke=p(h((function(e){return Ge(e)}),500),[]),Ee=function(e){var n=Z.find((function(n){return n.id===e}));He(),Q(n)};a((function(){Re&&je.current.focus()}));var qe=null==U?void 0:U.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),we=Y&&Array.isArray(E)?E.length:null,Ve=m(me)?qe:null==U?void 0:U.filter((function(e){return e.group===me.name})),We=Y&&(null==Ve?void 0:Ve.length)===we,Ue=Y&&!!we&&!We,_e=function(){return He(),D.getOptionDisabled&&We?w(null,[U[U.length-1]]):w(null,We||Ue?[]:Ve)};a((function(){Ke(Se),V&&V(Se)}),[Se]);var Je=function(e,n){"blur"===n&&(!e.relatedTarget||ze.current.contains(e.relatedTarget))||(ge(),ke(!1))},Qe=function(){"isOpenedFromParent"in Pe&&Pe.isOpenedFromParent||Re?(ke(!1),ge()):(ke(!0),de())},Xe=function(e){if(We&&!ue)return"All";var n=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?o("div",{children:o(j,{children:n})}):"".concat(null==e?void 0:e.length," Selected")},Ye=function(){return o(y,{id:"selectAllLabel",className:Be.selectAllCheckbox,onClick:_e,control:o(A,{icon:H,style:{fontSize:20},indeterminate:Ue,checkedIcon:K,checked:We,inputProps:{"aria-label":"All"}}),label:"All"})},Ze=s((function(){return{onOutsideClick:Je,isEmptyOptions:m(Ve),loading:W,AllSelectComponent:!ue&&Y&&!m(Ve)&&o(Ye,{}),RecentSearchesComponent:oe&&o(oe,{title:"Recent Searches",Icon:k,dataStorage:te,dataStorageKey:ne,maxCount:ee,isHidden:!m(Se),onInputChange:function(e){return xe(e)},inputValue:Ae}),GroupsComponent:!me&&Me&&$&&o($,{onGroupClick:Ee,groups:Z})}}),[me,W,Me,Se,We,Ue,Ae,ge,ue]),$e=s((function(){return function(o){var r=o.children,l=o.className,i=e(o,["children","className"]);return t(F,n({},i,{className:l,inputRef:je,ref:ze},{children:[r,be]}))}}),[be]),en=s((function(){return function(e){return o(b,n({},e,{placement:"bottom-start"},Ce))}}),[Ce]);return o(z.Provider,n({value:Ze},{children:o(C,n({},g(Pe,["InputProps","isNullable"]),{PopperComponent:en,disableClearable:q,onOpen:function(){ke(!0),de()},onClose:Je,open:"isOpenedFromParent"in Pe?Pe.isOpenedFromParent:Re,onChange:function(e,n){Y||xe(""),w(e,n)},forcePopupIcon:D.forcePopupIcon,fullWidth:!0,disabled:X,value:E,classes:De,renderInput:function(l){var i,p,a,s,d,h=l.InputProps,f=l.inputProps,C=e(l,["InputProps","inputProps"]),b=(null===(s=null===(a=null===(p=h.endAdornment)||void 0===p?void 0:p.props)||void 0===a?void 0:a.children)||void 0===s?void 0:s.length)>1?u(h.endAdornment,{children:h.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):h.endAdornment,v=Ie&&1===we,I=Pe.InputProps||{},y=I.classes,A=void 0===y?{}:y,G=A.input,N=void 0===G?"":G,R=e(A,["input"]),k=I.style,T=e(I,["classes","style"]);return o(O,n({},C,g(ie,["endAdornment"]),{onBlur:function(){Ie&&""!==Se.trim()&&He(),v&&Fe(!0)},inputRef:je,placeholder:J,classes:{root:Be.searchInput},inputProps:n(n({style:{padding:5}},f),Pe.inputProps),InputProps:n(n(n({classes:n({input:c(Te?Be.inputShrinked:v&&Be.inputExpanded,N)},R),style:n({paddingRight:0,paddingBottom:0},k)},h),T),{startAdornment:t(r,{children:[null===(d=Pe.InputProps)||void 0===d?void 0:d.startAdornment,me&&o(P,{className:Be.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:t("div",n({className:Be.selectedGroupLabel},{children:[me.name,o(M,{size:16,id:"removeGroupIcon",className:Be.removeIcon,onClick:he})]}))},me.id),Y&&!m(E)&&o("div",n({onClick:Qe,id:"selectedOptions",className:c(Be.selectedLabel,Te&&Be.selectedLabelExpanded)},{children:Xe(E)}))]}),endAdornment:t(r,{children:[t(S,n({className:c(Be.endAdornment,(i={},i[Be.removeIconWithDropdown]=D.forcePopupIcon,i)),position:"end"},{children:[ie.endAdornment,W&&o(x,{color:"primary",size:20}),Se&&!q&&o(L,n({size:"small",className:Be.iconButton,onClick:function(){xe(""),re?re():w(null,[])},tooltipProps:{title:"Clear"}},{children:o(M,{size:16,className:Be.closeIcon})}))]})),D.forcePopupIcon&&b]})})}))},loading:W,options:Ve,renderGroup:function(e){var r=e.key,l=e.group,i=e.children;return!l||!m(me)&&Y?i:t("div",n({className:Be.group},{children:[o(v,n({title:l,placement:"right",TransitionComponent:I,TransitionProps:{timeout:500},enterDelay:500},{children:o(P,{"data-not-migrated-MuiChip":!0,className:c(Be.groupChip,N.groupChip),variant:"outlined",label:l})})),i]}),r)},disableCloseOnSelect:Y,multiple:Y,renderOption:se||function(e,r){var l=e.label,i=e.id,p=r.selected;return Y?t("div",n({className:c(Be.option,_)},{children:[o(A,{disableRipple:!0,icon:H,className:Be.checkbox,checkedIcon:K,checked:p}),o(j,n({className:Be.optionLabelContainer},{children:l}))]}),i):o(G,n({className:Be.menuItem,value:i},{children:o(j,n({className:Be.optionLabelContainer},{children:l}))}),i)},groupBy:Me?function(e){return e.group}:null,PaperComponent:$e,ListboxComponent:T,inputValue:Se,getOptionLabel:le,getOptionDisabled:D.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&Y||(xe((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),ae(n,o))},loadingText:o("div",n({className:Be.label},{children:"Loading ..."})),noOptionsText:o("div",n({className:Be.label},{children:"No Options"})),ListboxProps:pe,onFocus:function(){var e;Fe(!1),null===(e=Pe.onFocus)||void 0===e||e.call(Pe)}}))}))},q={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,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({}),onFocus:d.func,isClearInputOnBlur:d.bool,inputProps:d.shape({})};E.propTypes=q,E.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon:o(D,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,onGroupReset:function(){},onClose:function(){},selectedGroup:null,onFocus:null};export{E 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,meAqKZ,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 .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:{
|
|
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 .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:{"& span > span":{width:16,height:24},"& svg > path":{stroke:i.primary.text6,fill:i.primary.text6},"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{color:i.primary.main,transform:"unset","& span > span > svg":{transform:"rotate(180deg)"},"& svg > path":{stroke:i.primary.main,fill:i.primary.main}},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:{paddingRight:"0px !important","&:hover":{backgroundColor:"transparent"}},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};
|