@corva/ui 0.90.0-1 → 0.90.0-11
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/AdvancedSlider/Handle.js +1 -1
- package/cjs-bundle/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js +1 -1
- package/cjs-bundle/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js +1 -1
- package/cjs-bundle/components/Search/Search.js +1 -1
- package/cjs-bundle/components/Stepper/Step/Step.js +1 -1
- package/cjs-bundle/components/Stepper/Step/styles.js +1 -1
- package/components/AdvancedSlider/Handle.d.ts.map +1 -1
- package/components/AdvancedSlider/Handle.js +1 -1
- package/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.d.ts +1 -1
- package/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.d.ts.map +1 -1
- package/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js +1 -1
- package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.d.ts +4 -2
- package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.d.ts.map +1 -1
- package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js +1 -1
- package/components/Search/Search.d.ts +10 -1
- package/components/Search/Search.d.ts.map +1 -1
- package/components/Search/Search.js +1 -1
- package/components/Stepper/Step/Step.d.ts.map +1 -1
- package/components/Stepper/Step/Step.js +1 -1
- package/components/Stepper/Step/styles.d.ts.map +1 -1
- package/components/Stepper/Step/styles.js +1 -1
- package/components/Stepper/Stepper.stories.d.ts +1 -0
- package/components/Stepper/Stepper.stories.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),i=require("@babel/runtime/helpers/slicedToArray"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),i=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("@material-ui/core"),s=require("classnames");require("./styles/sliderStyles.js");var a=require("./styles/handleStyles.js"),n=require("./utils.js"),l=require("./constants.js"),o=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(e),f=d(i),v=d(s);exports.Handle=function(e){var i,s,d,m,I=e.value,R=e.orientation,E=e.placement,h=e.dimension,A=e.readOnly,H=e.onChange,j=e.min,q=e.max,p=e.displayFormatter,N=e.isInsideArrowsVisible,_=e.arrowsOutsideConfig,O=e.classes,T=e.minimal,b=e["data-testid"],g=t.useState(!1),y=f.default(g,2),w=y[0],V=y[1],x=t.useState(I),S=f.default(x,2),C=S[0],M=S[1],F=t.useRef(null),L=R===l.HORIZONTAL_ORIENTATION,z=R===l.VERTICAL_ORIENTATION,D=E===l.HEAD_PLACEMENT,G=a.useHandleStyles({distance:null==_?void 0:_.distance,minimal:T,hoverAreaHeight:L?l.HOVER_ARREA_WIDTH_BY_DIMENSION[h]:l.HOVER_ARREA_HEIGHT,hoverAreaWidth:L?l.HOVER_ARREA_HEIGHT:l.HOVER_ARREA_WIDTH_BY_DIMENSION[h]}),P=function(e){if(!A){var i=Number(e);n.getIsInputValueValid(i)?H(n.getValidatedValue(i,j,q)):V(!0)}};return t.useEffect((function(){M(I),w&&V(!1)}),[I]),u.jsxs("div",{className:v.default(G.root,O.handleRoot,G[h],(i={},c.default(i,G.horizontalHeadRoot,L&&D),c.default(i,G.horizontalTailRoot,L&&!D),c.default(i,G.verticalHeadRoot,z&&D),c.default(i,G.verticalTailRoot,z&&!D),c.default(i,G.minimalHandleRoot,T),i)),children:[u.jsx(o.LeftIcon,{size:16,className:v.default(G.leftArrow,(s={},c.default(s,G.reversedLeftArrow,z),c.default(s,G.isInvisible,N&&!D||D&&(null==_?void 0:_.isLeftArrowInvisible)),s)),fill:"white"}),u.jsx("div",{className:v.default(G.handle,O.handle,(d={},c.default(d,G.horizontalHeadHandle,L&&D),c.default(d,G.horizontalTailHandle,L&&!D),c.default(d,G.verticalHeadHandle,z&&D),c.default(d,G.verticalTailHandle,z&&!D),c.default(d,G.minimalHandle,T),c.default(d,G.minimalVerticalHandle,T&&z),d)),"data-testid":b,children:!T&&u.jsx(r.Input,{inputProps:{"data-testid":"handle-input"},readOnly:A,inputRef:F,onKeyDown:function(e){var i=e.keyCode,t=e.target;13===i&&P(t.value)},onBlur:function(e){var i=e.target;P(i.value)},classes:{root:v.default(G.inputRoot,w&&G.hasError)},value:A?p(C):C,onChange:function(e){var i=e.target.value;(function(e){var i,t,r=null==e||null===(i=e.target)||void 0===i?void 0:i.value,s=r?parseFloat(r):0,a=s>=Number.MIN_SAFE_INTEGER&&s<Number.MAX_SAFE_INTEGER,n=null==e||null===(t=e.nativeEvent)||void 0===t?void 0:t.data,l=r.split(".").length-1;return!a||!(!n||"."===n||"-"===n||n>="0"&&n<="9")||l>1||"-"===n&&""===r})(e)||(M(i),w&&V(!1))},disableUnderline:!0,error:!(Number.isFinite(+C)&&+C>=j&&+C<=q)})}),u.jsx(o.RightIcon,{size:16,className:v.default(G.rightArrow,(m={},c.default(m,G.reversedRightArrow,z),c.default(m,G.isInvisible,N&&D||!D&&(null==_?void 0:_.isRightArrowInvisible)),m)),fill:"white"})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),t=require("classnames"),i=require("@material-ui/core"),n=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../AppSideBar/AppSideBar.js"),o=require("../../IconButton/index.js"),c=require("../AppSettingsPopover/AppSettingsPopover.js"),a=require("../../Button/components/Button/index.js");require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var l=require("../../../effects/useMatchAppContainerSize.js"),u=require("../../../utils/mobileDetect.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(t),h=i.makeStyles({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),m=function(t){var r=i.useTheme(),c=l.useMatchAppContainerSize({width:{max:r.breakpoints.width("md")}}),u=h();return c?s.jsx(o,e.__assign({className:u.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},t,{children:s.jsx(n.CenterAlignmentIcon,{size:16})})):s.jsx(a,e.__assign({startIcon:s.jsx(n.CenterAlignmentIcon,{size:16})},t,{children:"Filters"}))};exports.AppFilterPanelLayout=function(t){var n=t.appSettingsPopoverProps,o=t.children,a=t.classes,p=void 0===a?{}:a,g=t.header,j=t.sideBarContent,x=t.sideBarProps,f=h(),q=i.useTheme(),v=l.useMatchAppContainerSize({width:{max:q.breakpoints.width("md")}}),_=u.isNativeDetected||u.isMobileDetected||v;return s.jsxs("div",e.__assign({className:d.default(f.appLayout,p.appLayout)},{children:[_&&s.jsxs("div",e.__assign({className:d.default(f.header,p.header)},{children:[s.jsx(c.AppSettingsPopover,e.__assign({Trigger:m,classes:{popoverContent:f.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},n,{children:j})),g]})),s.jsxs("div",e.__assign({className:d.default(f.contentWrapper,p.contentWrapper)},{children:[!_&&s.jsx(r,e.__assign({},x,{anchor:"left"},{children:j})),s.jsx("div",e.__assign({className:d.default(f.content,p.content)},{children:o}))]}))]}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),t=require("classnames"),i=require("@material-ui/core"),n=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../AppSideBar/AppSideBar.js"),o=require("../../IconButton/index.js"),c=require("../AppSettingsPopover/AppSettingsPopover.js"),a=require("../../Button/components/Button/index.js");require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var l=require("../../../effects/useMatchAppContainerSize.js"),u=require("../../../utils/mobileDetect.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(t),h=i.makeStyles({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),m=function(t){var r=i.useTheme(),c=l.useMatchAppContainerSize({width:{max:r.breakpoints.width("md")}}),u=h();return c?s.jsx(o,e.__assign({className:u.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},t,{children:s.jsx(n.CenterAlignmentIcon,{size:16})})):s.jsx(a,e.__assign({startIcon:s.jsx(n.CenterAlignmentIcon,{size:16})},t,{children:"Filters"}))};exports.AppFilterPanelLayout=function(t){var n=t.appSettingsPopoverProps,o=t.children,a=t.classes,p=void 0===a?{}:a,g=t.header,j=t.sideBarContent,x=t.sideBarProps,f=h(),q=i.useTheme(),v=l.useMatchAppContainerSize({width:{max:q.breakpoints.width("md")}}),_=u.isNativeDetected||u.isMobileDetected||v;return s.jsxs("div",e.__assign({className:d.default(f.appLayout,p.appLayout)},{children:[_&&s.jsxs("div",e.__assign({className:d.default(f.header,p.header)},{children:[s.jsx(c.AppSettingsPopover,e.__assign({Trigger:m,classes:{popoverContent:f.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},n,{children:j})),g]})),s.jsxs("div",e.__assign({className:d.default(f.contentWrapper,p.contentWrapper)},{children:[!_&&s.jsx(r,e.__assign({},x,{anchor:"left"},{children:j})),o&&s.jsx("div",e.__assign({className:d.default(f.content,p.content)},{children:o}))]}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),o=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),i=require("@material-ui/core"),s=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../../../utils/mobileDetect.js"),l=require("../../IconButton/index.js"),a=require("../../Modal/Modal.js"),c=require("../../Button/components/Button/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=u(n),p=r.isNativeDetected||r.isMobileDetected,g=i.makeStyles((function(e){return{popoverPaper:{position:"relative",marginTop:function(e){return e.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(e.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(e.palette.background.b9,", ").concat(e.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));exports.AppSettingsPopover=function(n){var u=n.Trigger,m=void 0===u?null:u,h=n.children,v=n.classes,x=n.defaultScrollable,j=void 0!==x&&x,b=n.header,f=void 0===b?"Settings":b,_=n.iconSettingsProps,q=void 0===_?{}:_,C=n.maxHeight,I=void 0===C?null:C,S=n.modalActions,k=void 0===S?null:S,P=n.modalProps,B=void 0===P?{}:P,H=n.onClose,T=void 0===H?function(){}:H,y=e.__rest(n,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),z=t.useState(null),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),o=require("react/jsx-runtime"),t=require("react"),n=require("classnames"),i=require("@material-ui/core"),s=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../../../utils/mobileDetect.js"),l=require("../../IconButton/index.js"),a=require("../../Modal/Modal.js"),c=require("../../Button/components/Button/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=u(n),p=r.isNativeDetected||r.isMobileDetected,g=i.makeStyles((function(e){return{popoverPaper:{position:"relative",marginTop:function(e){return e.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(e.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(e.palette.background.b9,", ").concat(e.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));exports.AppSettingsPopover=function(n){var u=n.Trigger,m=void 0===u?null:u,h=n.children,v=n.classes,x=n.defaultScrollable,j=void 0!==x&&x,b=n.header,f=void 0===b?"Settings":b,_=n.iconSettingsProps,q=void 0===_?{}:_,C=n.maxHeight,I=void 0===C?null:C,S=n.modalActions,k=void 0===S?null:S,P=n.modalProps,B=void 0===P?{}:P,H=n.onClose,T=void 0===H?function(){}:H,y=e.__rest(n,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),z=t.useState(null),A=z[0],w=z[1],N=t.useState(!0),O=N[0],M=N[1],D=g({maxHeight:I,isScrollable:O,isNativeDetected:r.isNativeDetected}),E=v||{},L=E.popoverContent,F=e.__rest(E,["popoverContent"]),W=function(){w(null),T()},Y=Boolean(A),G=function(e){return w(e.currentTarget)},R=k||o.jsx(c,e.__assign({variation:"secondary",onClick:W},{children:"CLOSE"}));return o.jsxs(o.Fragment,{children:[m?o.jsx(m,{onClick:G,isActive:Y}):o.jsx(l,e.__assign({"data-testid":"chartSettingsButton",isActive:Y,onClick:G,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},q,{children:o.jsx(s.SettingTwoIcon,{size:(null==q?void 0:q.size)||16})})),!p&&o.jsxs(i.Popover,e.__assign({open:Y,anchorEl:A,onClose:W,anchorOrigin:{vertical:O?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},y,{classes:e.__assign(e.__assign({},F),{paper:d.default(D.popoverPaper,O&&"scrollable",null==F?void 0:F.paper)})},{children:[o.jsxs("div",e.__assign({className:d.default(D.popoverHeader,O&&"scrollable")},{children:[o.jsx("div",e.__assign({className:D.headerTitle},{children:f})),o.jsx(l,e.__assign({tooltipProps:{title:"Close"},onClick:W},{children:o.jsx(s.CloseSmallIcon,{})}))]})),o.jsx("div",e.__assign({className:d.default(D.popoverContentContainer,O&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!j&&M(!1)}},{children:o.jsx("div",e.__assign({className:d.default(D.popoverContent,L)},{children:h}))}))]})),p&&o.jsx(a,e.__assign({actions:R,onClose:W,open:Y,actionsClassName:D.modalActions,title:f},B,{children:h}))]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),o=require("react"),t=require("classnames"),s=require("prop-types"),l=require("lodash"),r=require("@material-ui/lab"),a=require("@material-ui/core"),i=require("@material-ui/icons"),u=require("../IconButton/index.js"),p=require("./components/Listbox.js"),d=require("./components/Paper.js");require("./components/RecentSearches.js"),require("./components/Groups.js");var c=require("../MiddleTruncatedText/MiddleTruncatedText.js"),f=require("./context/index.js"),m=require("./styles.js"),g=require("../../icons/iconParkIcons.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var C=h(t),x=h(s),b=n.jsx(i.CheckBoxOutlineBlank,{style:{fontSize:20}}),_=n.jsx(i.CheckBox,{style:{fontSize:20}}),I={},v=function(t){var s,h=t.classes,x=t.AutocompleteProps,v=void 0===x?{}:x,j=t.value,O=t.disableClearable,P=t.onChange,y=t.onInputChange,S=t.loading,A=t.options,q=t.optionSize,T=t.placeholder,k=t.onGroupChange,R=t.disabled,G=t.multiple,F=t.groups,N=t.GroupsComponent,L=t.recentSearchesMaxCount,E=t.dataStorageKey,M=t.RecentSearchesComponent,B=t.dataStorage,z=t.onInputReset,D=t.getOptionLabel,H=t.TextFieldProps,K=t.ListboxProps,w=t.onInputChangeCallback,W=t.renderCustomOption,V=t.isHiddenAllOption,U=t.onOpen,J=void 0===U?l.noop:U,Q=t.selectedGroup,X=t.onGroupReset,Y=t.onClose,Z=t.popperProps,$=void 0===Z?I:Z,ee=t.paperFooter,ne=t.isClearInputOnBlur,oe=void 0!==ne&&ne,te=t.noOptionsText,se=e.__rest(t,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","isClearInputOnBlur","noOptionsText"]),le=o.useState(""),re=le[0],ae=le[1],ie=o.useState(""),ue=ie[0],pe=ie[1],de=o.useState(!1),ce=de[0],fe=de[1],me=o.useState(!1),ge=me[0],he=me[1],Ce=o.useRef(),xe=o.useRef(),be=m(),_e=h.popper,Ie=h.listbox,ve=h.popupIndicator,je=h.popupIndicatorOpen,Oe=h.groupChip,Pe=e.__rest(h,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),ye=e.__assign({popper:C.default(be.popper,_e),listbox:C.default(be.listbox,Ie),popupIndicator:C.default(be.popupIndicator,ve),popupIndicatorOpen:C.default(be.popupIndicatorOpen,je)},Pe),Se=(null==A?void 0:A.some((function(e){return e.group})))||!l.isEmpty(F),Ae=function(){ae(""),null==z||z()},qe=o.useCallback(l.debounce((function(e){return pe(e)}),500),[]),Te=function(e){var n=F.find((function(n){return n.id===e}));Ae(),k(n)};o.useEffect((function(){ce&&(Ce.current.focus(),Ce.current.setSelectionRange(re.length,re.length))}));var ke=null==A?void 0:A.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),Re=G&&Array.isArray(j)?j.length:null,Ge=l.isEmpty(Q)?ke:null==A?void 0:A.filter((function(e){return e.group===Q.name})),Fe=G&&(null==Ge?void 0:Ge.length)===Re,Ne=G&&!!Re&&!Fe,Le=function(){return Ae(),v.getOptionDisabled&&Fe?P(null,[A[A.length-1]]):P(null,Fe||Ne?[]:Ge)};o.useEffect((function(){qe(re),y&&y(re)}),[re]);var Ee=function(e,n){"blur"===n&&(!e.relatedTarget||xe.current.contains(e.relatedTarget))||(Y(),fe(!1))},Me=function(){var e;(null!==(e=se.isOpenedFromParent)&&void 0!==e?e:ce)?(fe(!1),Y()):(fe(!0),J())},Be=function(e){if(Fe&&!V)return"All";var o=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?n.jsx("div",{children:n.jsx(c.MiddleTruncatedText,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},ze=function(){return n.jsx(a.FormControlLabel,{id:"selectAllLabel",className:be.selectAllCheckbox,onClick:Le,control:n.jsx(a.Checkbox,{icon:b,style:{fontSize:20},indeterminate:Ne,checkedIcon:_,checked:Fe,inputProps:{"aria-label":"All"}}),label:"All"})},De=o.useMemo((function(){return{onOutsideClick:Ee,isEmptyOptions:l.isEmpty(Ge),loading:S,AllSelectComponent:!V&&G&&!l.isEmpty(Ge)&&n.jsx(ze,{}),RecentSearchesComponent:M&&n.jsx(M,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:B,dataStorageKey:E,maxCount:L,isHidden:!l.isEmpty(re),onInputChange:function(e){return ae(e)},inputValue:ue}),GroupsComponent:!Q&&Se&&N&&n.jsx(N,{onGroupClick:Te,groups:F})}}),[Q,S,Se,re,Fe,Ne,ue,Y,V]),He=o.useMemo((function(){return function(o){var t=o.children,s=o.className,l=e.__rest(o,["children","className"]);return n.jsxs(d,e.__assign({},l,{className:s,inputRef:Ce,ref:xe},{children:[t,ee]}))}}),[ee]),Ke=o.useMemo((function(){return function(o){var t=$.style,s=e.__rest($,["style"]);return n.jsx(a.Popper,e.__assign({},o,{style:e.__assign(e.__assign({},o.style),t),placement:"bottom-start"},s))}}),[$]);return n.jsx(f.PaperContext.Provider,e.__assign({value:De},{children:n.jsx(r.Autocomplete,e.__assign({},l.omit(se,["InputProps","isNullable"]),{PopperComponent:Ke,disableClearable:O,onOpen:function(e){fe(!0),J(e)},onClose:Ee,open:null!==(s=se.isOpenedFromParent)&&void 0!==s?s:ce,onChange:function(e,n){ae(""),P(e,n)},forcePopupIcon:v.forcePopupIcon,fullWidth:!0,disabled:R,value:j,classes:ye,renderInput:function(t){var s,r,i,p,d,c=t.InputProps,f=t.inputProps,m=e.__rest(t,["InputProps","inputProps"]),h=(null===(p=null===(i=null===(r=c.endAdornment)||void 0===r?void 0:r.props)||void 0===i?void 0:i.children)||void 0===p?void 0:p.length)>1?o.cloneElement(c.endAdornment,{children:c.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):c.endAdornment,x=oe&&1===Re,b=se.InputProps||{},_=b.classes,I=void 0===_?{}:_,P=I.input,y=void 0===P?"":P,A=e.__rest(I,["input"]),q=b.style,k=e.__rest(b,["classes","style"]);return n.jsx(a.TextField,e.__assign({},m,l.omit(H,["endAdornment"]),{onBlur:function(){oe&&""!==re.trim()&&Ae(),x&&he(!0)},inputRef:Ce,placeholder:l.isEmpty(j)&&T,classes:{root:be.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},f),se.inputProps),InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:C.default(ge?be.inputShrinked:x&&be.inputExpanded,y)},A),style:e.__assign({paddingRight:0,paddingBottom:0},q)},c),k),{startAdornment:n.jsxs(n.Fragment,{children:[null===(d=se.InputProps)||void 0===d?void 0:d.startAdornment,Q&&n.jsx(a.Chip,{className:be.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:be.selectedGroupLabel},{children:[Q.name,n.jsx(g.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:be.removeIcon,onClick:X})]}))},Q.id),!G&&!l.isEmpty(j)&&n.jsx("div",{children:!Array.isArray(j)&&((null==j?void 0:j.label)||(null==j?void 0:j.name))}),G&&!l.isEmpty(j)&&n.jsx("div",e.__assign({onClick:Me,id:"selectedOptions",className:C.default(be.selectedLabel,ge&&be.selectedLabelExpanded)},{children:Be(j)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(a.InputAdornment,e.__assign({className:C.default(be.endAdornment,(s={},s[be.removeIconWithDropdown]=v.forcePopupIcon,s)),position:"end"},{children:[H.endAdornment,S&&n.jsx(a.CircularProgress,{color:"primary",size:20}),re&&!O&&n.jsx(u,e.__assign({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:be.iconButton,onClick:function(){ae(""),z&&z()},tooltipProps:{title:"Clear"}},{children:n.jsx(g.CloseSmallIcon,{size:20,className:be.closeIcon})}))]})),v.forcePopupIcon&&h]})})}))},loading:S,options:Ge,renderGroup:function(o){var t=o.key,s=o.group,r=o.children;return!s||!l.isEmpty(Q)&&G?r:n.jsxs("div",e.__assign({className:be.group},{children:[n.jsx(a.Tooltip,e.__assign({title:s,placement:"right",TransitionComponent:a.Fade,TransitionProps:{timeout:500},enterDelay:500},{children:n.jsx(a.Chip,{"data-not-migrated-muichip":!0,className:C.default(be.groupChip,Oe),variant:"outlined",label:s})})),r]}),t)},disableCloseOnSelect:G,multiple:G,renderOption:W||function(o,t){var s=o.label,l=o.id,r=t.selected;return G?n.jsxs("div",e.__assign({className:C.default(be.option,q)},{children:[n.jsx(a.Checkbox,{disableRipple:!0,icon:b,className:be.checkbox,checkedIcon:_,checked:r}),n.jsx(c.MiddleTruncatedText,e.__assign({className:be.optionLabelContainer},{children:s}))]}),l):n.jsx(a.MenuItem,e.__assign({className:be.menuItem,value:l},{children:n.jsx(c.MiddleTruncatedText,e.__assign({className:be.optionLabelContainer},{children:s}))}),l)},groupBy:Se?function(e){return e.group}:null,PaperComponent:He,ListboxComponent:p,inputValue:re,getOptionLabel:D,getOptionDisabled:v.getOptionDisabled,onInputChange:function(e,n,o){"reset"!==o&&(ae((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),w(n,o))},loadingText:n.jsx("div",e.__assign({className:be.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:be.label},{children:te})),ListboxProps:K,onFocus:function(){var e;he(!1),null===(e=se.onFocus)||void 0===e||e.call(se)}}))}))},j={AutocompleteProps:x.default.shape({forcePopupIcon:x.default.bool,getOptionDisabled:x.default.func}),allChecked:x.default.bool,TextFieldProps:x.default.shape({label:x.default.string,endAdornment:x.default.node}),selectedGroup:x.default.shape({name:x.default.string,id:x.default.string}),onGroupReset:x.default.func,onClose:x.default.func,disableClearable:x.default.bool,value:x.default.oneOfType([x.default.arrayOf(x.default.shape({})),x.default.shape({})]).isRequired,onChange:x.default.func.isRequired,onInputChange:x.default.func,getOptionLabel:x.default.func,onGroupChange:x.default.func,loading:x.default.bool,disabled:x.default.bool,multiple:x.default.bool,options:x.default.array,optionSize:x.default.string,popupIcon:x.default.node,InputProps:x.default.shape({startAdornment:x.default.node,classes:x.default.shape({input:x.default.string}),style:x.default.shape({})}),ListboxProps:x.default.shape({}),classes:x.default.shape({popper:x.default.string,listbox:x.default.string,popupIndicator:x.default.string,popupIndicatorOpen:x.default.string,groupChip:x.default.string}),onInputChangeCallback:x.default.func,placeholder:x.default.string,RecentSearchesComponent:x.default.elementType,recentSearchesMaxCount:x.default.number,dataStorageKey:x.default.string,dataStorage:x.default.shape({}),groups:x.default.array,GroupsComponent:x.default.elementType,onOpen:x.default.func,renderCustomOption:x.default.func,onInputReset:x.default.func,isHiddenAllOption:x.default.bool,paperFooter:x.default.node,isOpenedFromParent:x.default.bool,popperProps:x.default.shape({style:x.default.shape({})}),onFocus:x.default.func,isClearInputOnBlur:x.default.bool,inputProps:x.default.shape({}),noOptionsText:x.default.string};v.propTypes=j,v.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon:n.jsx(g.DownOneIcon,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"},module.exports=v;
|
|
1
|
+
"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),o=require("react"),t=require("classnames"),s=require("prop-types"),l=require("lodash"),r=require("@material-ui/lab"),a=require("@material-ui/core"),i=require("@material-ui/icons"),u=require("../IconButton/index.js"),p=require("./components/Listbox.js"),d=require("./components/Paper.js");require("./components/RecentSearches.js"),require("./components/Groups.js");var c=require("../MiddleTruncatedText/MiddleTruncatedText.js"),f=require("./context/index.js"),m=require("./styles.js"),g=require("../../icons/iconParkIcons.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var C=h(t),b=h(s),x=n.jsx(i.CheckBoxOutlineBlank,{style:{fontSize:20}}),I=n.jsx(i.CheckBox,{style:{fontSize:20}}),_={},v=function(t){var s,p=t.classes,h=t.AutocompleteProps,b=void 0===h?{}:h,v=t.value,j=t.disableClearable,P=t.onChange,O=t.onInputChange,S=t.loading,y=t.options,A=t.optionSize,q=t.placeholder,T=t.onGroupChange,k=t.disabled,L=t.multiple,R=t.groups,F=t.GroupsComponent,G=t.recentSearchesMaxCount,N=t.dataStorageKey,E=t.RecentSearchesComponent,M=t.dataStorage,B=t.onInputReset,z=t.getOptionLabel,D=t.TextFieldProps,H=t.ListboxProps,K=t.onInputChangeCallback,w=t.renderCustomOption,W=t.isHiddenAllOption,V=t.onOpen,U=void 0===V?l.noop:V,J=t.selectedGroup,Q=t.onGroupReset,X=t.onClose,Y=t.popperProps,Z=void 0===Y?_:Y,$=t.paperFooter,ee=t.isClearInputOnBlur,ne=void 0!==ee&&ee,oe=t.noOptionsText,te=t.ListboxComponent,se=e.__rest(t,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","isClearInputOnBlur","noOptionsText","ListboxComponent"]),le=o.useState(""),re=le[0],ae=le[1],ie=o.useState(""),ue=ie[0],pe=ie[1],de=o.useState(!1),ce=de[0],fe=de[1],me=o.useState(!1),ge=me[0],he=me[1],Ce=o.useRef(),be=o.useRef(),xe=m(),Ie=p.popper,_e=p.listbox,ve=p.popupIndicator,je=p.popupIndicatorOpen,Pe=p.groupChip,Oe=e.__rest(p,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Se=e.__assign({popper:C.default(xe.popper,Ie),listbox:C.default(xe.listbox,_e),popupIndicator:C.default(xe.popupIndicator,ve),popupIndicatorOpen:C.default(xe.popupIndicatorOpen,je)},Oe),ye=(null==y?void 0:y.some((function(e){return e.group})))||!l.isEmpty(R),Ae=function(){ae(""),null==B||B()},qe=o.useCallback(l.debounce((function(e){return pe(e)}),500),[]),Te=function(e){var n=R.find((function(n){return n.id===e}));Ae(),T(n)};o.useEffect((function(){ce&&(Ce.current.focus(),Ce.current.setSelectionRange(re.length,re.length))}));var ke=null==y?void 0:y.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),Le=L&&Array.isArray(v)?v.length:null,Re=l.isEmpty(J)?ke:null==y?void 0:y.filter((function(e){return e.group===J.name})),Fe=L&&(null==Re?void 0:Re.length)===Le,Ge=L&&!!Le&&!Fe,Ne=function(){return Ae(),b.getOptionDisabled&&Fe?P(null,[y[y.length-1]]):P(null,Fe||Ge?[]:Re)};o.useEffect((function(){qe(re),O&&O(re)}),[re]);var Ee=function(e,n){"blur"===n&&(!e.relatedTarget||be.current.contains(e.relatedTarget))||(X(),fe(!1))},Me=function(){var e;(null!==(e=se.isOpenedFromParent)&&void 0!==e?e:ce)?(fe(!1),X()):(fe(!0),U())},Be=function(e){if(Fe&&!W)return"All";var o=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?n.jsx("div",{children:n.jsx(c.MiddleTruncatedText,{children:o})}):"".concat(null==e?void 0:e.length," Selected")},ze=function(){return n.jsx(a.FormControlLabel,{id:"selectAllLabel",className:xe.selectAllCheckbox,onClick:Ne,control:n.jsx(a.Checkbox,{icon:x,style:{fontSize:20},indeterminate:Ge,checkedIcon:I,checked:Fe,inputProps:{"aria-label":"All"}}),label:"All"})},De=l.isEmpty(Re),He=o.useMemo((function(){return{onOutsideClick:Ee,isEmptyOptions:De,loading:S,AllSelectComponent:!W&&L&&!De&&n.jsx(ze,{}),RecentSearchesComponent:E&&n.jsx(E,{title:"Recent Searches",Icon:i.AccessTime,dataStorage:M,dataStorageKey:N,maxCount:G,isHidden:!l.isEmpty(re),onInputChange:function(e){return ae(e)},inputValue:ue}),GroupsComponent:!J&&ye&&F&&n.jsx(F,{onGroupClick:Te,groups:R})}}),[J,S,ye,De,re,Fe,Ge,ue,X,W]),Ke=o.useMemo((function(){return function(o){var t=o.children,s=o.className,l=e.__rest(o,["children","className"]);return n.jsxs(d,e.__assign({},l,{className:s,inputRef:Ce,ref:be},{children:[t,$]}))}}),[$]),we=o.useMemo((function(){return function(o){var t=Z.style,s=e.__rest(Z,["style"]);return n.jsx(a.Popper,e.__assign({},o,{style:e.__assign(e.__assign({},o.style),t),placement:"bottom-start"},s))}}),[Z]);return n.jsx(f.PaperContext.Provider,e.__assign({value:He},{children:n.jsx(r.Autocomplete,e.__assign({},l.omit(se,["InputProps","isNullable","isOpenedFromParent"]),{PopperComponent:we,disableClearable:j,onOpen:function(e){fe(!0),U(e)},onClose:Ee,open:null!==(s=se.isOpenedFromParent)&&void 0!==s?s:ce,onChange:function(e,n){L||ae(""),P(e,n)},forcePopupIcon:b.forcePopupIcon,fullWidth:!0,disabled:k,value:v,classes:Se,renderInput:function(t){var s,r,i,p,d,c,f=o.useState(!1),m=f[0],h=f[1],x=t.InputProps,I=t.inputProps,_=e.__rest(t,["InputProps","inputProps"]),O=(null===(p=null===(i=null===(r=x.endAdornment)||void 0===r?void 0:r.props)||void 0===i?void 0:i.children)||void 0===p?void 0:p.length)>1?o.cloneElement(x.endAdornment,{children:x.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):x.endAdornment,y=ne&&1===Le,A=m||ce||re.length>0||!l.isEmpty(v)||!l.isEmpty(null===(d=se.InputProps)||void 0===d?void 0:d.startAdornment),T=se.InputProps||{},k=T.classes,R=void 0===k?{}:k,F=R.input,G=void 0===F?"":F,N=e.__rest(R,["input"]),E=T.style,M=e.__rest(T,["classes","style"]);return n.jsx(a.TextField,e.__assign({},_,l.omit(D,["endAdornment"]),{onBlur:function(){h(!1),ne&&""!==re.trim()&&Ae(),y&&he(!0)},onFocus:function(){h(!0)},inputRef:Ce,placeholder:l.isEmpty(v)?q:"",classes:{root:xe.searchInput},inputProps:e.__assign(e.__assign({style:{padding:5}},I),se.inputProps),InputLabelProps:{shrink:A},InputProps:e.__assign(e.__assign(e.__assign({classes:e.__assign({input:C.default(ge?xe.inputShrinked:y&&xe.inputExpanded,G)},N),style:e.__assign({paddingRight:0,paddingBottom:0},E)},x),M),{startAdornment:n.jsxs(n.Fragment,{children:[null===(c=se.InputProps)||void 0===c?void 0:c.startAdornment,J&&n.jsx(a.Chip,{className:xe.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:n.jsxs("div",e.__assign({className:xe.selectedGroupLabel},{children:[J.name,n.jsx(g.CloseSmallIcon,{size:16,id:"removeGroupIcon",className:xe.removeIcon,onClick:Q})]}))},J.id),L&&!l.isEmpty(v)&&n.jsx("div",e.__assign({onClick:Me,id:"selectedOptions",className:C.default(xe.selectedLabel,ge&&xe.selectedLabelExpanded)},{children:Be(v)}))]}),endAdornment:n.jsxs(n.Fragment,{children:[n.jsxs(a.InputAdornment,e.__assign({className:C.default(xe.endAdornment,(s={},s[xe.removeIconWithDropdown]=b.forcePopupIcon,s)),position:"end"},{children:[D.endAdornment,S&&n.jsx(a.CircularProgress,{color:"primary",size:20}),re&&!j&&n.jsx(u,e.__assign({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:xe.iconButton,onClick:function(){ae(""),B?B():P(null,[])},tooltipProps:{title:"Clear"}},{children:n.jsx(g.CloseSmallIcon,{size:20,className:xe.closeIcon})}))]})),b.forcePopupIcon&&O]})})}))},loading:S,options:Re,renderGroup:function(o){var t=o.key,s=o.group,r=o.children;return!s||!l.isEmpty(J)&&L?r:n.jsxs("div",e.__assign({className:xe.group},{children:[n.jsx(a.Tooltip,e.__assign({title:s,placement:"right",TransitionComponent:a.Fade,TransitionProps:{timeout:500},enterDelay:500},{children:n.jsx(a.Chip,{"data-not-migrated-muichip":!0,className:C.default(xe.groupChip,Pe),variant:"outlined",label:s})})),r]}),t)},disableCloseOnSelect:L,multiple:L,renderOption:w||function(o,t){var s=o.label,l=o.id,r=t.selected;return L?n.jsxs("div",e.__assign({className:C.default(xe.option,A)},{children:[n.jsx(a.Checkbox,{disableRipple:!0,icon:x,className:xe.checkbox,checkedIcon:I,checked:r}),n.jsx(c.MiddleTruncatedText,e.__assign({className:xe.optionLabelContainer},{children:s}))]}),l):n.jsx(a.MenuItem,e.__assign({className:xe.menuItem,value:l},{children:n.jsx(c.MiddleTruncatedText,e.__assign({className:xe.optionLabelContainer},{children:s}))}),l)},groupBy:ye?function(e){return e.group}:null,PaperComponent:Ke,ListboxComponent:te,inputValue:re,getOptionLabel:z,getOptionDisabled:b.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&L||(ae((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),K(n,o))},loadingText:n.jsx("div",e.__assign({className:xe.label},{children:"Loading ..."})),noOptionsText:n.jsx("div",e.__assign({className:xe.label},{children:oe})),ListboxProps:H,onFocus:function(){var e;he(!1),null===(e=se.onFocus)||void 0===e||e.call(se)}}))}))},j={AutocompleteProps:b.default.shape({forcePopupIcon:b.default.bool,getOptionDisabled:b.default.func}),allChecked:b.default.bool,TextFieldProps:b.default.shape({label:b.default.string,endAdornment:b.default.node}),selectedGroup:b.default.shape({name:b.default.string,id:b.default.string}),onGroupReset:b.default.func,onClose:b.default.func,disableClearable:b.default.bool,value:b.default.oneOfType([b.default.arrayOf(b.default.shape({})),b.default.shape({})]).isRequired,onChange:b.default.func.isRequired,onInputChange:b.default.func,getOptionLabel:b.default.func,onGroupChange:b.default.func,loading:b.default.bool,disabled:b.default.bool,multiple:b.default.bool,options:b.default.array,optionSize:b.default.string,popupIcon:b.default.node,InputProps:b.default.shape({startAdornment:b.default.node,classes:b.default.shape({input:b.default.string}),style:b.default.shape({})}),ListboxProps:b.default.shape({}),classes:b.default.shape({popper:b.default.string,listbox:b.default.string,popupIndicator:b.default.string,popupIndicatorOpen:b.default.string,groupChip:b.default.string}),onInputChangeCallback:b.default.func,placeholder:b.default.string,RecentSearchesComponent:b.default.elementType,ListboxComponent:b.default.any,recentSearchesMaxCount:b.default.number,dataStorageKey:b.default.string,dataStorage:b.default.shape({}),groups:b.default.array,GroupsComponent:b.default.elementType,onOpen:b.default.func,renderCustomOption:b.default.func,onInputReset:b.default.func,isHiddenAllOption:b.default.bool,paperFooter:b.default.node,isOpenedFromParent:b.default.bool,popperProps:b.default.shape({style:b.default.shape({})}),onFocus:b.default.func,isClearInputOnBlur:b.default.bool,inputProps:b.default.shape({}),noOptionsText:b.default.string};v.propTypes=j,v.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon:n.jsx(g.DownOneIcon,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:p,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"},module.exports=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),i=require("classnames"),o=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../../Typography.js"),c=require("../../Tooltip/Tooltip.js");require("../../Tooltip/ScrollableTooltip.js");var n=require("../constants.js"),l=require("./styles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,t=a(i),d=((u={})[n.Size.Large]={value:r.Regular20,label:r.Regular16},u[n.Size.Medium]={value:r.Regular16,label:r.Regular14},u);exports.Step=function(i){var r,a,u=i.label,j=i.value,m=i.canGoBack,q=void 0===m||m,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),i=require("classnames"),o=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js");var r=require("../../Typography.js"),c=require("../../Tooltip/Tooltip.js");require("../../Tooltip/ScrollableTooltip.js");var n=require("../constants.js"),l=require("./styles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,t=a(i),d=((u={})[n.Size.Large]={value:r.Regular20,label:r.Regular16},u[n.Size.Medium]={value:r.Regular16,label:r.Regular14},u);exports.Step=function(i){var r,a,u=i.label,j=i.value,m=i.canGoBack,q=void 0===m||m,p=i.className,v=i.goBackTooltip,b=void 0===v?"Go Back":v,g=i.tooltip,x=i.onClick,I=i.size,h=void 0===I?n.Size.Medium:I,S=i.checked,_=i.active,k=i.error,f=i.disabled,z=l.useStyles(),M=d[h]||d[n.Size.Medium],T=q&&S,y=!(T&&x||g),C=s.jsxs(s.Fragment,{children:[T&&b,T&&g&&s.jsxs(s.Fragment,{children:[s.jsx("br",{}),s.jsx("br",{})]}),g]}),R=((r={})[n.Size.Large]="",r[n.Size.Medium]=z.medium,r),F=s.jsxs("div",e.__assign({className:t.default(z.step,(a={},a[z.error]=k,a[z.disabled]=f,a[z.passed]=S,a[z.current]=_,a[z.hoverable]=q,a),R[h],p),onClick:T?x:void 0},{children:[s.jsx(M.value,e.__assign({className:z.value},{children:q||!S?j:s.jsx(o.CheckSmallIcon,{})})),s.jsx(M.label,e.__assign({className:z.label},{children:u}))]}));return y?F:s.jsx(c.Tooltip,e.__assign({title:C,placement:"bottom"},{children:F}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@material-ui/core"),r=require("../../../utils/colors.js"),t=e.makeStyles((function(e){return{step:{display:"inline-flex",flexFlow:"row nowrap",height:"40px",alignItems:"center",gap:e.spacing(1)},value:{flex:"0 0 auto",display:"flex",flexFlow:"column",justifyContent:"center",alignItems:"center",transition:"0.3s ease-out",width:"40px",height:"40px",padding:"6px",borderRadius:"8px",border:"1px solid ".concat(e.palette.primary.text6),color:e.palette.primary.text6},label:{flex:"0 0 auto",
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@material-ui/core"),r=require("../../../utils/colors.js"),t=e.makeStyles((function(e){return{step:{display:"inline-flex",flexFlow:"row nowrap",height:"40px",alignItems:"center",gap:e.spacing(1)},value:{flex:"0 0 auto",display:"flex",flexFlow:"column",justifyContent:"center",alignItems:"center",transition:"0.3s ease-out",width:"40px",height:"40px",padding:"6px",borderRadius:"8px",border:"1px solid ".concat(e.palette.primary.text6),color:e.palette.primary.text6},label:{flex:"0 0 auto",color:e.palette.primary.text6,maxHeight:"44px",transition:"0.3s ease-out",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":"2",overflow:"hidden",textOverflow:"ellipsis"},medium:{"& $value":{width:"32px",height:"32px"},"& $label":{maxHeight:"40px"}},current:{"& $value":{background:e.palette.primary.main,color:e.palette.background.b1,borderColor:"transparent"},"& $label":{fontWeight:500,color:e.palette.text.primary}},passed:{cursor:"not-allowed","& $value":{background:r.rgba(e.palette.primary.main,.1),color:e.palette.primary.main,borderColor:"transparent"},"& $label":{fontWeight:500,color:e.palette.text.primary},"&$hoverable":{cursor:"pointer","&:hover $value":{background:r.rgba(e.palette.primary.main,.24),color:e.palette.primary.light}}},hoverable:{},error:{"& $value":{background:"transparent",color:e.palette.error.main,borderColor:e.palette.error.main},"& $label":{color:e.palette.error.main}},disabled:{"& $value":{background:"transparent",color:e.palette.primary.text9,borderColor:e.palette.primary.text9},"& $label":{color:e.palette.primary.text9}}}}));exports.useStyles=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../../../src/components/AdvancedSlider/Handle.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../../../src/components/AdvancedSlider/Handle.js"],"names":[],"mappings":"AAwCO;;;;;;;;;;;;;;;gBAyIN"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/slicedToArray";import{useState as
|
|
1
|
+
import o from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/slicedToArray";import{useState as e,useRef as s,useEffect as r}from"react";import{Input as n}from"@material-ui/core";import t from"classnames";import"./styles/sliderStyles.js";import{useHandleStyles as a}from"./styles/handleStyles.js";import{getIsInputValueValid as l,getValidatedValue as c}from"./utils.js";import{HOVER_ARREA_WIDTH_BY_DIMENSION as m,HOVER_ARREA_HEIGHT as d,HORIZONTAL_ORIENTATION as u,VERTICAL_ORIENTATION as p,HEAD_PLACEMENT as v}from"./constants.js";import{LeftIcon as h,RightIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import{jsxs as I,jsx as j}from"react/jsx-runtime";var b=function(b){var A,g,R,H,w=b.value,y=b.orientation,E=b.placement,N=b.dimension,F=b.readOnly,T=b.onChange,z=b.min,C=b.max,O=b.displayFormatter,S=b.isInsideArrowsVisible,x=b.arrowsOutsideConfig,M=b.classes,_=b.minimal,G=b["data-testid"],L=e(!1),P=i(L,2),k=P[0],q=P[1],V=e(w),W=i(V,2),B=W[0],D=W[1],K=s(null),U=y===u,X=y===p,J=E===v,Q=a({distance:null==x?void 0:x.distance,minimal:_,hoverAreaHeight:U?m[N]:d,hoverAreaWidth:U?d:m[N]}),Y=function(o){if(!F){var i=Number(o);l(i)?T(c(i,z,C)):q(!0)}};return r((function(){D(w),k&&q(!1)}),[w]),I("div",{className:t(Q.root,M.handleRoot,Q[N],(A={},o(A,Q.horizontalHeadRoot,U&&J),o(A,Q.horizontalTailRoot,U&&!J),o(A,Q.verticalHeadRoot,X&&J),o(A,Q.verticalTailRoot,X&&!J),o(A,Q.minimalHandleRoot,_),A)),children:[j(h,{size:16,className:t(Q.leftArrow,(g={},o(g,Q.reversedLeftArrow,X),o(g,Q.isInvisible,S&&!J||J&&(null==x?void 0:x.isLeftArrowInvisible)),g)),fill:"white"}),j("div",{className:t(Q.handle,M.handle,(R={},o(R,Q.horizontalHeadHandle,U&&J),o(R,Q.horizontalTailHandle,U&&!J),o(R,Q.verticalHeadHandle,X&&J),o(R,Q.verticalTailHandle,X&&!J),o(R,Q.minimalHandle,_),o(R,Q.minimalVerticalHandle,_&&X),R)),"data-testid":G,children:!_&&j(n,{inputProps:{"data-testid":"handle-input"},readOnly:F,inputRef:K,onKeyDown:function(o){var i=o.keyCode,e=o.target;13===i&&Y(e.value)},onBlur:function(o){var i=o.target;Y(i.value)},classes:{root:t(Q.inputRoot,k&&Q.hasError)},value:F?O(B):B,onChange:function(o){var i=o.target.value;(function(o){var i,e,s=null==o||null===(i=o.target)||void 0===i?void 0:i.value,r=s?parseFloat(s):0,n=r>=Number.MIN_SAFE_INTEGER&&r<Number.MAX_SAFE_INTEGER,t=null==o||null===(e=o.nativeEvent)||void 0===e?void 0:e.data,a=s.split(".").length-1;return!n||!(!t||"."===t||"-"===t||t>="0"&&t<="9")||a>1||"-"===t&&""===s})(o)||(D(i),k&&q(!1))},disableUnderline:!0,error:!(Number.isFinite(+B)&&+B>=z&&+B<=C)})}),j(f,{size:16,className:t(Q.rightArrow,(H={},o(H,Q.reversedRightArrow,X),o(H,Q.isInvisible,S&&J||!J&&(null==x?void 0:x.isRightArrowInvisible)),H)),fill:"white"})]})};export{b as Handle};
|
|
@@ -3,7 +3,7 @@ import { AppSideBarProps } from '~/components/DevCenter/AppSideBar/AppSideBar';
|
|
|
3
3
|
import { AppSettingsPopoverProps } from '~/components/DevCenter/AppSettingsPopover/AppSettingsPopover';
|
|
4
4
|
export interface AppFilterPanelLayoutProps {
|
|
5
5
|
appSettingsPopoverProps?: AppSettingsPopoverProps;
|
|
6
|
-
children
|
|
6
|
+
children?: ReactNode;
|
|
7
7
|
classes: {
|
|
8
8
|
appLayout?: string;
|
|
9
9
|
content?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppFilterPanelLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAA4B,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAGpG,OAAO,EAEL,uBAAuB,EACxB,MAAM,8DAA8D,CAAC;AA6CtE,MAAM,WAAW,yBAAyB;IACxC,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,QAAQ,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"AppFilterPanelLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAA4B,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAGpG,OAAO,EAEL,uBAAuB,EACxB,MAAM,8DAA8D,CAAC;AA6CtE,MAAM,WAAW,yBAAyB;IACxC,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC;AA8BD,eAAO,MAAM,oBAAoB,0FAO9B,yBAAyB,KAAG,WA4C9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as e}from"react/jsx-runtime";import i from"classnames";import{makeStyles as n,useTheme as s}from"@material-ui/core";import{CenterAlignmentIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import c from"../AppSideBar/AppSideBar.js";import p from"../../IconButton/index.js";import{AppSettingsPopover as a}from"../AppSettingsPopover/AppSettingsPopover.js";import m from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{useMatchAppContainerSize as l}from"../../../effects/useMatchAppContainerSize.js";import{isNativeDetected as d,isMobileDetected as h}from"../../../utils/mobileDetect.js";var u=n({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),f=function(t){var i=s(),n=l({width:{max:i.breakpoints.width("md")}}),c=u();return n?e(p,o({className:c.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},t,{children:e(r,{size:16})})):e(m,o({startIcon:e(r,{size:16})},t,{children:"Filters"}))},g=function(n){var r=n.appSettingsPopoverProps,p=n.children,m=n.classes,g=void 0===m?{}:m,j=n.header,v=n.sideBarContent,x=n.sideBarProps,I=u(),B=s(),w=l({width:{max:B.breakpoints.width("md")}}),y=d||h||w;return t("div",o({className:i(I.appLayout,g.appLayout)},{children:[y&&t("div",o({className:i(I.header,g.header)},{children:[e(a,o({Trigger:f,classes:{popoverContent:I.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},r,{children:v})),j]})),t("div",o({className:i(I.contentWrapper,g.contentWrapper)},{children:[!y&&e(c,o({},x,{anchor:"left"},{children:v})),e("div",o({className:i(I.content,g.content)},{children:p}))]}))]}))};export{g as AppFilterPanelLayout};
|
|
1
|
+
import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as e}from"react/jsx-runtime";import i from"classnames";import{makeStyles as n,useTheme as s}from"@material-ui/core";import{CenterAlignmentIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import c from"../AppSideBar/AppSideBar.js";import p from"../../IconButton/index.js";import{AppSettingsPopover as a}from"../AppSettingsPopover/AppSettingsPopover.js";import m from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{useMatchAppContainerSize as l}from"../../../effects/useMatchAppContainerSize.js";import{isNativeDetected as d,isMobileDetected as h}from"../../../utils/mobileDetect.js";var u=n({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),f=function(t){var i=s(),n=l({width:{max:i.breakpoints.width("md")}}),c=u();return n?e(p,o({className:c.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},t,{children:e(r,{size:16})})):e(m,o({startIcon:e(r,{size:16})},t,{children:"Filters"}))},g=function(n){var r=n.appSettingsPopoverProps,p=n.children,m=n.classes,g=void 0===m?{}:m,j=n.header,v=n.sideBarContent,x=n.sideBarProps,I=u(),B=s(),w=l({width:{max:B.breakpoints.width("md")}}),y=d||h||w;return t("div",o({className:i(I.appLayout,g.appLayout)},{children:[y&&t("div",o({className:i(I.header,g.header)},{children:[e(a,o({Trigger:f,classes:{popoverContent:I.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},r,{children:v})),j]})),t("div",o({className:i(I.contentWrapper,g.contentWrapper)},{children:[!y&&e(c,o({},x,{anchor:"left"},{children:v})),p&&e("div",o({className:i(I.content,g.content)},{children:p}))]}))]}))};export{g as AppFilterPanelLayout};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { PopoverProps } from '@material-ui/core';
|
|
3
3
|
import { IconButtonProps } from '~/components/IconButton';
|
|
4
|
-
import { ButtonProps } from '~/components/Button';
|
|
5
4
|
export interface AppSettingsPopoverProps {
|
|
6
|
-
Trigger?: (props:
|
|
5
|
+
Trigger?: (props: {
|
|
6
|
+
onClick: (event: any) => void;
|
|
7
|
+
isActive: boolean;
|
|
8
|
+
}) => JSX.Element;
|
|
7
9
|
open?: boolean;
|
|
8
10
|
children: ReactNode;
|
|
9
11
|
classes: PopoverProps['classes'] & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAc,YAAY,EAAW,MAAM,mBAAmB,CAAC;AAKtE,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"AppSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAc,YAAY,EAAW,MAAM,mBAAmB,CAAC;AAKtE,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAoEtE,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG;QACjC,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAc,EACd,QAAQ,EACR,OAAO,EACP,iBAAyB,EACzB,MAAmB,EACnB,iBAAsB,EACtB,SAAgB,EAChB,YAAmB,EACnB,UAAe,EACf,OAAkB,EAClB,GAAG,YAAY,EAChB,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAoG/D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useState as r}from"react";import s from"classnames";import{makeStyles as l,Popover as c}from"@material-ui/core";import{SettingTwoIcon as a,CloseSmallIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import{isNativeDetected as d,isMobileDetected as m}from"../../../utils/mobileDetect.js";import u from"../../IconButton/index.js";import h from"../../Modal/Modal.js";import g from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";var v=d||m,f=l((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var t=o.maxHeight;return t?t-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));function b(l){var m=l.Trigger,b=void 0===m?null:m,x=l.children,C=l.classes,j=l.defaultScrollable,I=void 0!==j&&j,S=l.header,k=void 0===S?"Settings":S,B=l.iconSettingsProps,H=void 0===B?{}:B,z=l.maxHeight,P=void 0===z?null:z,T=l.modalActions,
|
|
1
|
+
import{__rest as o,__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useState as r}from"react";import s from"classnames";import{makeStyles as l,Popover as c}from"@material-ui/core";import{SettingTwoIcon as a,CloseSmallIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import{isNativeDetected as d,isMobileDetected as m}from"../../../utils/mobileDetect.js";import u from"../../IconButton/index.js";import h from"../../Modal/Modal.js";import g from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";var v=d||m,f=l((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var t=o.maxHeight;return t?t-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));function b(l){var m=l.Trigger,b=void 0===m?null:m,x=l.children,C=l.classes,j=l.defaultScrollable,I=void 0!==j&&j,S=l.header,k=void 0===S?"Settings":S,B=l.iconSettingsProps,H=void 0===B?{}:B,z=l.maxHeight,P=void 0===z?null:z,T=l.modalActions,A=void 0===T?null:T,w=l.modalProps,y=void 0===w?{}:w,N=l.onClose,O=void 0===N?function(){}:N,E=o(l,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),L=r(null),M=L[0],q=L[1],D=r(!0),F=D[0],W=D[1],Y=f({maxHeight:P,isScrollable:F,isNativeDetected:d}),G=C||{},R=G.popoverContent,X=o(G,["popoverContent"]),_=function(){q(null),O()},J=Boolean(M),K=function(o){return q(o.currentTarget)},Q=A||e(g,t({variation:"secondary",onClick:_},{children:"CLOSE"}));return n(i,{children:[b?e(b,{onClick:K,isActive:J}):e(u,t({"data-testid":"chartSettingsButton",isActive:J,onClick:K,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},H,{children:e(a,{size:(null==H?void 0:H.size)||16})})),!v&&n(c,t({open:J,anchorEl:M,onClose:_,anchorOrigin:{vertical:F?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},E,{classes:t(t({},X),{paper:s(Y.popoverPaper,F&&"scrollable",null==X?void 0:X.paper)})},{children:[n("div",t({className:s(Y.popoverHeader,F&&"scrollable")},{children:[e("div",t({className:Y.headerTitle},{children:k})),e(u,t({tooltipProps:{title:"Close"},onClick:_},{children:e(p,{})}))]})),e("div",t({className:s(Y.popoverContentContainer,F&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!I&&W(!1)}},{children:e("div",t({className:s(Y.popoverContent,R)},{children:x}))}))]})),v&&e(h,t({actions:Q,onClose:_,open:J,actionsClassName:Y.modalActions,title:k},y,{children:x}))]})}export{b as AppSettingsPopover};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
declare type SearchProps = PropTypes.InferProps<typeof searchPropTypes>;
|
|
4
4
|
declare const Search: {
|
|
5
|
-
({ classes, AutocompleteProps, value, disableClearable, onChange, onInputChange, loading, options, optionSize, placeholder, onGroupChange, disabled, multiple, groups, GroupsComponent, recentSearchesMaxCount, dataStorageKey, RecentSearchesComponent, dataStorage, onInputReset, getOptionLabel, TextFieldProps, ListboxProps, onInputChangeCallback, renderCustomOption, isHiddenAllOption, onOpen, selectedGroup, onGroupReset, onClose, popperProps, paperFooter, isClearInputOnBlur, noOptionsText, ...props }: SearchProps): JSX.Element;
|
|
5
|
+
({ classes, AutocompleteProps, value, disableClearable, onChange, onInputChange, loading, options, optionSize, placeholder, onGroupChange, disabled, multiple, groups, GroupsComponent, recentSearchesMaxCount, dataStorageKey, RecentSearchesComponent, dataStorage, onInputReset, getOptionLabel, TextFieldProps, ListboxProps, onInputChangeCallback, renderCustomOption, isHiddenAllOption, onOpen, selectedGroup, onGroupReset, onClose, popperProps, paperFooter, isClearInputOnBlur, noOptionsText, ListboxComponent, ...props }: SearchProps): JSX.Element;
|
|
6
6
|
propTypes: {
|
|
7
7
|
AutocompleteProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
8
8
|
forcePopupIcon: PropTypes.Requireable<boolean>;
|
|
@@ -49,6 +49,7 @@ declare const Search: {
|
|
|
49
49
|
onInputChangeCallback: PropTypes.Requireable<(...args: any[]) => any>;
|
|
50
50
|
placeholder: PropTypes.Requireable<string>;
|
|
51
51
|
RecentSearchesComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
|
|
52
|
+
ListboxComponent: PropTypes.Requireable<any>;
|
|
52
53
|
recentSearchesMaxCount: PropTypes.Requireable<number>;
|
|
53
54
|
dataStorageKey: PropTypes.Requireable<string>;
|
|
54
55
|
dataStorage: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
@@ -95,6 +96,13 @@ declare const Search: {
|
|
|
95
96
|
endAdornment: any;
|
|
96
97
|
};
|
|
97
98
|
GroupsComponent: any;
|
|
99
|
+
ListboxComponent: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
|
|
100
|
+
dense?: boolean;
|
|
101
|
+
disablePadding?: boolean;
|
|
102
|
+
subheader?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
103
|
+
} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").ListTypeMap<{}, "ul">> & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | keyof import("react").HTMLAttributes<HTMLUListElement>> & {
|
|
104
|
+
ref?: import("react").Ref<HTMLUListElement>;
|
|
105
|
+
}, "children" | "onClick" | "ref" | "slot" | "title" | "tabIndex" | "role" | "id" | "color" | "translate" | "hidden" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">>>;
|
|
98
106
|
onGroupReset: () => void;
|
|
99
107
|
onClose: () => void;
|
|
100
108
|
selectedGroup: any;
|
|
@@ -149,6 +157,7 @@ declare const searchPropTypes: {
|
|
|
149
157
|
onInputChangeCallback: PropTypes.Requireable<(...args: any[]) => any>;
|
|
150
158
|
placeholder: PropTypes.Requireable<string>;
|
|
151
159
|
RecentSearchesComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
|
|
160
|
+
ListboxComponent: PropTypes.Requireable<any>;
|
|
152
161
|
recentSearchesMaxCount: PropTypes.Requireable<number>;
|
|
153
162
|
dataStorageKey: PropTypes.Requireable<string>;
|
|
154
163
|
dataStorage: 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;AAiCnC,aAAK,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAGhE,QAAA,MAAM,MAAM;
|
|
1
|
+
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiCnC,aAAK,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAGhE,QAAA,MAAM,MAAM;6gBAqCT,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoc3B,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DpB,CAAC;AAwCF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as i,useRef as l,useCallback as s,useEffect as p,useMemo as a,cloneElement as c}from"react";import u from"classnames";import d from"prop-types";import{isEmpty as m,debounce as h,omit as g,noop as f}from"lodash";import{Autocomplete as b}from"@material-ui/lab";import{Popper as C,Tooltip as v,Fade as I,Chip as O,TextField as P,InputAdornment as x,CircularProgress as S,FormControlLabel as y,Checkbox as A,MenuItem as G}from"@material-ui/core";import{CheckBoxOutlineBlank as R,CheckBox as T,AccessTime as j}from"@material-ui/icons";import N from"../IconButton/index.js";import k from"./components/Listbox.js";import L from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/Groups.js";import{MiddleTruncatedText as F}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{PaperContext as z}from"./context/index.js";import B from"./styles.js";import{DownOneIcon as D,CloseSmallIcon as M}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";var E=o(R,{style:{fontSize:20}}),H=o(T,{style:{fontSize:20}}),K={},q=function(d){var R,T=d.classes,D=d.AutocompleteProps,q=void 0===D?{}:D,W=d.value,_=d.disableClearable,w=d.onChange,V=d.onInputChange,U=d.loading,J=d.options,Q=d.optionSize,X=d.placeholder,Y=d.onGroupChange,Z=d.disabled,$=d.multiple,ee=d.groups,ne=d.GroupsComponent,oe=d.recentSearchesMaxCount,te=d.dataStorageKey,re=d.RecentSearchesComponent,ie=d.dataStorage,le=d.onInputReset,se=d.getOptionLabel,pe=d.TextFieldProps,ae=d.ListboxProps,ce=d.onInputChangeCallback,ue=d.renderCustomOption,de=d.isHiddenAllOption,me=d.onOpen,he=void 0===me?f:me,ge=d.selectedGroup,fe=d.onGroupReset,be=d.onClose,Ce=d.popperProps,ve=void 0===Ce?K:Ce,Ie=d.paperFooter,Oe=d.isClearInputOnBlur,Pe=void 0!==Oe&&Oe,xe=d.noOptionsText,Se=e(d,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","isClearInputOnBlur","noOptionsText"]),ye=i(""),Ae=ye[0],Ge=ye[1],Re=i(""),Te=Re[0],je=Re[1],Ne=i(!1),ke=Ne[0],Le=Ne[1],Fe=i(!1),ze=Fe[0],Be=Fe[1],De=l(),Me=l(),Ee=B(),He=T.popper,Ke=T.listbox,qe=T.popupIndicator,We=T.popupIndicatorOpen,_e=T.groupChip,we=e(T,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Ve=n({popper:u(Ee.popper,He),listbox:u(Ee.listbox,Ke),popupIndicator:u(Ee.popupIndicator,qe),popupIndicatorOpen:u(Ee.popupIndicatorOpen,We)},we),Ue=(null==J?void 0:J.some((function(e){return e.group})))||!m(ee),Je=function(){Ge(""),null==le||le()},Qe=s(h((function(e){return je(e)}),500),[]),Xe=function(e){var n=ee.find((function(n){return n.id===e}));Je(),Y(n)};p((function(){ke&&(De.current.focus(),De.current.setSelectionRange(Ae.length,Ae.length))}));var Ye=null==J?void 0:J.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=$&&Array.isArray(W)?W.length:null,$e=m(ge)?Ye:null==J?void 0:J.filter((function(e){return e.group===ge.name})),en=$&&(null==$e?void 0:$e.length)===Ze,nn=$&&!!Ze&&!en,on=function(){return Je(),q.getOptionDisabled&&en?w(null,[J[J.length-1]]):w(null,en||nn?[]:$e)};p((function(){Qe(Ae),V&&V(Ae)}),[Ae]);var tn=function(e,n){"blur"===n&&(!e.relatedTarget||Me.current.contains(e.relatedTarget))||(be(),Le(!1))},rn=function(){var e;(null!==(e=Se.isOpenedFromParent)&&void 0!==e?e:ke)?(Le(!1),be()):(Le(!0),he())},ln=function(e){if(en&&!de)return"All";var n=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?o("div",{children:o(F,{children:n})}):"".concat(null==e?void 0:e.length," Selected")},sn=function(){return o(y,{id:"selectAllLabel",className:Ee.selectAllCheckbox,onClick:on,control:o(A,{icon:E,style:{fontSize:20},indeterminate:nn,checkedIcon:H,checked:en,inputProps:{"aria-label":"All"}}),label:"All"})},pn=a((function(){return{onOutsideClick:tn,isEmptyOptions:m($e),loading:U,AllSelectComponent:!de&&$&&!m($e)&&o(sn,{}),RecentSearchesComponent:re&&o(re,{title:"Recent Searches",Icon:j,dataStorage:ie,dataStorageKey:te,maxCount:oe,isHidden:!m(Ae),onInputChange:function(e){return Ge(e)},inputValue:Te}),GroupsComponent:!ge&&Ue&&ne&&o(ne,{onGroupClick:Xe,groups:ee})}}),[ge,U,Ue,Ae,en,nn,Te,be,de]),an=a((function(){return function(o){var r=o.children,i=o.className,l=e(o,["children","className"]);return t(L,n({},l,{className:i,inputRef:De,ref:Me},{children:[r,Ie]}))}}),[Ie]),cn=a((function(){return function(t){var r=ve.style,i=e(ve,["style"]);return o(C,n({},t,{style:n(n({},t.style),r),placement:"bottom-start"},i))}}),[ve]);return o(z.Provider,n({value:pn},{children:o(b,n({},g(Se,["InputProps","isNullable"]),{PopperComponent:cn,disableClearable:_,onOpen:function(e){Le(!0),he(e)},onClose:tn,open:null!==(R=Se.isOpenedFromParent)&&void 0!==R?R:ke,onChange:function(e,n){Ge(""),w(e,n)},forcePopupIcon:q.forcePopupIcon,fullWidth:!0,disabled:Z,value:W,classes:Ve,renderInput:function(i){var l,s,p,a,d,h=i.InputProps,f=i.inputProps,b=e(i,["InputProps","inputProps"]),C=(null===(a=null===(p=null===(s=h.endAdornment)||void 0===s?void 0:s.props)||void 0===p?void 0:p.children)||void 0===a?void 0:a.length)>1?c(h.endAdornment,{children:h.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):h.endAdornment,v=Pe&&1===Ze,I=Se.InputProps||{},y=I.classes,A=void 0===y?{}:y,G=A.input,R=void 0===G?"":G,T=e(A,["input"]),j=I.style,k=e(I,["classes","style"]);return o(P,n({},b,g(pe,["endAdornment"]),{onBlur:function(){Pe&&""!==Ae.trim()&&Je(),v&&Be(!0)},inputRef:De,placeholder:m(W)&&X,classes:{root:Ee.searchInput},inputProps:n(n({style:{padding:5}},f),Se.inputProps),InputProps:n(n(n({classes:n({input:u(ze?Ee.inputShrinked:v&&Ee.inputExpanded,R)},T),style:n({paddingRight:0,paddingBottom:0},j)},h),k),{startAdornment:t(r,{children:[null===(d=Se.InputProps)||void 0===d?void 0:d.startAdornment,ge&&o(O,{className:Ee.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:t("div",n({className:Ee.selectedGroupLabel},{children:[ge.name,o(M,{size:16,id:"removeGroupIcon",className:Ee.removeIcon,onClick:fe})]}))},ge.id),!$&&!m(W)&&o("div",{children:!Array.isArray(W)&&((null==W?void 0:W.label)||(null==W?void 0:W.name))}),$&&!m(W)&&o("div",n({onClick:rn,id:"selectedOptions",className:u(Ee.selectedLabel,ze&&Ee.selectedLabelExpanded)},{children:ln(W)}))]}),endAdornment:t(r,{children:[t(x,n({className:u(Ee.endAdornment,(l={},l[Ee.removeIconWithDropdown]=q.forcePopupIcon,l)),position:"end"},{children:[pe.endAdornment,U&&o(S,{color:"primary",size:20}),Ae&&!_&&o(N,n({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ee.iconButton,onClick:function(){Ge(""),le&&le()},tooltipProps:{title:"Clear"}},{children:o(M,{size:20,className:Ee.closeIcon})}))]})),q.forcePopupIcon&&C]})})}))},loading:U,options:$e,renderGroup:function(e){var r=e.key,i=e.group,l=e.children;return!i||!m(ge)&&$?l:t("div",n({className:Ee.group},{children:[o(v,n({title:i,placement:"right",TransitionComponent:I,TransitionProps:{timeout:500},enterDelay:500},{children:o(O,{"data-not-migrated-muichip":!0,className:u(Ee.groupChip,_e),variant:"outlined",label:i})})),l]}),r)},disableCloseOnSelect:$,multiple:$,renderOption:ue||function(e,r){var i=e.label,l=e.id,s=r.selected;return $?t("div",n({className:u(Ee.option,Q)},{children:[o(A,{disableRipple:!0,icon:E,className:Ee.checkbox,checkedIcon:H,checked:s}),o(F,n({className:Ee.optionLabelContainer},{children:i}))]}),l):o(G,n({className:Ee.menuItem,value:l},{children:o(F,n({className:Ee.optionLabelContainer},{children:i}))}),l)},groupBy:Ue?function(e){return e.group}:null,PaperComponent:an,ListboxComponent:k,inputValue:Ae,getOptionLabel:se,getOptionDisabled:q.getOptionDisabled,onInputChange:function(e,n,o){"reset"!==o&&(Ge((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),ce(n,o))},loadingText:o("div",n({className:Ee.label},{children:"Loading ..."})),noOptionsText:o("div",n({className:Ee.label},{children:xe})),ListboxProps:ae,onFocus:function(){var e;Be(!1),null===(e=Se.onFocus)||void 0===e||e.call(Se)}}))}))},W={AutocompleteProps:d.shape({forcePopupIcon:d.bool,getOptionDisabled:d.func}),allChecked:d.bool,TextFieldProps:d.shape({label:d.string,endAdornment:d.node}),selectedGroup:d.shape({name:d.string,id:d.string}),onGroupReset:d.func,onClose:d.func,disableClearable:d.bool,value:d.oneOfType([d.arrayOf(d.shape({})),d.shape({})]).isRequired,onChange:d.func.isRequired,onInputChange:d.func,getOptionLabel:d.func,onGroupChange:d.func,loading:d.bool,disabled:d.bool,multiple:d.bool,options:d.array,optionSize:d.string,popupIcon:d.node,InputProps:d.shape({startAdornment:d.node,classes:d.shape({input:d.string}),style:d.shape({})}),ListboxProps:d.shape({}),classes:d.shape({popper:d.string,listbox:d.string,popupIndicator:d.string,popupIndicatorOpen:d.string,groupChip:d.string}),onInputChangeCallback:d.func,placeholder:d.string,RecentSearchesComponent:d.elementType,recentSearchesMaxCount:d.number,dataStorageKey:d.string,dataStorage:d.shape({}),groups:d.array,GroupsComponent:d.elementType,onOpen:d.func,renderCustomOption:d.func,onInputReset:d.func,isHiddenAllOption:d.bool,paperFooter:d.node,isOpenedFromParent:d.bool,popperProps:d.shape({style:d.shape({})}),onFocus:d.func,isClearInputOnBlur:d.bool,inputProps:d.shape({}),noOptionsText:d.string};q.propTypes=W,q.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon: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,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"};export{q as default};
|
|
1
|
+
import{__rest as e,__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as i,useRef as s,useCallback as l,useEffect as p,useMemo as a,cloneElement as c}from"react";import u from"classnames";import d from"prop-types";import{isEmpty as m,debounce as h,omit as g,noop as f}from"lodash";import{Autocomplete as b}from"@material-ui/lab";import{Popper as C,Tooltip as I,Fade as v,Chip as P,TextField as O,InputAdornment as x,CircularProgress as S,FormControlLabel as y,Checkbox as A,MenuItem as L}from"@material-ui/core";import{CheckBoxOutlineBlank as G,CheckBox as R,AccessTime as T}from"@material-ui/icons";import j from"../IconButton/index.js";import N from"./components/Listbox.js";import k from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/Groups.js";import{MiddleTruncatedText as F}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{PaperContext as z}from"./context/index.js";import B from"./styles.js";import{DownOneIcon as D,CloseSmallIcon as M}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";var E=o(G,{style:{fontSize:20}}),H=o(R,{style:{fontSize:20}}),K={},q=function(d){var G,R=d.classes,N=d.AutocompleteProps,D=void 0===N?{}:N,q=d.value,W=d.disableClearable,_=d.onChange,w=d.onInputChange,V=d.loading,U=d.options,J=d.optionSize,Q=d.placeholder,X=d.onGroupChange,Y=d.disabled,Z=d.multiple,$=d.groups,ee=d.GroupsComponent,ne=d.recentSearchesMaxCount,oe=d.dataStorageKey,te=d.RecentSearchesComponent,re=d.dataStorage,ie=d.onInputReset,se=d.getOptionLabel,le=d.TextFieldProps,pe=d.ListboxProps,ae=d.onInputChangeCallback,ce=d.renderCustomOption,ue=d.isHiddenAllOption,de=d.onOpen,me=void 0===de?f:de,he=d.selectedGroup,ge=d.onGroupReset,fe=d.onClose,be=d.popperProps,Ce=void 0===be?K:be,Ie=d.paperFooter,ve=d.isClearInputOnBlur,Pe=void 0!==ve&&ve,Oe=d.noOptionsText,xe=d.ListboxComponent,Se=e(d,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","isClearInputOnBlur","noOptionsText","ListboxComponent"]),ye=i(""),Ae=ye[0],Le=ye[1],Ge=i(""),Re=Ge[0],Te=Ge[1],je=i(!1),Ne=je[0],ke=je[1],Fe=i(!1),ze=Fe[0],Be=Fe[1],De=s(),Me=s(),Ee=B(),He=R.popper,Ke=R.listbox,qe=R.popupIndicator,We=R.popupIndicatorOpen,_e=R.groupChip,we=e(R,["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"]),Ve=n({popper:u(Ee.popper,He),listbox:u(Ee.listbox,Ke),popupIndicator:u(Ee.popupIndicator,qe),popupIndicatorOpen:u(Ee.popupIndicatorOpen,We)},we),Ue=(null==U?void 0:U.some((function(e){return e.group})))||!m($),Je=function(){Le(""),null==ie||ie()},Qe=l(h((function(e){return Te(e)}),500),[]),Xe=function(e){var n=$.find((function(n){return n.id===e}));Je(),X(n)};p((function(){Ne&&(De.current.focus(),De.current.setSelectionRange(Ae.length,Ae.length))}));var Ye=null==U?void 0:U.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),Ze=Z&&Array.isArray(q)?q.length:null,$e=m(he)?Ye:null==U?void 0:U.filter((function(e){return e.group===he.name})),en=Z&&(null==$e?void 0:$e.length)===Ze,nn=Z&&!!Ze&&!en,on=function(){return Je(),D.getOptionDisabled&&en?_(null,[U[U.length-1]]):_(null,en||nn?[]:$e)};p((function(){Qe(Ae),w&&w(Ae)}),[Ae]);var tn=function(e,n){"blur"===n&&(!e.relatedTarget||Me.current.contains(e.relatedTarget))||(fe(),ke(!1))},rn=function(){var e;(null!==(e=Se.isOpenedFromParent)&&void 0!==e?e:Ne)?(ke(!1),fe()):(ke(!0),me())},sn=function(e){if(en&&!ue)return"All";var n=e[0].label||e[0].name;return 1===(null==e?void 0:e.length)?o("div",{children:o(F,{children:n})}):"".concat(null==e?void 0:e.length," Selected")},ln=function(){return o(y,{id:"selectAllLabel",className:Ee.selectAllCheckbox,onClick:on,control:o(A,{icon:E,style:{fontSize:20},indeterminate:nn,checkedIcon:H,checked:en,inputProps:{"aria-label":"All"}}),label:"All"})},pn=m($e),an=a((function(){return{onOutsideClick:tn,isEmptyOptions:pn,loading:V,AllSelectComponent:!ue&&Z&&!pn&&o(ln,{}),RecentSearchesComponent:te&&o(te,{title:"Recent Searches",Icon:T,dataStorage:re,dataStorageKey:oe,maxCount:ne,isHidden:!m(Ae),onInputChange:function(e){return Le(e)},inputValue:Re}),GroupsComponent:!he&&Ue&&ee&&o(ee,{onGroupClick:Xe,groups:$})}}),[he,V,Ue,pn,Ae,en,nn,Re,fe,ue]),cn=a((function(){return function(o){var r=o.children,i=o.className,s=e(o,["children","className"]);return t(k,n({},s,{className:i,inputRef:De,ref:Me},{children:[r,Ie]}))}}),[Ie]),un=a((function(){return function(t){var r=Ce.style,i=e(Ce,["style"]);return o(C,n({},t,{style:n(n({},t.style),r),placement:"bottom-start"},i))}}),[Ce]);return o(z.Provider,n({value:an},{children:o(b,n({},g(Se,["InputProps","isNullable","isOpenedFromParent"]),{PopperComponent:un,disableClearable:W,onOpen:function(e){ke(!0),me(e)},onClose:tn,open:null!==(G=Se.isOpenedFromParent)&&void 0!==G?G:Ne,onChange:function(e,n){Z||Le(""),_(e,n)},forcePopupIcon:D.forcePopupIcon,fullWidth:!0,disabled:Y,value:q,classes:Ve,renderInput:function(s){var l,p,a,d,h,f,b=i(!1),C=b[0],I=b[1],v=s.InputProps,y=s.inputProps,A=e(s,["InputProps","inputProps"]),L=(null===(d=null===(a=null===(p=v.endAdornment)||void 0===p?void 0:p.props)||void 0===a?void 0:a.children)||void 0===d?void 0:d.length)>1?c(v.endAdornment,{children:v.endAdornment.props.children.slice(1),onMouseDown:function(e){return e.stopPropagation()},onMouseUp:function(e){return e.stopPropagation()}}):v.endAdornment,G=Pe&&1===Ze,R=C||Ne||Ae.length>0||!m(q)||!m(null===(h=Se.InputProps)||void 0===h?void 0:h.startAdornment),T=Se.InputProps||{},N=T.classes,k=void 0===N?{}:N,F=k.input,z=void 0===F?"":F,B=e(k,["input"]),E=T.style,H=e(T,["classes","style"]);return o(O,n({},A,g(le,["endAdornment"]),{onBlur:function(){I(!1),Pe&&""!==Ae.trim()&&Je(),G&&Be(!0)},onFocus:function(){I(!0)},inputRef:De,placeholder:m(q)?Q:"",classes:{root:Ee.searchInput},inputProps:n(n({style:{padding:5}},y),Se.inputProps),InputLabelProps:{shrink:R},InputProps:n(n(n({classes:n({input:u(ze?Ee.inputShrinked:G&&Ee.inputExpanded,z)},B),style:n({paddingRight:0,paddingBottom:0},E)},v),H),{startAdornment:t(r,{children:[null===(f=Se.InputProps)||void 0===f?void 0:f.startAdornment,he&&o(P,{className:Ee.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:t("div",n({className:Ee.selectedGroupLabel},{children:[he.name,o(M,{size:16,id:"removeGroupIcon",className:Ee.removeIcon,onClick:ge})]}))},he.id),Z&&!m(q)&&o("div",n({onClick:rn,id:"selectedOptions",className:u(Ee.selectedLabel,ze&&Ee.selectedLabelExpanded)},{children:sn(q)}))]}),endAdornment:t(r,{children:[t(x,n({className:u(Ee.endAdornment,(l={},l[Ee.removeIconWithDropdown]=D.forcePopupIcon,l)),position:"end"},{children:[le.endAdornment,V&&o(S,{color:"primary",size:20}),Ae&&!W&&o(j,n({"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ee.iconButton,onClick:function(){Le(""),ie?ie():_(null,[])},tooltipProps:{title:"Clear"}},{children:o(M,{size:20,className:Ee.closeIcon})}))]})),D.forcePopupIcon&&L]})})}))},loading:V,options:$e,renderGroup:function(e){var r=e.key,i=e.group,s=e.children;return!i||!m(he)&&Z?s:t("div",n({className:Ee.group},{children:[o(I,n({title:i,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500},{children:o(P,{"data-not-migrated-muichip":!0,className:u(Ee.groupChip,_e),variant:"outlined",label:i})})),s]}),r)},disableCloseOnSelect:Z,multiple:Z,renderOption:ce||function(e,r){var i=e.label,s=e.id,l=r.selected;return Z?t("div",n({className:u(Ee.option,J)},{children:[o(A,{disableRipple:!0,icon:E,className:Ee.checkbox,checkedIcon:H,checked:l}),o(F,n({className:Ee.optionLabelContainer},{children:i}))]}),s):o(L,n({className:Ee.menuItem,value:s},{children:o(F,n({className:Ee.optionLabelContainer},{children:i}))}),s)},groupBy:Ue?function(e){return e.group}:null,PaperComponent:cn,ListboxComponent:xe,inputValue:Ae,getOptionLabel:se,getOptionDisabled:D.getOptionDisabled,onInputChange:function(e,n,o){"reset"===o&&Z||(Le((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n),ae(n,o))},loadingText:o("div",n({className:Ee.label},{children:"Loading ..."})),noOptionsText:o("div",n({className:Ee.label},{children:Oe})),ListboxProps:pe,onFocus:function(){var e;Be(!1),null===(e=Se.onFocus)||void 0===e||e.call(Se)}}))}))},W={AutocompleteProps:d.shape({forcePopupIcon:d.bool,getOptionDisabled:d.func}),allChecked:d.bool,TextFieldProps:d.shape({label:d.string,endAdornment:d.node}),selectedGroup:d.shape({name:d.string,id:d.string}),onGroupReset:d.func,onClose:d.func,disableClearable:d.bool,value:d.oneOfType([d.arrayOf(d.shape({})),d.shape({})]).isRequired,onChange:d.func.isRequired,onInputChange:d.func,getOptionLabel:d.func,onGroupChange:d.func,loading:d.bool,disabled:d.bool,multiple:d.bool,options:d.array,optionSize:d.string,popupIcon:d.node,InputProps:d.shape({startAdornment:d.node,classes:d.shape({input:d.string}),style:d.shape({})}),ListboxProps:d.shape({}),classes:d.shape({popper:d.string,listbox:d.string,popupIndicator:d.string,popupIndicatorOpen:d.string,groupChip:d.string}),onInputChangeCallback:d.func,placeholder:d.string,RecentSearchesComponent:d.elementType,ListboxComponent:d.any,recentSearchesMaxCount:d.number,dataStorageKey:d.string,dataStorage:d.shape({}),groups:d.array,GroupsComponent:d.elementType,onOpen:d.func,renderCustomOption:d.func,onInputReset:d.func,isHiddenAllOption:d.bool,paperFooter:d.node,isOpenedFromParent:d.bool,popperProps:d.shape({style:d.shape({})}),onFocus:d.func,isClearInputOnBlur:d.bool,inputProps:d.shape({}),noOptionsText:d.string};q.propTypes=W,q.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,ListboxProps:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,onInputChangeCallback:function(){},placeholder:"Search...",popupIcon:o(D,{theme:"filled",fill:"#BDBDBD",size:16}),recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,ListboxComponent:N,onGroupReset:function(){},onClose:function(){},selectedGroup:null,isOpenedFromParent:void 0,onFocus:null,noOptionsText:"No Options"};export{q as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAgBpC,aAAK,SAAS,GAAG;IAEf,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IAGZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,
|
|
1
|
+
{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAgBpC,aAAK,SAAS,GAAG;IAEf,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IAGZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,gBAuEpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,Fragment as i,jsx as
|
|
1
|
+
import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,Fragment as i,jsx as c}from"react/jsx-runtime";import e from"classnames";import{CheckSmallIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import{Regular20 as t,Regular16 as n,Regular14 as l}from"../../Typography.js";import{Tooltip as m}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{Size as a}from"../constants.js";import{useStyles as p}from"./styles.js";var d,u=((d={})[a.Large]={value:t,label:n},d[a.Medium]={value:n,label:l},d),j=function(t){var n,l,d=t.label,j=t.value,b=t.canGoBack,v=void 0===b||b,I=t.className,h=t.goBackTooltip,f=void 0===h?"Go Back":h,k=t.tooltip,M=t.onClick,T=t.size,g=void 0===T?a.Medium:T,C=t.checked,N=t.active,x=t.error,y=t.disabled,B=p(),E=u[g]||u[a.Medium],G=v&&C,L=!(G&&M||k),O=s(i,{children:[G&&f,G&&k&&s(i,{children:[c("br",{}),c("br",{})]}),k]}),q=((n={})[a.Large]="",n[a.Medium]=B.medium,n),A=s("div",o({className:e(B.step,(l={},l[B.error]=x,l[B.disabled]=y,l[B.passed]=C,l[B.current]=N,l[B.hoverable]=v,l),q[g],I),onClick:G?M:void 0},{children:[c(E.value,o({className:B.value},{children:v||!C?j:c(r,{})})),c(E.label,o({className:B.label},{children:d}))]}));return L?A:c(m,o({title:O,placement:"bottom"},{children:A}))};export{j as Step};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,gKAiHnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyles as e}from"@material-ui/core";import{rgba as r}from"../../../utils/colors.js";var t=e((function(e){return{step:{display:"inline-flex",flexFlow:"row nowrap",height:"40px",alignItems:"center",gap:e.spacing(1)},value:{flex:"0 0 auto",display:"flex",flexFlow:"column",justifyContent:"center",alignItems:"center",transition:"0.3s ease-out",width:"40px",height:"40px",padding:"6px",borderRadius:"8px",border:"1px solid ".concat(e.palette.primary.text6),color:e.palette.primary.text6},label:{flex:"0 0 auto",
|
|
1
|
+
import{makeStyles as e}from"@material-ui/core";import{rgba as r}from"../../../utils/colors.js";var t=e((function(e){return{step:{display:"inline-flex",flexFlow:"row nowrap",height:"40px",alignItems:"center",gap:e.spacing(1)},value:{flex:"0 0 auto",display:"flex",flexFlow:"column",justifyContent:"center",alignItems:"center",transition:"0.3s ease-out",width:"40px",height:"40px",padding:"6px",borderRadius:"8px",border:"1px solid ".concat(e.palette.primary.text6),color:e.palette.primary.text6},label:{flex:"0 0 auto",color:e.palette.primary.text6,maxHeight:"44px",transition:"0.3s ease-out",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":"2",overflow:"hidden",textOverflow:"ellipsis"},medium:{"& $value":{width:"32px",height:"32px"},"& $label":{maxHeight:"40px"}},current:{"& $value":{background:e.palette.primary.main,color:e.palette.background.b1,borderColor:"transparent"},"& $label":{fontWeight:500,color:e.palette.text.primary}},passed:{cursor:"not-allowed","& $value":{background:r(e.palette.primary.main,.1),color:e.palette.primary.main,borderColor:"transparent"},"& $label":{fontWeight:500,color:e.palette.text.primary},"&$hoverable":{cursor:"pointer","&:hover $value":{background:r(e.palette.primary.main,.24),color:e.palette.primary.light}}},hoverable:{},error:{"& $value":{background:"transparent",color:e.palette.error.main,borderColor:e.palette.error.main},"& $label":{color:e.palette.error.main}},disabled:{"& $value":{background:"transparent",color:e.palette.primary.text9,borderColor:e.palette.primary.text9},"& $label":{color:e.palette.primary.text9}}}}));export{t as useStyles};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
export declare const Steps: () => JSX.Element;
|
|
3
3
|
export declare const StepWizard: () => JSX.Element;
|
|
4
4
|
export declare const StepsConfiguration: () => JSX.Element;
|
|
5
|
+
export declare const SimpleExample: () => JSX.Element;
|
|
5
6
|
declare const _default: {
|
|
6
7
|
title: string;
|
|
7
8
|
component: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":";AAsDA,eAAO,MAAM,KAAK,mBAoBjB,CAAC;AAEF,eAAO,MAAM,UAAU,mBA0FtB,CAAC;AAoGF,eAAO,MAAM,kBAAkB,mBAmC9B,CAAC;AAEF,eAAO,MAAM,aAAa,mBA0BzB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBASE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@corva/ui",
|
|
3
|
-
"version": "0.90.0-
|
|
3
|
+
"version": "0.90.0-11",
|
|
4
4
|
"description": "Shared components/utils for Corva ui projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"corva-ui"
|
|
@@ -118,7 +118,6 @@
|
|
|
118
118
|
"html2canvas": "1.0.0-alpha.12",
|
|
119
119
|
"image-extensions": "1.1.0",
|
|
120
120
|
"immutable": "3.8.2",
|
|
121
|
-
"jest": "^26.4.1",
|
|
122
121
|
"jscpd": "^3.4.5",
|
|
123
122
|
"jsona": "1.5.1",
|
|
124
123
|
"lodash": "4.17.21",
|
|
@@ -156,8 +155,7 @@
|
|
|
156
155
|
"react-virtualized-auto-sizer": "1.0.2",
|
|
157
156
|
"resize-observer-polyfill": "^1.5.1",
|
|
158
157
|
"rollbar": "^2.26.1",
|
|
159
|
-
"
|
|
160
|
-
"semver": "7.2.1",
|
|
158
|
+
"semver": "7.6.2",
|
|
161
159
|
"slate": "0.66.5",
|
|
162
160
|
"slate-react": "0.66.7",
|
|
163
161
|
"socket.io-client": "2.2.0",
|
|
@@ -214,6 +212,7 @@
|
|
|
214
212
|
"cross-env": "^7.0.3",
|
|
215
213
|
"css-loader": "3.4.2",
|
|
216
214
|
"identity-obj-proxy": "^3.0.0",
|
|
215
|
+
"jest": "^26.4.1",
|
|
217
216
|
"lint-staged": "^10.5.4",
|
|
218
217
|
"postcss-url": "9.0.0",
|
|
219
218
|
"pre-commit": "1.2.2",
|
|
@@ -232,6 +231,7 @@
|
|
|
232
231
|
"rollup-plugin-terser": "^7.0.2",
|
|
233
232
|
"rollup-plugin-typescript2": "^0.34.1",
|
|
234
233
|
"rollup-plugin-visualizer": "^4.1.1",
|
|
234
|
+
"sass": "^1.51.0",
|
|
235
235
|
"sass-loader": "10.1.1",
|
|
236
236
|
"standard-version": "^9.0.0",
|
|
237
237
|
"storybook": "7.6.17",
|