@corva/ui 0.69.0-9 → 0.70.0-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("react"),n=require("@material-ui/core"),i=require("classnames"),u=require("../../utils/formatting.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(i),o=n.makeStyles({root:{overflow:"visible",whiteSpace:"nowrap",textOverflow:"ellipsis"}});exports.MiddleTruncatedText=function(i){var c=i.children,a=i.className,l=i.showTooltip,d=void 0===l||l,f=e.__rest(i,["children","className","showTooltip"]),v=t.useRef(),h=t.useRef(),p=t.useRef(),T=t.useState({isTruncated:!1,content:c}),_=T[0],g=T[1],m=t.useRef(0),w=o();t.useEffect((function(){v.current&&h.current&&c&&(p.current&&p.current.unobserve(v.current),p.current=new ResizeObserver((function(e){var r,t,n=e[0].contentRect.width,i=null===(r=h.current)||void 0===r?void 0:r.getBoundingClientRect().width,s=null===(t=h.current)||void 0===t?void 0:t.innerHTML;m.current=Math.max(i,m.current);var o=u.truncateInTheMiddle(c.toString(),n,m.current);n&&m.current&&m.current!==n&&(o!==s&&g({content:o,isTruncated:c.toString()!==o}),c.toString()===o&&g((function(e){return{content:c.toString(),isTruncated:!1}})))})),p.current.observe(v.current))}),[_.content,c,v.current,h.current]);var x=r.jsx("div",e.__assign({className:s.default(w.root,a),ref:v},f,{children:r.jsx("span",e.__assign({ref:h},{children:_.content}))}));return d&&_.isTruncated?r.jsx(n.Tooltip,e.__assign({title:c},{children:x})):x};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),r=require("react"),n=require("@material-ui/core"),i=require("classnames"),u=require("../../utils/formatting.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(i),s=n.makeStyles({root:{overflow:"visible",whiteSpace:"nowrap",textOverflow:"ellipsis"}});exports.MiddleTruncatedText=function(i){var o=i.children,l=i.className,a=i.showTooltip,d=void 0===a||a,f=i.customTooltipTitle,v=void 0===f?"":f,T=e.__rest(i,["children","className","showTooltip","customTooltipTitle"]),p=r.useRef(),h=r.useRef(),m=r.useRef(),_=r.useState({isTruncated:!1,content:o}),g=_[0],w=_[1],x=r.useRef(0),b=s();r.useEffect((function(){p.current&&h.current&&o&&(m.current&&m.current.unobserve(p.current),m.current=new ResizeObserver((function(e){var t,r,n=e[0].contentRect.width,i=null===(t=h.current)||void 0===t?void 0:t.getBoundingClientRect().width,c=null===(r=h.current)||void 0===r?void 0:r.innerHTML;x.current=Math.max(i,x.current);var s=u.truncateInTheMiddle(o.toString(),n,x.current);n&&x.current&&x.current!==n&&(s!==c&&w({content:s,isTruncated:o.toString()!==s}),o.toString()===s&&w((function(e){return{content:o.toString(),isTruncated:!1}})))})),m.current.observe(p.current))}),[g.content,o,p.current,h.current]);var j=t.jsx("div",e.__assign({className:c.default(b.root,l),ref:p},T,{children:t.jsx("span",e.__assign({ref:h},{children:g.content}))}));return d&&g.isTruncated?t.jsx(n.Tooltip,e.__assign({title:v||o},{children:j})):j};
@@ -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"),l=require("prop-types"),a=require("lodash"),r=require("@material-ui/lab"),s=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/InputAdornmentLeft.js"),require("./components/Groups.js");var c=require("../MiddleTruncatedText/MiddleTruncatedText.js"),f=require("./context/index.js"),m=require("./styles.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=g(t),C=g(l),b=n.jsx(i.CheckBoxOutlineBlank,{style:{fontSize:20}}),x=n.jsx(i.CheckBox,{style:{fontSize:20}}),v=function(t){var l=t.classes,g=t.AutocompleteProps,C=void 0===g?{}:g,v=t.value,I=t.disableClearable,j=t.onChange,P=t.onInputChange,_=t.loading,O=t.options,S=t.optionSize,y=t.placeholder,A=t.onGroupChange,T=t.disabled,k=t.multiple,G=t.groups,R=t.GroupsComponent,N=t.recentSearchesMaxCount,q=t.dataStorageKey,L=t.RecentSearchesComponent,F=t.dataStorage,M=t.onInputReset,E=t.getOptionLabel,z=t.TextFieldProps,D=t.ListboxProps,B=t.onInputChangeCallback,H=t.renderCustomOption,K=t.isHiddenAllOption,w=t.onOpen,V=void 0===w?a.noop:w,W=t.selectedGroup,U=t.onGroupReset,J=t.onClose,Q=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"]),X=o.useState(""),Y=X[0],Z=X[1],$=o.useState(""),ee=$[0],ne=$[1],oe=o.useState(!1),te=oe[0],le=oe[1],ae=o.useRef(),re=o.useRef(),se=m(),ie={popper:h.default(se.popper,l.popper),listbox:h.default(se.listbox,l.listbox),popupIndicator:h.default(se.popupIndicator,l.popupIndicator),popupIndicatorOpen:h.default(se.popupIndicatorOpen,l.popupIndicatorOpen)},ue=(null==O?void 0:O.some((function(e){return e.group})))||!a.isEmpty(G),pe=o.useCallback(a.debounce((function(e){return ne(e)}),500),[]),de=function(e){var n=G.find((function(n){return n.id===e}));Z(""),A(n)};o.useEffect((function(){te&&ae.current.focus()}));var ce=null==O?void 0:O.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())})),fe=a.isEmpty(W)?ce:null==O?void 0:O.filter((function(e){return e.group===W.name})),me=k&&(null==fe?void 0:fe.length)===(null==v?void 0:v.length),ge=k&&(null==v?void 0:v.length)&&!me,he=function(){return Z(""),C.getOptionDisabled&&me?j(null,[O[O.length-1]]):j(null,me||ge?[]:fe)};o.useEffect((function(){pe(Y),P&&P(Y)}),[Y]);var Ce=function(e,n){"blur"===n&&(!e.relatedTarget||re.current.contains(e.relatedTarget))||(J(),le(!1))},be=function(){"isOpenedFromParent"in Q&&Q.isOpenedFromParent||te?(le(!1),J()):(le(!0),V())},xe=function(e){return me?"All":1===(null==e?void 0:e.length)?e[0].label||e[0].name:"".concat(null==e?void 0:e.length," Selected")},ve=function(){return n.jsx(s.FormControlLabel,{id:"selectAllLabel",className:se.selectAllCheckbox,onClick:he,control:n.jsx(s.Checkbox,{icon:b,style:{fontSize:20},indeterminate:ge,checkedIcon:x,checked:me,inputProps:{"aria-label":"All"}}),label:"All"})},Ie=o.useMemo((function(){return{onOutsideClick:Ce,isEmptyOptions:a.isEmpty(fe),loading:_,AllSelectComponent:!K&&k&&!a.isEmpty(fe)&&n.jsx(ve,{}),RecentSearchesComponent:L&&n.jsx(L,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:F,dataStorageKey:q,maxCount:N,isHidden:!a.isEmpty(Y),onInputChange:function(e){return Z(e)},inputValue:ee}),GroupsComponent:!W&&ue&&R&&n.jsx(R,{onGroupClick:de,groups:G})}}),[W,_,ue,Y,me,ge,ee,J,K]),je=o.useMemo((function(){return function(o){var t=o.children,l=o.className,a=e.__rest(o,["children","className"]);return n.jsx(d,e.__assign({},a,{className:l,inputRef:ae,ref:re},{children:t}))}}),[]);return n.jsx(f.PaperContext.Provider,e.__assign({value:Ie},{children:n.jsx(r.Autocomplete,e.__assign({},Q,{disableClearable:I,onOpen:function(){le(!0),V()},onClose:Ce,open:"isOpenedFromParent"in Q?Q.isOpenedFromParent:te,onChange:function(e,n){Z(""),j(e,n)},forcePopupIcon:C.forcePopupIcon,fullWidth:!0,disabled:T,value:v,classes:ie,renderInput:function(t){var l,r,p,d,c,f=(null===(d=null===(p=null===(r=t.InputProps.endAdornment)||void 0===r?void 0:r.props)||void 0===p?void 0:p.children)||void 0===d?void 0:d.length)>1?o.cloneElement(t.InputProps.endAdornment,{children:t.InputProps.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):t.InputProps.endAdornment;return n.jsx(s.TextField,e.__assign({},t,z,{inputRef:ae,placeholder:y,classes:{root:se.searchInput},InputProps:e.__assign(e.__assign(e.__assign({classes:{root:se.textField}},t.InputProps),Q.InputProps),{startAdornment:n.jsxs(n.Fragment,{children:[null===(c=Q.InputProps)||void 0===c?void 0:c.startAdornment,W&&n.jsx(s.Chip,{className:se.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:se.selectedGroupLabel},{children:[W.name,n.jsx(i.Close,{id:"removeGroupIcon",className:se.removeIcon,onClick:U})]}))},W.id),k&&!a.isEmpty(v)&&n.jsx("div",e.__assign({onClick:be,id:"selectedOptions",className:se.selectedLabel},{children:xe(v)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(s.InputAdornment,e.__assign({className:h.default((l={},l[se.removeIconWithDropdown]=C.forcePopupIcon,l)),position:"end"},{children:[z.endAdornment,_&&n.jsx(s.CircularProgress,{color:"primary",size:20}),Y&&!I&&n.jsx(u,e.__assign({size:"small",className:se.iconButton,onClick:function(){Z(""),M?M():j(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(i.Close,{className:se.closeIcon})}))]})),C.forcePopupIcon&&f]})})}))},loading:_,options:fe,renderGroup:function(o){var t=o.key,r=o.group,i=o.children;return!r||!a.isEmpty(W)&&k?i:n.jsxs("div",e.__assign({className:se.group},{children:[n.jsx(s.Tooltip,e.__assign({title:r,placement:"right",TransitionComponent:s.Fade,TransitionProps:{timeout:500},enterDelay:500},{children:n.jsx(s.Chip,{"data-not-migrated-MuiChip":!0,className:h.default(se.groupChip,l.groupChip),variant:"outlined",label:r},t)})),i]}))},disableCloseOnSelect:k,multiple:k,renderOption:H||function(o,t){var l=o.label,a=o.id,r=t.selected;return k?n.jsxs("div",e.__assign({className:h.default(se.option,S)},{children:[n.jsx(s.Checkbox,{disableRipple:!0,icon:b,className:se.checkbox,checkedIcon:x,checked:r}),n.jsx(c.MiddleTruncatedText,e.__assign({className:se.optionLabelContainer},{children:l}))]}),a):n.jsx(s.MenuItem,e.__assign({className:se.menuItem,value:a},{children:n.jsx(c.MiddleTruncatedText,e.__assign({className:se.optionLabelContainer},{children:l}))}),a)},groupBy:ue&&function(e){return e.group},PaperComponent:je,ListboxComponent:p,inputValue:Y,getOptionLabel:E,getOptionDisabled:C.getOptionDisabled,onInputChange:function(e,n,o){Z((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),B(n,o)},loadingText:n.jsx("div",e.__assign({className:se.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:se.label},{children:"No Options"})),ListboxProps:D}))}))},I={AutocompleteProps:C.default.shape({forcePopupIcon:C.default.bool,getOptionDisabled:C.default.func}),allChecked:C.default.bool,TextFieldProps:C.default.shape({label:C.default.string,endAdornment:C.default.node}),selectedGroup:C.default.shape({name:C.default.string,id:C.default.string}),onGroupReset:C.default.func,onClose:C.default.func,disableClearable:C.default.bool,value:C.default.arrayOf(C.default.shape({})).isRequired,onChange:C.default.func.isRequired,onInputChange:C.default.func,getOptionLabel:C.default.func,onGroupChange:C.default.func,loading:C.default.bool,disabled:C.default.bool,multiple:C.default.bool,options:C.default.array,optionSize:C.default.string,InputProps:C.default.shape({startAdornment:C.default.number}),ListboxProps:C.default.shape({}),classes:C.default.shape({popper:C.default.string,listbox:C.default.string,popupIndicator:C.default.string,popupIndicatorOpen:C.default.string,groupChip:C.default.string}),onInputChangeCallback:C.default.func,placeholder:C.default.string,RecentSearchesComponent:C.default.elementType,recentSearchesMaxCount:C.default.number,dataStorageKey:C.default.string,dataStorage:C.default.shape({}),groups:C.default.array,GroupsComponent:C.default.elementType,onOpen:C.default.func,renderCustomOption:C.default.func,onInputReset:C.default.func,isHiddenAllOption:C.default.bool,isOpenedFromParent:C.default.bool};v.propTypes=I,v.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,onGroupReset:function(){},onClose:function(){},selectedGroup:null},module.exports=v;
1
+ "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),o=require("react"),t=require("classnames"),l=require("prop-types"),r=require("lodash"),a=require("@material-ui/lab"),s=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/InputAdornmentLeft.js"),require("./components/Groups.js");var c=require("../MiddleTruncatedText/MiddleTruncatedText.js"),f=require("./context/index.js"),m=require("./styles.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=g(t),C=g(l),b=n.jsx(i.CheckBoxOutlineBlank,{style:{fontSize:20}}),x=n.jsx(i.CheckBox,{style:{fontSize:20}}),v=function(t){var l=t.classes,g=t.AutocompleteProps,C=void 0===g?{}:g,v=t.value,I=t.disableClearable,P=t.onChange,_=t.onInputChange,j=t.loading,O=t.options,S=t.optionSize,y=t.placeholder,A=t.onGroupChange,T=t.disabled,k=t.multiple,G=t.groups,N=t.GroupsComponent,R=t.recentSearchesMaxCount,L=t.dataStorageKey,q=t.RecentSearchesComponent,F=t.dataStorage,M=t.onInputReset,E=t.getOptionLabel,z=t.TextFieldProps,D=t.ListboxProps,B=t.onInputChangeCallback,H=t.renderCustomOption,K=t.isHiddenAllOption,w=t.onOpen,V=void 0===w?r.noop:w,W=t.selectedGroup,U=t.onGroupReset,J=t.onClose,Q=t.popperProps,X=void 0===Q?null:Q,Y=t.paperFooter,Z=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"]),$=o.useState(""),ee=$[0],ne=$[1],oe=o.useState(""),te=oe[0],le=oe[1],re=o.useState(!1),ae=re[0],se=re[1],ie=o.useRef(),ue=o.useRef(),pe=m(),de={popper:h.default(pe.popper,l.popper),listbox:h.default(pe.listbox,l.listbox),popupIndicator:h.default(pe.popupIndicator,l.popupIndicator),popupIndicatorOpen:h.default(pe.popupIndicatorOpen,l.popupIndicatorOpen)},ce=(null==O?void 0:O.some((function(e){return e.group})))||!r.isEmpty(G),fe=o.useCallback(r.debounce((function(e){return le(e)}),500),[]),me=function(e){var n=G.find((function(n){return n.id===e}));ne(""),null==M||M(),A(n)};o.useEffect((function(){ae&&ie.current.focus()}));var ge=null==O?void 0:O.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())})),he=r.isEmpty(W)?ge:null==O?void 0:O.filter((function(e){return e.group===W.name})),Ce=k&&(null==he?void 0:he.length)===(null==v?void 0:v.length),be=k&&(null==v?void 0:v.length)&&!Ce,xe=function(){return ne(""),null==M||M(),C.getOptionDisabled&&Ce?P(null,[O[O.length-1]]):P(null,Ce||be?[]:he)};o.useEffect((function(){fe(ee),_&&_(ee)}),[ee]);var ve=function(e,n){"blur"===n&&(!e.relatedTarget||ue.current.contains(e.relatedTarget))||(J(),se(!1))},Ie=function(){"isOpenedFromParent"in Z&&Z.isOpenedFromParent||ae?(se(!1),J()):(se(!0),V())},Pe=function(o){if(Ce&&!K)return"All";var t=o[0].label||o[0].name;return 1===(null==o?void 0:o.length)?n.jsx("div",e.__assign({className:pe.selectedLabelContainer},{children:n.jsx(c.MiddleTruncatedText,{children:t})})):"".concat(null==o?void 0:o.length," Selected")},_e=function(){return n.jsx(s.FormControlLabel,{id:"selectAllLabel",className:pe.selectAllCheckbox,onClick:xe,control:n.jsx(s.Checkbox,{icon:b,style:{fontSize:20},indeterminate:be,checkedIcon:x,checked:Ce,inputProps:{"aria-label":"All"}}),label:"All"})},je=o.useMemo((function(){return{onOutsideClick:ve,isEmptyOptions:r.isEmpty(he),loading:j,AllSelectComponent:!K&&k&&!r.isEmpty(he)&&n.jsx(_e,{}),RecentSearchesComponent:q&&n.jsx(q,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:F,dataStorageKey:L,maxCount:R,isHidden:!r.isEmpty(ee),onInputChange:function(e){return ne(e)},inputValue:te}),GroupsComponent:!W&&ce&&N&&n.jsx(N,{onGroupClick:me,groups:G})}}),[W,j,ce,ee,Ce,be,te,J,K]),Oe=o.useMemo((function(){return function(o){var t=o.children,l=o.className,r=e.__rest(o,["children","className"]);return n.jsxs(d,e.__assign({},r,{className:l,inputRef:ie,ref:ue},{children:[t,Y]}))}}),[Y]),Se=o.useMemo((function(){return function(o){return n.jsx(s.Popper,e.__assign({},o,{placement:"bottom-start"},X))}}),[X]);return n.jsx(f.PaperContext.Provider,e.__assign({value:je},{children:n.jsx(a.Autocomplete,e.__assign({},Z,{PopperComponent:Se,disableClearable:I,onOpen:function(){se(!0),V()},onClose:ve,open:"isOpenedFromParent"in Z?Z.isOpenedFromParent:ae,onChange:function(e,n){k||ne(""),P(e,n)},forcePopupIcon:C.forcePopupIcon,fullWidth:!0,disabled:T,value:v,classes:de,renderInput:function(t){var l,a,p,d,c,f=(null===(d=null===(p=null===(a=t.InputProps.endAdornment)||void 0===a?void 0:a.props)||void 0===p?void 0:p.children)||void 0===d?void 0:d.length)>1?o.cloneElement(t.InputProps.endAdornment,{children:t.InputProps.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):t.InputProps.endAdornment;return n.jsx(s.TextField,e.__assign({},t,z,{inputRef:ie,placeholder:y,classes:{root:pe.searchInput},InputProps:e.__assign(e.__assign(e.__assign({classes:{root:pe.textField}},t.InputProps),Z.InputProps),{startAdornment:n.jsxs(n.Fragment,{children:[null===(c=Z.InputProps)||void 0===c?void 0:c.startAdornment,W&&n.jsx(s.Chip,{className:pe.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:pe.selectedGroupLabel},{children:[W.name,n.jsx(i.Close,{id:"removeGroupIcon",className:pe.removeIcon,onClick:U})]}))},W.id),k&&!r.isEmpty(v)&&n.jsx("div",e.__assign({onClick:Ie,id:"selectedOptions",className:pe.selectedLabel},{children:Pe(v)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(s.InputAdornment,e.__assign({className:h.default(pe.endAdornment,(l={},l[pe.removeIconWithDropdown]=C.forcePopupIcon,l)),position:"end"},{children:[z.endAdornment,j&&n.jsx(s.CircularProgress,{color:"primary",size:20}),ee&&!I&&n.jsx(u,e.__assign({size:"small",className:pe.iconButton,onClick:function(){ne(""),M?M():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(i.Close,{className:pe.closeIcon})}))]})),C.forcePopupIcon&&f]})})}))},loading:j,options:he,renderGroup:function(o){var t=o.key,a=o.group,i=o.children;return!a||!r.isEmpty(W)&&k?i:n.jsxs("div",e.__assign({className:pe.group},{children:[n.jsx(s.Tooltip,e.__assign({title:a,placement:"right",TransitionComponent:s.Fade,TransitionProps:{timeout:500},enterDelay:500},{children:n.jsx(s.Chip,{"data-not-migrated-MuiChip":!0,className:h.default(pe.groupChip,l.groupChip),variant:"outlined",label:a},t)})),i]}))},disableCloseOnSelect:k,multiple:k,renderOption:H||function(o,t){var l=o.label,r=o.id,a=t.selected;return k?n.jsxs("div",e.__assign({className:h.default(pe.option,S)},{children:[n.jsx(s.Checkbox,{disableRipple:!0,icon:b,className:pe.checkbox,checkedIcon:x,checked:a}),n.jsx(c.MiddleTruncatedText,e.__assign({className:pe.optionLabelContainer},{children:l}))]}),r):n.jsx(s.MenuItem,e.__assign({className:pe.menuItem,value:r},{children:n.jsx(c.MiddleTruncatedText,e.__assign({className:pe.optionLabelContainer},{children:l}))}),r)},groupBy:ce&&function(e){return e.group},PaperComponent:Oe,ListboxComponent:p,inputValue:ee,getOptionLabel:E,getOptionDisabled:C.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&k||(ne((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),B(n,o))},loadingText:n.jsx("div",e.__assign({className:pe.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:pe.label},{children:"No Options"})),ListboxProps:D}))}))},I={AutocompleteProps:C.default.shape({forcePopupIcon:C.default.bool,getOptionDisabled:C.default.func}),allChecked:C.default.bool,TextFieldProps:C.default.shape({label:C.default.string,endAdornment:C.default.node}),selectedGroup:C.default.shape({name:C.default.string,id:C.default.string}),onGroupReset:C.default.func,onClose:C.default.func,disableClearable:C.default.bool,value:C.default.arrayOf(C.default.shape({})).isRequired,onChange:C.default.func.isRequired,onInputChange:C.default.func,getOptionLabel:C.default.func,onGroupChange:C.default.func,loading:C.default.bool,disabled:C.default.bool,multiple:C.default.bool,options:C.default.array,optionSize:C.default.string,InputProps:C.default.shape({startAdornment:C.default.number}),ListboxProps:C.default.shape({}),classes:C.default.shape({popper:C.default.string,listbox:C.default.string,popupIndicator:C.default.string,popupIndicatorOpen:C.default.string,groupChip:C.default.string}),onInputChangeCallback:C.default.func,placeholder:C.default.string,RecentSearchesComponent:C.default.elementType,recentSearchesMaxCount:C.default.number,dataStorageKey:C.default.string,dataStorage:C.default.shape({}),groups:C.default.array,GroupsComponent:C.default.elementType,onOpen:C.default.func,renderCustomOption:C.default.func,onInputReset:C.default.func,isHiddenAllOption:C.default.bool,paperFooter:C.default.node,isOpenedFromParent:C.default.bool,popperProps:C.default.shape({})};v.propTypes=I,v.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,onGroupReset:function(){},onClose:function(){},selectedGroup:null},module.exports=v;
@@ -1 +1 @@
1
- "use strict";var t=require("@material-ui/core").makeStyles((function(t){var o=t.palette;return{searchInput:{"& .MuiAutocomplete-input":{padding:"5px !important"},"&::before":{borderColor:o.primary.text9},"&:hover .MuiInputAdornment-root svg":{fill:"".concat(o.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(o.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg.MuiSvgIcon-root":{fill:"".concat(o.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{color:o.primary.text6,"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{color:o.primary.main},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative",padding:0},textField:{paddingRight:"0px !important",paddingBottom:"0px !important"},searchIcon:{fill:"".concat(o.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(o.primary.text6," !important"),"&:hover":{fill:"".concat(o.primary.contrastText," !important")}},iconButton:{"&: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:o.primary.text6,border:"1px solid ".concat(o.primary.text9),fontSize:14,"&:hover":{backgroundColor:"initial"}},selectedGroup:{padding:"4px 2px",marginRight:8,color:o.primary.text6,border:"1px solid ".concat(o.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(o.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:{padding:"0 4px"},menuItem:{padding:0,"&:hover":{backgroundColor:"initial"}}}}));module.exports=t;
1
+ "use strict";var t=require("@material-ui/core").makeStyles((function(t){var o=t.palette;return{searchInput:{"& .MuiAutocomplete-input":{padding:"5px !important"},"&::before":{borderColor:o.primary.text9},"&:hover .MuiInputAdornment-root svg":{fill:"".concat(o.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(o.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg.MuiSvgIcon-root":{fill:"".concat(o.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{color:o.primary.text6,"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{color:o.primary.main},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative",padding:0},textField:{paddingRight:"0px !important",paddingBottom:"0px !important"},searchIcon:{fill:"".concat(o.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(o.primary.text6," !important"),"&:hover":{fill:"".concat(o.primary.contrastText," !important")}},iconButton:{"&: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:o.primary.text6,border:"1px solid ".concat(o.primary.text9),fontSize:14,"&:hover":{backgroundColor:"initial"}},selectedGroup:{padding:"4px 2px",marginRight:8,color:o.primary.text6,border:"1px solid ".concat(o.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(o.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:{paddingLeft:4},menuItem:{padding:0,"&:hover":{backgroundColor:"initial"}},selectedLabelContainer:{minWidth:120,maxWidth:120},endAdornment:{marginLeft:0}}}));module.exports=t;
@@ -1 +1 @@
1
- "use strict";var i=require("./palette.mjs.js"),o=i.primary,t=i.background,e={MuiButton:{root:{height:36,padding:"12px 16px",letterSpacing:"1px","&.Mui-disabled":{opacity:.4},"&:hover":{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)"},"& .MuiSvgIcon-root":{color:"inherit"},"& .MuiButton-startIcon":{"&.MuiButton-iconSizeSmall":{marginLeft:"-4px",marginRight:4},"&.MuiButton-iconSizeMedium":{marginLeft:"-8px"},"&.MuiButton-iconSizeLarge":{marginLeft:"-8px"}},"& .MuiButton-endIcon":{"&.MuiButton-iconSizeSmall":{marginRight:"-4px",marginLeft:4},"&.MuiButton-iconSizeMedium":{marginRight:"-8px"},"&.MuiButton-iconSizeLarge":{marginRight:"-8px"}},"& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"24px"},"& .MuiButton-iconSizeLarge > *:first-child":{fontSize:"24px"},"& .MuiButton-iconSizeSmall > *:first-child":{fontSize:"24px"}},sizeLarge:{height:40,fontSize:16,fontWeight:700,padding:"12px 16px"},sizeSmall:{height:30,padding:8},contained:{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)","&:hover":{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)"}},containedPrimary:{"&.Mui-disabled":{backgroundColor:o.main,color:"#FFFFFF"}},textPrimary:{"&:hover":{color:o.main,backgroundColor:"rgba(3, 188, 212, 0.2)"},"&.Mui-disabled":{color:o.main}},text:{padding:"12px 16px",color:o.text6,"&:hover":{color:"#FFFFFF",backgroundColor:t.b7},"&.Mui-disabled":{color:o.text6}}}};module.exports=e;
1
+ "use strict";var i=require("./palette.mjs.js"),o=i.primary,t=i.background,e={MuiButton:{root:{height:36,padding:"12px 16px",letterSpacing:"1px","&.Mui-disabled":{opacity:.4},"&:hover":{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)"},"& .MuiButton-label":{lineHeight:0},"& .MuiSvgIcon-root":{color:"inherit"},"& .MuiButton-startIcon":{"&.MuiButton-iconSizeSmall":{marginLeft:"-4px",marginRight:4},"&.MuiButton-iconSizeMedium":{marginLeft:"-8px"},"&.MuiButton-iconSizeLarge":{marginLeft:"-8px"}},"& .MuiButton-endIcon":{"&.MuiButton-iconSizeSmall":{marginRight:"-4px",marginLeft:4},"&.MuiButton-iconSizeMedium":{marginRight:"-8px"},"&.MuiButton-iconSizeLarge":{marginRight:"-8px"}},"& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"24px"},"& .MuiButton-iconSizeLarge > *:first-child":{fontSize:"24px"},"& .MuiButton-iconSizeSmall > *:first-child":{fontSize:"24px"}},sizeLarge:{height:40,fontSize:16,fontWeight:700,padding:"12px 16px"},sizeSmall:{height:30,padding:8},contained:{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)","&:hover":{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)"}},containedPrimary:{"&.Mui-disabled":{backgroundColor:o.main,color:"#FFFFFF"}},textPrimary:{"&:hover":{color:o.main,backgroundColor:"rgba(3, 188, 212, 0.2)"},"&.Mui-disabled":{color:o.main}},text:{padding:"12px 16px",color:o.text6,"&:hover":{color:"#FFFFFF",backgroundColor:t.b7},"&.Mui-disabled":{color:o.text6}}}};module.exports=e;
@@ -3,6 +3,7 @@ interface Props {
3
3
  children: string | number;
4
4
  className?: string;
5
5
  showTooltip?: boolean;
6
+ customTooltipTitle?: string;
6
7
  }
7
8
  export declare const MiddleTruncatedText: FC<Props>;
8
9
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"MiddleTruncatedText.d.ts","sourceRoot":"","sources":["../../../src/components/MiddleTruncatedText/MiddleTruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,EAAE,EAAE,MAAM,OAAO,CAAC;AAaxD,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA6DzC,CAAC"}
1
+ {"version":3,"file":"MiddleTruncatedText.d.ts","sourceRoot":"","sources":["../../../src/components/MiddleTruncatedText/MiddleTruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,EAAE,EAAE,MAAM,OAAO,CAAC;AAaxD,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CA8DzC,CAAC"}
@@ -1 +1 @@
1
- import{__rest as r,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{useRef as n,useState as o,useEffect as i}from"react";import{makeStyles as c,Tooltip as u}from"@material-ui/core";import s from"classnames";import{truncateInTheMiddle as a}from"../../utils/formatting.js";var l=c({root:{overflow:"visible",whiteSpace:"nowrap",textOverflow:"ellipsis"}}),m=function(c){var m=c.children,d=c.className,v=c.showTooltip,f=void 0===v||v,p=r(c,["children","className","showTooltip"]),h=n(),w=n(),g=n(),T=o({isTruncated:!1,content:m}),b=T[0],S=T[1],x=n(0),j=l();i((function(){h.current&&w.current&&m&&(g.current&&g.current.unobserve(h.current),g.current=new ResizeObserver((function(r){var t,e,n=r[0].contentRect.width,o=null===(t=w.current)||void 0===t?void 0:t.getBoundingClientRect().width,i=null===(e=w.current)||void 0===e?void 0:e.innerHTML;x.current=Math.max(o,x.current);var c=a(m.toString(),n,x.current);n&&x.current&&x.current!==n&&(c!==i&&S({content:c,isTruncated:m.toString()!==c}),m.toString()===c&&S((function(r){return{content:m.toString(),isTruncated:!1}})))})),g.current.observe(h.current))}),[b.content,m,h.current,w.current]);var N=e("div",t({className:s(j.root,d),ref:h},p,{children:e("span",t({ref:w},{children:b.content}))}));return f&&b.isTruncated?e(u,t({title:m},{children:N})):N};export{m as MiddleTruncatedText};
1
+ import{__rest as r,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{useRef as n,useState as o,useEffect as i}from"react";import{makeStyles as c,Tooltip as u}from"@material-ui/core";import s from"classnames";import{truncateInTheMiddle as l}from"../../utils/formatting.js";var a=c({root:{overflow:"visible",whiteSpace:"nowrap",textOverflow:"ellipsis"}}),m=function(c){var m=c.children,d=c.className,v=c.showTooltip,f=void 0===v||v,p=c.customTooltipTitle,h=void 0===p?"":p,T=r(c,["children","className","showTooltip","customTooltipTitle"]),w=n(),g=n(),b=n(),S=o({isTruncated:!1,content:m}),x=S[0],j=S[1],N=n(0),R=a();i((function(){w.current&&g.current&&m&&(b.current&&b.current.unobserve(w.current),b.current=new ResizeObserver((function(r){var t,e,n=r[0].contentRect.width,o=null===(t=g.current)||void 0===t?void 0:t.getBoundingClientRect().width,i=null===(e=g.current)||void 0===e?void 0:e.innerHTML;N.current=Math.max(o,N.current);var c=l(m.toString(),n,N.current);n&&N.current&&N.current!==n&&(c!==i&&j({content:c,isTruncated:m.toString()!==c}),m.toString()===c&&j((function(r){return{content:m.toString(),isTruncated:!1}})))})),b.current.observe(w.current))}),[x.content,m,w.current,g.current]);var M=e("div",t({className:s(R.root,d),ref:w},T,{children:e("span",t({ref:g},{children:x.content}))}));return f&&x.isTruncated?e(u,t({title:h||m},{children:M})):M};export{m as MiddleTruncatedText};
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
3
3
  interface SearchProps extends PropTypes.InferProps<typeof searchPropTypes> {
4
4
  }
5
5
  declare const Search: {
6
- ({ 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, ...props }: SearchProps): JSX.Element;
6
+ ({ 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, ...props }: SearchProps): JSX.Element;
7
7
  propTypes: {
8
8
  AutocompleteProps: PropTypes.Requireable<PropTypes.InferProps<{
9
9
  forcePopupIcon: PropTypes.Requireable<boolean>;
@@ -54,7 +54,9 @@ declare const Search: {
54
54
  renderCustomOption: PropTypes.Requireable<(...args: any[]) => any>;
55
55
  onInputReset: PropTypes.Requireable<(...args: any[]) => any>;
56
56
  isHiddenAllOption: PropTypes.Requireable<boolean>;
57
+ paperFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
57
58
  isOpenedFromParent: PropTypes.Requireable<boolean>;
59
+ popperProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
58
60
  };
59
61
  defaultProps: {
60
62
  InputProps: any;
@@ -137,7 +139,9 @@ declare const searchPropTypes: {
137
139
  renderCustomOption: PropTypes.Requireable<(...args: any[]) => any>;
138
140
  onInputReset: PropTypes.Requireable<(...args: any[]) => any>;
139
141
  isHiddenAllOption: PropTypes.Requireable<boolean>;
142
+ paperFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
140
143
  isOpenedFromParent: PropTypes.Requireable<boolean>;
144
+ popperProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
141
145
  };
142
146
  export default Search;
143
147
  //# sourceMappingURL=Search.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AA8BnC,UAAU,WAAY,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC;CAAG;AAE7E,QAAA,MAAM,MAAM;8bAgCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4V3B,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDpB,CAAC;AAmCF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AA+BnC,UAAU,WAAY,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC;CAAG;AAE7E,QAAA,MAAM,MAAM;wdAkCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkX3B,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDpB,CAAC;AAmCF,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 a,useEffect as p,useMemo as s,cloneElement as u}from"react";import c from"classnames";import d from"prop-types";import{isEmpty as m,debounce as g,noop as h}from"lodash";import{Autocomplete as f}from"@material-ui/lab";import{Tooltip as C,Fade as b,Chip as v,TextField as I,InputAdornment as P,CircularProgress as O,FormControlLabel as S,Checkbox as x,MenuItem as A}from"@material-ui/core";import{CheckBoxOutlineBlank as G,CheckBox as y,AccessTime as N,Close as R}from"@material-ui/icons";import L from"../IconButton/index.js";import k from"./components/Listbox.js";import T from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/InputAdornmentLeft.js";import"./components/Groups.js";import{MiddleTruncatedText as j}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{PaperContext as F}from"./context/index.js";import M from"./styles.js";var z=o(G,{style:{fontSize:20}}),D=o(y,{style:{fontSize:20}}),H=function(d){var G=d.classes,y=d.AutocompleteProps,H=void 0===y?{}:y,K=d.value,B=d.disableClearable,q=d.onChange,w=d.onInputChange,V=d.loading,W=d.options,E=d.optionSize,U=d.placeholder,_=d.onGroupChange,J=d.disabled,Q=d.multiple,X=d.groups,Y=d.GroupsComponent,Z=d.recentSearchesMaxCount,$=d.dataStorageKey,ee=d.RecentSearchesComponent,ne=d.dataStorage,oe=d.onInputReset,te=d.getOptionLabel,re=d.TextFieldProps,le=d.ListboxProps,ie=d.onInputChangeCallback,ae=d.renderCustomOption,pe=d.isHiddenAllOption,se=d.onOpen,ue=void 0===se?h:se,ce=d.selectedGroup,de=d.onGroupReset,me=d.onClose,ge=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"]),he=l(""),fe=he[0],Ce=he[1],be=l(""),ve=be[0],Ie=be[1],Pe=l(!1),Oe=Pe[0],Se=Pe[1],xe=i(),Ae=i(),Ge=M(),ye={popper:c(Ge.popper,G.popper),listbox:c(Ge.listbox,G.listbox),popupIndicator:c(Ge.popupIndicator,G.popupIndicator),popupIndicatorOpen:c(Ge.popupIndicatorOpen,G.popupIndicatorOpen)},Ne=(null==W?void 0:W.some((function(e){return e.group})))||!m(X),Re=a(g((function(e){return Ie(e)}),500),[]),Le=function(e){var n=X.find((function(n){return n.id===e}));Ce(""),_(n)};p((function(){Oe&&xe.current.focus()}));var ke=null==W?void 0:W.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())})),Te=m(ce)?ke:null==W?void 0:W.filter((function(e){return e.group===ce.name})),je=Q&&(null==Te?void 0:Te.length)===(null==K?void 0:K.length),Fe=Q&&(null==K?void 0:K.length)&&!je,Me=function(){return Ce(""),H.getOptionDisabled&&je?q(null,[W[W.length-1]]):q(null,je||Fe?[]:Te)};p((function(){Re(fe),w&&w(fe)}),[fe]);var ze=function(e,n){"blur"===n&&(!e.relatedTarget||Ae.current.contains(e.relatedTarget))||(me(),Se(!1))},De=function(){"isOpenedFromParent"in ge&&ge.isOpenedFromParent||Oe?(Se(!1),me()):(Se(!0),ue())},He=function(e){return je?"All":1===(null==e?void 0:e.length)?e[0].label||e[0].name:"".concat(null==e?void 0:e.length," Selected")},Ke=function(){return o(S,{id:"selectAllLabel",className:Ge.selectAllCheckbox,onClick:Me,control:o(x,{icon:z,style:{fontSize:20},indeterminate:Fe,checkedIcon:D,checked:je,inputProps:{"aria-label":"All"}}),label:"All"})},Be=s((function(){return{onOutsideClick:ze,isEmptyOptions:m(Te),loading:V,AllSelectComponent:!pe&&Q&&!m(Te)&&o(Ke,{}),RecentSearchesComponent:ee&&o(ee,{title:"Recent Searches",Icon:N,dataStorage:ne,dataStorageKey:$,maxCount:Z,isHidden:!m(fe),onInputChange:function(e){return Ce(e)},inputValue:ve}),GroupsComponent:!ce&&Ne&&Y&&o(Y,{onGroupClick:Le,groups:X})}}),[ce,V,Ne,fe,je,Fe,ve,me,pe]),qe=s((function(){return function(t){var r=t.children,l=t.className,i=e(t,["children","className"]);return o(T,n({},i,{className:l,inputRef:xe,ref:Ae},{children:r}))}}),[]);return o(F.Provider,n({value:Be},{children:o(f,n({},ge,{disableClearable:B,onOpen:function(){Se(!0),ue()},onClose:ze,open:"isOpenedFromParent"in ge?ge.isOpenedFromParent:Oe,onChange:function(e,n){Ce(""),q(e,n)},forcePopupIcon:H.forcePopupIcon,fullWidth:!0,disabled:J,value:K,classes:ye,renderInput:function(e){var l,i,a,p,s,d=(null===(p=null===(a=null===(i=e.InputProps.endAdornment)||void 0===i?void 0:i.props)||void 0===a?void 0:a.children)||void 0===p?void 0:p.length)>1?u(e.InputProps.endAdornment,{children:e.InputProps.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):e.InputProps.endAdornment;return o(I,n({},e,re,{inputRef:xe,placeholder:U,classes:{root:Ge.searchInput},InputProps:n(n(n({classes:{root:Ge.textField}},e.InputProps),ge.InputProps),{startAdornment:t(r,{children:[null===(s=ge.InputProps)||void 0===s?void 0:s.startAdornment,ce&&o(v,{className:Ge.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:t("div",n({className:Ge.selectedGroupLabel},{children:[ce.name,o(R,{id:"removeGroupIcon",className:Ge.removeIcon,onClick:de})]}))},ce.id),Q&&!m(K)&&o("div",n({onClick:De,id:"selectedOptions",className:Ge.selectedLabel},{children:He(K)}))]}),endAdornment:t(r,{children:[t(P,n({className:c((l={},l[Ge.removeIconWithDropdown]=H.forcePopupIcon,l)),position:"end"},{children:[re.endAdornment,V&&o(O,{color:"primary",size:20}),fe&&!B&&o(L,n({size:"small",className:Ge.iconButton,onClick:function(){Ce(""),oe?oe():q(null,[])},tooltipProps:{title:"Clear"}},{children:o(R,{className:Ge.closeIcon})}))]})),H.forcePopupIcon&&d]})})}))},loading:V,options:Te,renderGroup:function(e){var r=e.key,l=e.group,i=e.children;return!l||!m(ce)&&Q?i:t("div",n({className:Ge.group},{children:[o(C,n({title:l,placement:"right",TransitionComponent:b,TransitionProps:{timeout:500},enterDelay:500},{children:o(v,{"data-not-migrated-MuiChip":!0,className:c(Ge.groupChip,G.groupChip),variant:"outlined",label:l},r)})),i]}))},disableCloseOnSelect:Q,multiple:Q,renderOption:ae||function(e,r){var l=e.label,i=e.id,a=r.selected;return Q?t("div",n({className:c(Ge.option,E)},{children:[o(x,{disableRipple:!0,icon:z,className:Ge.checkbox,checkedIcon:D,checked:a}),o(j,n({className:Ge.optionLabelContainer},{children:l}))]}),i):o(A,n({className:Ge.menuItem,value:i},{children:o(j,n({className:Ge.optionLabelContainer},{children:l}))}),i)},groupBy:Ne&&function(e){return e.group},PaperComponent:qe,ListboxComponent:k,inputValue:fe,getOptionLabel:te,getOptionDisabled:H.getOptionDisabled,onInputChange:function(e,n,o){Ce((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),ie(n,o)},loadingText:o("div",n({className:Ge.label},{children:"Loading ..."})),noOptionsText:o("div",n({className:Ge.label},{children:"No Options"})),ListboxProps:le}))}))},K={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.arrayOf(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.number}),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,isOpenedFromParent:d.bool};H.propTypes=K,H.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};export{H 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,noop as g}from"lodash";import{Autocomplete as f}from"@material-ui/lab";import{Popper as C,Tooltip as b,Fade as v,Chip as I,TextField as P,InputAdornment as O,CircularProgress as S,FormControlLabel as x,Checkbox as A,MenuItem as G}from"@material-ui/core";import{CheckBoxOutlineBlank as N,CheckBox as y,AccessTime as L,Close as R}from"@material-ui/icons";import k from"../IconButton/index.js";import T from"./components/Listbox.js";import F from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/InputAdornmentLeft.js";import"./components/Groups.js";import{MiddleTruncatedText as j}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{PaperContext as M}from"./context/index.js";import z from"./styles.js";var D=o(N,{style:{fontSize:20}}),H=o(y,{style:{fontSize:20}}),K=function(d){var N=d.classes,y=d.AutocompleteProps,K=void 0===y?{}:y,B=d.value,q=d.disableClearable,w=d.onChange,V=d.onInputChange,W=d.loading,E=d.options,U=d.optionSize,_=d.placeholder,J=d.onGroupChange,Q=d.disabled,X=d.multiple,Y=d.groups,Z=d.GroupsComponent,$=d.recentSearchesMaxCount,ee=d.dataStorageKey,ne=d.RecentSearchesComponent,oe=d.dataStorage,te=d.onInputReset,re=d.getOptionLabel,le=d.TextFieldProps,ie=d.ListboxProps,pe=d.onInputChangeCallback,ae=d.renderCustomOption,se=d.isHiddenAllOption,ue=d.onOpen,ce=void 0===ue?g:ue,de=d.selectedGroup,me=d.onGroupReset,he=d.onClose,ge=d.popperProps,fe=void 0===ge?null:ge,Ce=d.paperFooter,be=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"]),ve=l(""),Ie=ve[0],Pe=ve[1],Oe=l(""),Se=Oe[0],xe=Oe[1],Ae=l(!1),Ge=Ae[0],Ne=Ae[1],ye=i(),Le=i(),Re=z(),ke={popper:c(Re.popper,N.popper),listbox:c(Re.listbox,N.listbox),popupIndicator:c(Re.popupIndicator,N.popupIndicator),popupIndicatorOpen:c(Re.popupIndicatorOpen,N.popupIndicatorOpen)},Te=(null==E?void 0:E.some((function(e){return e.group})))||!m(Y),Fe=p(h((function(e){return xe(e)}),500),[]),je=function(e){var n=Y.find((function(n){return n.id===e}));Pe(""),null==te||te(),J(n)};a((function(){Ge&&ye.current.focus()}));var Me=null==E?void 0:E.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),ze=m(de)?Me:null==E?void 0:E.filter((function(e){return e.group===de.name})),De=X&&(null==ze?void 0:ze.length)===(null==B?void 0:B.length),He=X&&(null==B?void 0:B.length)&&!De,Ke=function(){return Pe(""),null==te||te(),K.getOptionDisabled&&De?w(null,[E[E.length-1]]):w(null,De||He?[]:ze)};a((function(){Fe(Ie),V&&V(Ie)}),[Ie]);var Be=function(e,n){"blur"===n&&(!e.relatedTarget||Le.current.contains(e.relatedTarget))||(he(),Ne(!1))},qe=function(){"isOpenedFromParent"in be&&be.isOpenedFromParent||Ge?(Ne(!1),he()):(Ne(!0),ce())},we=function(e){if(De&&!se)return"All";var t=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?o("div",n({className:Re.selectedLabelContainer},{children:o(j,{children:t})})):"".concat(null==e?void 0:e.length," Selected")},Ve=function(){return o(x,{id:"selectAllLabel",className:Re.selectAllCheckbox,onClick:Ke,control:o(A,{icon:D,style:{fontSize:20},indeterminate:He,checkedIcon:H,checked:De,inputProps:{"aria-label":"All"}}),label:"All"})},We=s((function(){return{onOutsideClick:Be,isEmptyOptions:m(ze),loading:W,AllSelectComponent:!se&&X&&!m(ze)&&o(Ve,{}),RecentSearchesComponent:ne&&o(ne,{title:"Recent Searches",Icon:L,dataStorage:oe,dataStorageKey:ee,maxCount:$,isHidden:!m(Ie),onInputChange:function(e){return Pe(e)},inputValue:Se}),GroupsComponent:!de&&Te&&Z&&o(Z,{onGroupClick:je,groups:Y})}}),[de,W,Te,Ie,De,He,Se,he,se]),Ee=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:ye,ref:Le},{children:[r,Ce]}))}}),[Ce]),Ue=s((function(){return function(e){return o(C,n({},e,{placement:"bottom-start"},fe))}}),[fe]);return o(M.Provider,n({value:We},{children:o(f,n({},be,{PopperComponent:Ue,disableClearable:q,onOpen:function(){Ne(!0),ce()},onClose:Be,open:"isOpenedFromParent"in be?be.isOpenedFromParent:Ge,onChange:function(e,n){X||Pe(""),w(e,n)},forcePopupIcon:K.forcePopupIcon,fullWidth:!0,disabled:Q,value:B,classes:ke,renderInput:function(e){var l,i,p,a,s,d=(null===(a=null===(p=null===(i=e.InputProps.endAdornment)||void 0===i?void 0:i.props)||void 0===p?void 0:p.children)||void 0===a?void 0:a.length)>1?u(e.InputProps.endAdornment,{children:e.InputProps.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):e.InputProps.endAdornment;return o(P,n({},e,le,{inputRef:ye,placeholder:_,classes:{root:Re.searchInput},InputProps:n(n(n({classes:{root:Re.textField}},e.InputProps),be.InputProps),{startAdornment:t(r,{children:[null===(s=be.InputProps)||void 0===s?void 0:s.startAdornment,de&&o(I,{className:Re.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:t("div",n({className:Re.selectedGroupLabel},{children:[de.name,o(R,{id:"removeGroupIcon",className:Re.removeIcon,onClick:me})]}))},de.id),X&&!m(B)&&o("div",n({onClick:qe,id:"selectedOptions",className:Re.selectedLabel},{children:we(B)}))]}),endAdornment:t(r,{children:[t(O,n({className:c(Re.endAdornment,(l={},l[Re.removeIconWithDropdown]=K.forcePopupIcon,l)),position:"end"},{children:[le.endAdornment,W&&o(S,{color:"primary",size:20}),Ie&&!q&&o(k,n({size:"small",className:Re.iconButton,onClick:function(){Pe(""),te?te():w(null,[])},tooltipProps:{title:"Clear"}},{children:o(R,{className:Re.closeIcon})}))]})),K.forcePopupIcon&&d]})})}))},loading:W,options:ze,renderGroup:function(e){var r=e.key,l=e.group,i=e.children;return!l||!m(de)&&X?i:t("div",n({className:Re.group},{children:[o(b,n({title:l,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500},{children:o(I,{"data-not-migrated-MuiChip":!0,className:c(Re.groupChip,N.groupChip),variant:"outlined",label:l},r)})),i]}))},disableCloseOnSelect:X,multiple:X,renderOption:ae||function(e,r){var l=e.label,i=e.id,p=r.selected;return X?t("div",n({className:c(Re.option,U)},{children:[o(A,{disableRipple:!0,icon:D,className:Re.checkbox,checkedIcon:H,checked:p}),o(j,n({className:Re.optionLabelContainer},{children:l}))]}),i):o(G,n({className:Re.menuItem,value:i},{children:o(j,n({className:Re.optionLabelContainer},{children:l}))}),i)},groupBy:Te&&function(e){return e.group},PaperComponent:Ee,ListboxComponent:T,inputValue:Ie,getOptionLabel:re,getOptionDisabled:K.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&X||(Pe((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),pe(n,o))},loadingText:o("div",n({className:Re.label},{children:"Loading ..."})),noOptionsText:o("div",n({className:Re.label},{children:"No Options"})),ListboxProps:ie}))}))},B={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.arrayOf(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.number}),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({})};K.propTypes=B,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};export{K as default};
@@ -1,3 +1,3 @@
1
- declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "option" | "checkbox" | "group" | "listbox" | "iconButton" | "popper" | "menuItem" | "searchIcon" | "searchInput" | "popupIndicator" | "popupIndicatorOpen" | "textField" | "closeIcon" | "optionLabelContainer" | "groupChip" | "selectedGroup" | "selectedGroupLabel" | "removeIcon" | "removeIconWithDropdown" | "selectAllCheckbox" | "selectedLabel">;
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "option" | "checkbox" | "group" | "listbox" | "iconButton" | "popper" | "endAdornment" | "menuItem" | "searchIcon" | "searchInput" | "popupIndicator" | "popupIndicatorOpen" | "textField" | "closeIcon" | "optionLabelContainer" | "groupChip" | "selectedGroup" | "selectedGroupLabel" | "removeIcon" | "removeIconWithDropdown" | "selectAllCheckbox" | "selectedLabel" | "selectedLabelContainer">;
2
2
  export default useStyles;
3
3
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Search/styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,kaAsIZ,CAAC;AAEJ,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Search/styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,8cA8IZ,CAAC;AAEJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- import{makeStyles as t}from"@material-ui/core";var o=t((function(t){var o=t.palette;return{searchInput:{"& .MuiAutocomplete-input":{padding:"5px !important"},"&::before":{borderColor:o.primary.text9},"&:hover .MuiInputAdornment-root svg":{fill:"".concat(o.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(o.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg.MuiSvgIcon-root":{fill:"".concat(o.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{color:o.primary.text6,"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{color:o.primary.main},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative",padding:0},textField:{paddingRight:"0px !important",paddingBottom:"0px !important"},searchIcon:{fill:"".concat(o.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(o.primary.text6," !important"),"&:hover":{fill:"".concat(o.primary.contrastText," !important")}},iconButton:{"&: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:o.primary.text6,border:"1px solid ".concat(o.primary.text9),fontSize:14,"&:hover":{backgroundColor:"initial"}},selectedGroup:{padding:"4px 2px",marginRight:8,color:o.primary.text6,border:"1px solid ".concat(o.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(o.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:{padding:"0 4px"},menuItem:{padding:0,"&:hover":{backgroundColor:"initial"}}}}));export{o as default};
1
+ import{makeStyles as t}from"@material-ui/core";var o=t((function(t){var o=t.palette;return{searchInput:{"& .MuiAutocomplete-input":{padding:"5px !important"},"&::before":{borderColor:o.primary.text9},"&:hover .MuiInputAdornment-root svg":{fill:"".concat(o.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(o.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg.MuiSvgIcon-root":{fill:"".concat(o.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{color:o.primary.text6,"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{color:o.primary.main},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative",padding:0},textField:{paddingRight:"0px !important",paddingBottom:"0px !important"},searchIcon:{fill:"".concat(o.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(o.primary.text6," !important"),"&:hover":{fill:"".concat(o.primary.contrastText," !important")}},iconButton:{"&: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:o.primary.text6,border:"1px solid ".concat(o.primary.text9),fontSize:14,"&:hover":{backgroundColor:"initial"}},selectedGroup:{padding:"4px 2px",marginRight:8,color:o.primary.text6,border:"1px solid ".concat(o.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(o.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:{paddingLeft:4},menuItem:{padding:0,"&:hover":{backgroundColor:"initial"}},selectedLabelContainer:{minWidth:120,maxWidth:120},endAdornment:{marginLeft:0}}}));export{o as default};
@@ -10,6 +10,9 @@ declare namespace _default {
10
10
  '&:hover': {
11
11
  boxShadow: string;
12
12
  };
13
+ '& .MuiButton-label': {
14
+ lineHeight: number;
15
+ };
13
16
  '& .MuiSvgIcon-root': {
14
17
  color: string;
15
18
  };
@@ -1 +1 @@
1
- import i from"./palette.mjs.js";var o=i.primary,t=i.background,n={MuiButton:{root:{height:36,padding:"12px 16px",letterSpacing:"1px","&.Mui-disabled":{opacity:.4},"&:hover":{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)"},"& .MuiSvgIcon-root":{color:"inherit"},"& .MuiButton-startIcon":{"&.MuiButton-iconSizeSmall":{marginLeft:"-4px",marginRight:4},"&.MuiButton-iconSizeMedium":{marginLeft:"-8px"},"&.MuiButton-iconSizeLarge":{marginLeft:"-8px"}},"& .MuiButton-endIcon":{"&.MuiButton-iconSizeSmall":{marginRight:"-4px",marginLeft:4},"&.MuiButton-iconSizeMedium":{marginRight:"-8px"},"&.MuiButton-iconSizeLarge":{marginRight:"-8px"}},"& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"24px"},"& .MuiButton-iconSizeLarge > *:first-child":{fontSize:"24px"},"& .MuiButton-iconSizeSmall > *:first-child":{fontSize:"24px"}},sizeLarge:{height:40,fontSize:16,fontWeight:700,padding:"12px 16px"},sizeSmall:{height:30,padding:8},contained:{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)","&:hover":{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)"}},containedPrimary:{"&.Mui-disabled":{backgroundColor:o.main,color:"#FFFFFF"}},textPrimary:{"&:hover":{color:o.main,backgroundColor:"rgba(3, 188, 212, 0.2)"},"&.Mui-disabled":{color:o.main}},text:{padding:"12px 16px",color:o.text6,"&:hover":{color:"#FFFFFF",backgroundColor:t.b7},"&.Mui-disabled":{color:o.text6}}}};export{n as default};
1
+ import i from"./palette.mjs.js";var o=i.primary,t=i.background,n={MuiButton:{root:{height:36,padding:"12px 16px",letterSpacing:"1px","&.Mui-disabled":{opacity:.4},"&:hover":{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)"},"& .MuiButton-label":{lineHeight:0},"& .MuiSvgIcon-root":{color:"inherit"},"& .MuiButton-startIcon":{"&.MuiButton-iconSizeSmall":{marginLeft:"-4px",marginRight:4},"&.MuiButton-iconSizeMedium":{marginLeft:"-8px"},"&.MuiButton-iconSizeLarge":{marginLeft:"-8px"}},"& .MuiButton-endIcon":{"&.MuiButton-iconSizeSmall":{marginRight:"-4px",marginLeft:4},"&.MuiButton-iconSizeMedium":{marginRight:"-8px"},"&.MuiButton-iconSizeLarge":{marginRight:"-8px"}},"& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"24px"},"& .MuiButton-iconSizeLarge > *:first-child":{fontSize:"24px"},"& .MuiButton-iconSizeSmall > *:first-child":{fontSize:"24px"}},sizeLarge:{height:40,fontSize:16,fontWeight:700,padding:"12px 16px"},sizeSmall:{height:30,padding:8},contained:{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)","&:hover":{boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.16)"}},containedPrimary:{"&.Mui-disabled":{backgroundColor:o.main,color:"#FFFFFF"}},textPrimary:{"&:hover":{color:o.main,backgroundColor:"rgba(3, 188, 212, 0.2)"},"&.Mui-disabled":{color:o.main}},text:{padding:"12px 16px",color:o.text6,"&:hover":{color:"#FFFFFF",backgroundColor:t.b7},"&.Mui-disabled":{color:o.text6}}}};export{n as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "0.69.0-9",
3
+ "version": "0.70.0-0",
4
4
  "description": "Shared components/utils for Corva ui projects",
5
5
  "keywords": [
6
6
  "corva-ui"