@widergy/energy-ui 3.184.1 → 3.185.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -3
- package/dist/components/UTSidebar/components/ListOption/index.js +1 -1
- package/dist/components/UTSidebar/components/Option/index.js +1 -1
- package/dist/components/UTSidebar/components/Toggler/index.js +1 -1
- package/dist/components/UTSidebar/index.js +1 -1
- package/dist/components/UTSidebar/styles.module.scss +10 -0
- package/dist/components/UTSidebar/types.js +1 -1
- package/dist/esm/components/UTSidebar/components/ListOption/index.js +1 -1
- package/dist/esm/components/UTSidebar/components/Option/index.js +1 -1
- package/dist/esm/components/UTSidebar/components/Toggler/index.js +1 -1
- package/dist/esm/components/UTSidebar/index.js +1 -1
- package/dist/esm/components/UTSidebar/styles.module.scss +10 -0
- package/dist/esm/components/UTSidebar/types.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
# [3.185.0](https://github.com/widergy/energy-ui/compare/v3.184.1...v3.185.0) (2026-09-11)
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
###
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* [CX-2945] add UTSidebar props ([#859](https://github.com/widergy/energy-ui/issues/859)) ([38eacd2](https://github.com/widergy/energy-ui/commit/38eacd2b210085c080fb14b751be8e27d7790950))
|
|
7
|
+
|
|
8
|
+
## [3.184.1](https://github.com/widergy/energy-ui/compare/v3.184.0...v3.184.1) (2026-09-03)
|
|
9
|
+
|
|
10
|
+
### Novedades y Mejoras
|
|
5
11
|
|
|
6
|
-
*
|
|
12
|
+
* Mejoras internas de la plataforma [`d1dfd87`](https://github.com/widergy/Energy-UI/commit/d1dfd87)
|
|
7
13
|
|
|
8
14
|
# [3.184.0](https://github.com/widergy/energy-ui/compare/v3.183.0...v3.184.0) (2026-09-03)
|
|
9
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_types=require("../../types"),_Option=_interopRequireDefault(require("../Option")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_types=require("../../types"),_Option=_interopRequireDefault(require("../Option")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,p,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(r=t?n:o){if(r.has(e))return r.get(e);r.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((p=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(p.get||p.set)?r(s,t,p):s[t]=e[t]);return s})(e,t)}const SUB_OPTION_KEYS={option:"subOption",optionSelected:"subOptionSelected",optionIcon:"subOptionIcon",optionIconContainer:"subOptionIconContainer",optionLabel:"subOptionLabel",optionLabelSelected:"subOptionLabelSelected"},buildSubOptionClasses=e=>Object.entries(SUB_OPTION_KEYS).reduce((t,o)=>{let[n,r]=o;return e[r]?{...t,[n]:e[r]}:t},e),ListOption=e=>{let{classes:t,dataTestId:o,handleClose:n,handleRedirect:r,IconActive:p,IconInactive:s,iconClassName:i,iconProps:l,id:a,isSelected:c,label:u,labelAlwaysVisible:d,location:_,open:y,openDrawer:f,options:b}=e;const[T,O]=(0,_react.useState)(!1),m=(0,_react.useRef)(),g=(0,_react.useMemo)(()=>buildSubOptionClasses(t),[t]);(0,_react.useEffect)(()=>{y||O(!1)},[y]);const I=(0,_react.useMemo)(()=>{if(!T||!y||null==m||!m.current)return 0;const{marginTop:e,marginBottom:t}=window.getComputedStyle(m.current),o=parseFloat(e)+parseFloat(t);return b.length*(m.current.clientHeight+o)},[T,y]),C=(0,_react.useMemo)(()=>c||((e,t)=>e.link===t),[c]),S=(0,_react.useMemo)(()=>b.some(e=>C(e,_)),[_,C,b]);return _react.default.createElement("div",null,_react.default.createElement(_Option.default,{classes:t,dataTestId:o,IconActive:p,IconInactive:s,iconClassName:i,iconProps:l,id:a,isSelectedGroup:S&&(!y||!T),label:u,labelAlwaysVisible:d,location:_,onClick:()=>{y?O(!T):(f(),O(!0))},open:y,optionRef:m,toggleArrowActive:T,withToggleArrow:!0}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.optionMenu," ").concat(t.optionMenu||""),style:{height:I}},b.map(e=>_react.default.createElement(_Option.default,{classes:g,dataTestId:e.dataTestId,handleClose:n,handleRedirect:r,iconClassName:e.iconClassName,id:e.id,isSelected:c,key:e.key,label:e.label,labelAlwaysVisible:d,link:e.link,location:_,onClick:e.onClick,open:y}))))};ListOption.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,handleClose:_propTypes.func,handleRedirect:_propTypes.func,IconActive:_propTypes.elementType,IconInactive:_propTypes.elementType,iconClassName:_propTypes.string,iconProps:_propTypes.object,id:(0,_propTypes.oneOfType)([_propTypes.string,(0,_propTypes.arrayOf)(_propTypes.string)]),isSelected:_propTypes.func,label:_propTypes.string,labelAlwaysVisible:_propTypes.bool,location:_propTypes.string,open:_propTypes.bool,openDrawer:_propTypes.func,options:(0,_propTypes.arrayOf)(_types.subOptionType)};var _default=exports.default=(0,_react.memo)(ListOption);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ListItem=_interopRequireDefault(require("@material-ui/core/ListItem")),_ListItemIcon=_interopRequireDefault(require("@material-ui/core/ListItemIcon")),_ListItemText=_interopRequireDefault(require("@material-ui/core/ListItemText")),_ExpandMore=_interopRequireDefault(require("@material-ui/icons/ExpandMore")),_componentUtils=require("../../../../utils/componentUtils"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_types=require("../../types"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,r,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ListItem=_interopRequireDefault(require("@material-ui/core/ListItem")),_ListItemIcon=_interopRequireDefault(require("@material-ui/core/ListItemIcon")),_ListItemText=_interopRequireDefault(require("@material-ui/core/ListItemText")),_ExpandMore=_interopRequireDefault(require("@material-ui/icons/ExpandMore")),_componentUtils=require("../../../../utils/componentUtils"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_types=require("../../types"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,r,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(a=t?n:o){if(a.has(e))return a.get(e);a.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?a(c,t,r):c[t]=e[t]);return c})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}const Option=e=>{let{classes:t,dataTestId:o,handleClose:n,handleRedirect:a,IconActive:r,IconInactive:c,iconClassName:l,iconProps:p,id:i,isSelected:s,isSelectedGroup:u,label:d,labelAlwaysVisible:_,link:f,location:y,onClick:T,open:m,optionRef:I,toggleArrowActive:g,withToggleArrow:b,withTooltip:q}=e;const v=u||(s?s({id:i,link:f},y):f===y),M=q?_UTTooltip.default:_react.Fragment,h=q&&{..._constants.TOOLTIP_CONFIG,content:_react.default.createElement(_UTLabel.default,{className:t.tooltipLabel},d),className:t.tooltip};return _react.default.createElement(M,h,_react.default.createElement(_ListItem.default,{"data-testid":o,className:"\n ".concat(_stylesModule.default.option,"\n ").concat(t.option,"\n ").concat(v&&"".concat(_stylesModule.default.optionSelected," ").concat(t.optionSelected),"\n ").concat(v&&m&&t.optionSelectedOpened,"\n ").concat(v&&!u&&!q&&_stylesModule.default.removeEvents,"\n "),onClick:T||(()=>{a(f),n&&n()}),ref:I},_react.default.createElement(_ListItemIcon.default,{className:"\n ".concat(t.optionIconContainer,"\n ").concat(v&&"".concat(t.optionIconContainerSelected," ").concat(_stylesModule.default.optionIconContainerSelected),"\n ").concat(_stylesModule.default.optionIconContainer,"\n ")},c&&((0,_componentUtils.isUTIcon)(c)?_react.default.createElement(_UTIcon.default,_extends({name:c,className:"".concat(t.optionIcon," ").concat(_stylesModule.default.optionIcon," ").concat(l||"")},(null==p?void 0:p.inactive)||{})):_react.default.createElement(c,{className:"".concat(t.optionIcon," ").concat(_stylesModule.default.optionIcon," ").concat(l||"")})),r&&((0,_componentUtils.isUTIcon)(r)?_react.default.createElement(_UTIcon.default,_extends({name:r,className:"".concat(t.optionIcon," ").concat(_stylesModule.default.optionIconSelected," ").concat(t.optionIconSelected," ").concat(l||"")},(null==p?void 0:p.active)||{})):_react.default.createElement(r,{className:"".concat(t.optionIcon," ").concat(_stylesModule.default.optionIconSelected," ").concat(t.optionIconSelected," ").concat(l||"")}))),_react.default.createElement(_ListItemText.default,{disableTypography:!0,className:"\n ".concat(t.optionLabel,"\n ").concat(v&&t.optionLabelSelected,"\n ").concat(!m&&_stylesModule.default.hidden,"\n "),primary:d}),!m&&_&&_react.default.createElement(_ListItemText.default,{disableTypography:!0,className:"\n ".concat(_stylesModule.default.optionLabelBottom,"\n ").concat(t.optionLabelBottom,"\n ").concat(v&&t.optionLabelBottomSelected,"\n "),primary:d}),m&&b&&_react.default.createElement(_ExpandMore.default,{className:"\n ".concat(_stylesModule.default.toggleArrow,"\n ").concat(t.toggleArrow,"\n ").concat(g&&_stylesModule.default.toggleArrowActive,"\n ")})))};Option.propTypes={classes:_types.classType,dataTestId:_propTypes.string,handleClose:_propTypes.func,handleRedirect:_propTypes.func,IconActive:_types.iconType,IconInactive:_types.iconType,iconClassName:_propTypes.string,iconProps:(0,_propTypes.shape)({active:(0,_propTypes.shape)({colorTheme:_propTypes.string,name:_propTypes.string,shade:_propTypes.string,size:_propTypes.number}),inactive:(0,_propTypes.shape)({colorTheme:_propTypes.string,name:_propTypes.string,shade:_propTypes.string,size:_propTypes.number})}),id:(0,_propTypes.oneOfType)([_propTypes.string,(0,_propTypes.arrayOf)(_propTypes.string)]),isSelected:_propTypes.func,isSelectedGroup:_propTypes.bool,label:_propTypes.string,labelAlwaysVisible:_propTypes.bool,link:_propTypes.string,location:_propTypes.string,onClick:_propTypes.func,open:_propTypes.bool,optionRef:_propTypes.any,toggleArrowActive:_propTypes.bool,withToggleArrow:_propTypes.bool,withTooltip:_propTypes.bool};var _default=exports.default=(0,_react.memo)(Option);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Menu=_interopRequireDefault(require("@material-ui/icons/Menu")),_Close=_interopRequireDefault(require("@material-ui/icons/Close")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Menu=_interopRequireDefault(require("@material-ui/icons/Menu")),_Close=_interopRequireDefault(require("@material-ui/icons/Close")),_componentUtils=require("../../../../utils/componentUtils"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(l=t?a:r){if(l.has(e))return l.get(e);l.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(n,t,o):n[t]=e[t]);return n})(e,t)}const renderIcon=(e,t,r)=>e?(0,_componentUtils.isUTIcon)(e)?_react.default.createElement(_UTIcon.default,{name:e,className:r}):_react.default.createElement(e,{className:r}):_react.default.createElement(t,{className:r}),Toggler=e=>{let{classes:t,IconClosed:r,IconOpen:a,open:l,toggleDrawer:o,title:n,subtitle:u}=e;return _react.default.createElement("div",{className:"".concat(t.togglerContainer," ").concat(_stylesModule.default.togglerContainer)},l?_react.default.createElement("div",{className:"".concat(t.closeDrawerContainer," ").concat(_stylesModule.default.closeDrawerContainer)},_react.default.createElement(_UTTouchableWithoutFeedback.default,{onClick:o},renderIcon(a,_Close.default,t.closeIcon)),_react.default.createElement("div",null,_react.default.createElement(_UTLabel.default,{className:t.drawerTitle},n),_react.default.createElement(_UTLabel.default,{className:t.drawerSubtitle},u))):_react.default.createElement(_UTTouchableWithoutFeedback.default,{onClick:o},renderIcon(r,_Menu.default,t.menuIcon)))};Toggler.propTypes={classes:_types.classType,IconClosed:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),IconOpen:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),open:_propTypes.bool,subtitle:_propTypes.string,title:_propTypes.string,toggleDrawer:_propTypes.func};var _default=exports.default=(0,_react.memo)(Toggler);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Backdrop=_interopRequireDefault(require("@material-ui/core/Backdrop")),_Drawer=_interopRequireDefault(require("@material-ui/core/Drawer")),_List=_interopRequireDefault(require("@material-ui/core/List")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar"));require("react-perfect-scrollbar/dist/css/styles.css");var _array=require("@widergy/web-utils/lib/array"),_useScreenSize=require("../../utils/useScreenSize"),_classesUtils=require("../../utils/classesUtils"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_types=require("./types"),_theme=require("./theme"),_ListOption=_interopRequireDefault(require("./components/ListOption")),_LogosContainer=_interopRequireDefault(require("./components/LogosContainer")),_Option=_interopRequireDefault(require("./components/Option")),_Toggler=_interopRequireDefault(require("./components/Toggler")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Backdrop=_interopRequireDefault(require("@material-ui/core/Backdrop")),_Drawer=_interopRequireDefault(require("@material-ui/core/Drawer")),_List=_interopRequireDefault(require("@material-ui/core/List")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar"));require("react-perfect-scrollbar/dist/css/styles.css");var _array=require("@widergy/web-utils/lib/array"),_useScreenSize=require("../../utils/useScreenSize"),_classesUtils=require("../../utils/classesUtils"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_types=require("./types"),_theme=require("./theme"),_ListOption=_interopRequireDefault(require("./components/ListOption")),_LogosContainer=_interopRequireDefault(require("./components/LogosContainer")),_DynamicIcon=_interopRequireDefault(require("./components/LogosContainer/components/DynamicIcon")),_Option=_interopRequireDefault(require("./components/Option")),_Toggler=_interopRequireDefault(require("./components/Toggler")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,o){if("function"==typeof WeakMap)var t=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,o){if(!o&&e&&e.__esModule)return e;var s,l,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(s=o?r:t){if(s.has(e))return s.get(e);s.set(e,a)}for(const o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((l=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,o))&&(l.get||l.set)?s(a,o,l):a[o]=e[o]);return a})(e,o)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},_extends.apply(null,arguments)}const UTSidebar=e=>{let{Background:o,badgeContent:t,BigLogo:r,classes:s,classNames:l,collapsible:a=!0,docked:n,Footer:p,FooterBigLogo:i,FooterSmallLogo:c,handleClose:u,handleOpen:_,handleRedirect:d,isSelected:y,labelAlwaysVisible:g,location:f,open:T,options:m,SmallLogo:b,subtitle:L,title:q,TogglerIconClosed:h,TogglerIconOpen:w,withMouseActions:O,withoutToggler:C,withTooltip:S}=e;const{isTabletOrDesktop:D}=(0,_useScreenSize.useScreenSize)(),M=null!=n?n:D,R=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(s,l),[l]),k=!a||T,B=a&&!C,E=()=>T?u():_();return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Drawer.default,{open:M||T,variant:M?"persistent":"temporary",classes:{root:R.drawerRoot,paper:"\n ".concat(R.drawer,"\n ").concat(_stylesModule.default.drawer,"\n ").concat(k?R.openedDrawer:_stylesModule.default.removeShadow,"\n ")},ModalProps:{onClose:u},onMouseLeave:()=>O&&u(),onMouseEnter:()=>O&&_()},o&&_react.default.createElement(_DynamicIcon.default,{Icon:o,className:"".concat(_stylesModule.default.background," ").concat(R.background||"")}),(r||b)&&_react.default.createElement(_LogosContainer.default,{badgeClassName:k?R.logoBadgeOpen:R.logoBadgeClose,badgeContent:t,BigLogo:r,SmallLogo:b,bigLogoClassName:R.bigLogo,smallLogoClassName:R.smallLogo,containerClassName:R.logoContainer,showBigLogo:k}),B&&_react.default.createElement(_Toggler.default,{toggleDrawer:E,open:k,classes:R,IconClosed:h,IconOpen:w,title:q,subtitle:L}),_react.default.createElement("div",{className:_stylesModule.default.sidebarContent},_react.default.createElement(_List.default,{className:"".concat(R.list," ").concat(k&&R.listOpened," ").concat(_stylesModule.default.list)},_react.default.createElement(_reactPerfectScrollbar.default,{className:"".concat(!k&&_stylesModule.default.scrollbarClosed," ").concat(R.listScrollbar),options:{suppressScrollX:!0}},m.map(e=>{let{key:o,show:t=!0,options:r,...s}=e;if(!t)return!1;const l=!(0,_array.isEmpty)(r),a=l&&r.filter(e=>e.show);if(l&&(0,_array.isEmpty)(a))return!1;const n=(0,_array.isEmpty)(r)?_Option.default:_ListOption.default;return _react.default.createElement(n,_extends({classes:R,handleClose:u,handleRedirect:d,isSelected:y,key:o,labelAlwaysVisible:g,location:f,open:k,openDrawer:_,options:a,withTooltip:S},s))}))),p&&_react.default.createElement(p,null),i&&c&&_react.default.createElement(_LogosContainer.default,{BigLogo:i,SmallLogo:c,bigLogoClassName:R.footerBigLogo,smallLogoClassName:R.footerSmallLogo,containerClassName:R.footerLogoContainer,showBigLogo:k}))),_react.default.createElement(_Backdrop.default,{open:a&&M&&T,className:_stylesModule.default.backdrop,onClick:E}))};UTSidebar.propTypes={Background:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),badgeContent:_propTypes.string,BigLogo:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),classes:_types.classType,classNames:(0,_propTypes.objectOf)(_propTypes.string),collapsible:_propTypes.bool,docked:_propTypes.bool,Footer:_propTypes.elementType,FooterBigLogo:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),FooterSmallLogo:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),handleClose:_propTypes.func,handleOpen:_propTypes.func,handleRedirect:_propTypes.func,isSelected:_propTypes.func,labelAlwaysVisible:_propTypes.bool,location:_propTypes.string,open:_propTypes.bool,options:_types.optionsType,SmallLogo:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),subtitle:_propTypes.string,title:_propTypes.string,TogglerIconClosed:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),TogglerIconOpen:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),withMouseActions:_propTypes.bool,withoutToggler:_propTypes.bool,withTooltip:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTSidebar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.subOptionType=exports.optionsType=exports.optionType=exports.iconType=exports.classType=void 0;var _propTypes=require("prop-types");const classType=exports.classType=(0,_propTypes.shape)({bigLogo:_propTypes.string,closeDrawerContainer:_propTypes.string,closeIcon:_propTypes.string,drawer:_propTypes.string,drawerSubtitle:_propTypes.string,drawerTitle:_propTypes.string,list:_propTypes.string,listOpened:_propTypes.string,logoContainer:_propTypes.string,menuIcon:_propTypes.string,smallLogo:_propTypes.string,selectedMarker:_propTypes.string,selectedMarkerOpened:_propTypes.string,openedDrawer:_propTypes.string,option:_propTypes.string,optionIcon:_propTypes.string,optionIconSelected:_propTypes.string,optionIconContainer:_propTypes.string,optionIconContainerSelected:_propTypes.string,optionLabel:_propTypes.string,optionLabelBottom:_propTypes.string,optionLabelBottomSelected:_propTypes.string,optionLabelSelected:_propTypes.string,optionSelected:_propTypes.string,togglerContainer:_propTypes.string}),iconType=exports.iconType=(0,_propTypes.oneOfType)([_propTypes.func,_propTypes.elementType]),subOptionType=exports.subOptionType=(0,_propTypes.shape)({dataTestId:_propTypes.string,id:_propTypes.string,key:_propTypes.string,label:_propTypes.string,link:_propTypes.string,show:_propTypes.bool}),optionType=exports.optionType=(0,_propTypes.shape)({id:_propTypes.string,key:_propTypes.string,IconActive:_propTypes.elementType,IconInactive:_propTypes.elementType,link:_propTypes.string,label:_propTypes.string,show:_propTypes.bool,options:(0,_propTypes.arrayOf)(subOptionType)}),optionsType=exports.optionsType=(0,_propTypes.arrayOf)(optionType);
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.subOptionType=exports.optionsType=exports.optionType=exports.iconType=exports.classType=void 0;var _propTypes=require("prop-types");const classType=exports.classType=(0,_propTypes.shape)({background:_propTypes.string,bigLogo:_propTypes.string,closeDrawerContainer:_propTypes.string,closeIcon:_propTypes.string,drawer:_propTypes.string,drawerRoot:_propTypes.string,drawerSubtitle:_propTypes.string,drawerTitle:_propTypes.string,list:_propTypes.string,listOpened:_propTypes.string,logoContainer:_propTypes.string,menuIcon:_propTypes.string,smallLogo:_propTypes.string,selectedMarker:_propTypes.string,selectedMarkerOpened:_propTypes.string,openedDrawer:_propTypes.string,option:_propTypes.string,optionIcon:_propTypes.string,optionIconSelected:_propTypes.string,optionIconContainer:_propTypes.string,optionIconContainerSelected:_propTypes.string,optionLabel:_propTypes.string,optionLabelBottom:_propTypes.string,optionLabelBottomSelected:_propTypes.string,optionLabelSelected:_propTypes.string,optionSelected:_propTypes.string,optionMenu:_propTypes.string,subOption:_propTypes.string,subOptionIcon:_propTypes.string,subOptionIconContainer:_propTypes.string,subOptionLabel:_propTypes.string,subOptionLabelSelected:_propTypes.string,subOptionSelected:_propTypes.string,togglerContainer:_propTypes.string}),iconType=exports.iconType=(0,_propTypes.oneOfType)([_propTypes.func,_propTypes.elementType]),subOptionType=exports.subOptionType=(0,_propTypes.shape)({dataTestId:_propTypes.string,iconClassName:_propTypes.string,id:(0,_propTypes.oneOfType)([_propTypes.string,(0,_propTypes.arrayOf)(_propTypes.string)]),key:_propTypes.string,label:_propTypes.string,link:_propTypes.string,onClick:_propTypes.func,show:_propTypes.bool}),optionType=exports.optionType=(0,_propTypes.shape)({iconClassName:_propTypes.string,id:(0,_propTypes.oneOfType)([_propTypes.string,(0,_propTypes.arrayOf)(_propTypes.string)]),key:_propTypes.string,IconActive:_propTypes.elementType,IconInactive:_propTypes.elementType,link:_propTypes.string,label:_propTypes.string,onClick:_propTypes.func,show:_propTypes.bool,options:(0,_propTypes.arrayOf)(subOptionType)}),optionsType=exports.optionsType=(0,_propTypes.arrayOf)(optionType);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{memo,useState,useRef,useMemo,useEffect}from"react";import{arrayOf,bool,elementType,func,object,objectOf,string}from"prop-types";import{subOptionType}from"../../types";import Option from"../Option";import styles from"./styles.module.scss";const ListOption=e=>{let{classes:t,dataTestId:o,handleClose:n,handleRedirect:
|
|
1
|
+
import React,{memo,useState,useRef,useMemo,useEffect}from"react";import{arrayOf,bool,elementType,func,object,objectOf,oneOfType,string}from"prop-types";import{subOptionType}from"../../types";import Option from"../Option";import styles from"./styles.module.scss";const SUB_OPTION_KEYS={option:"subOption",optionSelected:"subOptionSelected",optionIcon:"subOptionIcon",optionIconContainer:"subOptionIconContainer",optionLabel:"subOptionLabel",optionLabelSelected:"subOptionLabelSelected"},buildSubOptionClasses=e=>Object.entries(SUB_OPTION_KEYS).reduce((t,o)=>{let[n,s]=o;return e[s]?{...t,[n]:e[s]}:t},e),ListOption=e=>{let{classes:t,dataTestId:o,handleClose:n,handleRedirect:s,IconActive:i,IconInactive:l,iconClassName:a,iconProps:c,id:r,isSelected:p,label:u,labelAlwaysVisible:d,location:m,open:b,openDrawer:O,options:f}=e;const[y,I]=useState(!1),g=useRef(),S=useMemo(()=>buildSubOptionClasses(t),[t]);useEffect(()=>{b||I(!1)},[b]);const T=useMemo(()=>{if(!y||!b||null==g||!g.current)return 0;const{marginTop:e,marginBottom:t}=window.getComputedStyle(g.current),o=parseFloat(e)+parseFloat(t);return f.length*(g.current.clientHeight+o)},[y,b]),C=useMemo(()=>p||((e,t)=>e.link===t),[p]),h=useMemo(()=>f.some(e=>C(e,m)),[m,C,f]);return React.createElement("div",null,React.createElement(Option,{classes:t,dataTestId:o,IconActive:i,IconInactive:l,iconClassName:a,iconProps:c,id:r,isSelectedGroup:h&&(!b||!y),label:u,labelAlwaysVisible:d,location:m,onClick:()=>{b?I(!y):(O(),I(!0))},open:b,optionRef:g,toggleArrowActive:y,withToggleArrow:!0}),React.createElement("div",{className:"".concat(styles.optionMenu," ").concat(t.optionMenu||""),style:{height:T}},f.map(e=>React.createElement(Option,{classes:S,dataTestId:e.dataTestId,handleClose:n,handleRedirect:s,iconClassName:e.iconClassName,id:e.id,isSelected:p,key:e.key,label:e.label,labelAlwaysVisible:d,link:e.link,location:m,onClick:e.onClick,open:b}))))};ListOption.propTypes={classes:objectOf(string),dataTestId:string,handleClose:func,handleRedirect:func,IconActive:elementType,IconInactive:elementType,iconClassName:string,iconProps:object,id:oneOfType([string,arrayOf(string)]),isSelected:func,label:string,labelAlwaysVisible:bool,location:string,open:bool,openDrawer:func,options:arrayOf(subOptionType)};export default memo(ListOption);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React,{Fragment,memo}from"react";import{string,bool,func,any,shape,number}from"prop-types";import ListItem from"@material-ui/core/ListItem";import ListItemIcon from"@material-ui/core/ListItemIcon";import ListItemText from"@material-ui/core/ListItemText";import ExpandMoreIcon from"@material-ui/icons/ExpandMore";import{isUTIcon}from"../../../../utils/componentUtils";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import UTIcon from"../../../UTIcon";import{classType,iconType}from"../../types";import{TOOLTIP_CONFIG}from"./constants";import styles from"./styles.module.scss";const Option=e=>{let{classes:t,dataTestId:o,handleClose:n,handleRedirect:c,IconActive:a,IconInactive:i,
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React,{Fragment,memo}from"react";import{arrayOf,string,bool,func,any,oneOfType,shape,number}from"prop-types";import ListItem from"@material-ui/core/ListItem";import ListItemIcon from"@material-ui/core/ListItemIcon";import ListItemText from"@material-ui/core/ListItemText";import ExpandMoreIcon from"@material-ui/icons/ExpandMore";import{isUTIcon}from"../../../../utils/componentUtils";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import UTIcon from"../../../UTIcon";import{classType,iconType}from"../../types";import{TOOLTIP_CONFIG}from"./constants";import styles from"./styles.module.scss";const Option=e=>{let{classes:t,dataTestId:o,handleClose:n,handleRedirect:c,IconActive:a,IconInactive:i,iconClassName:s,iconProps:l,id:r,isSelected:p,isSelectedGroup:m,label:d,labelAlwaysVisible:I,link:T,location:y,onClick:g,open:b,optionRef:f,toggleArrowActive:u,withToggleArrow:h,withTooltip:L}=e;const v=m||(p?p({id:r,link:T},y):T===y),O=L?UTTooltip:Fragment,R=L&&{...TOOLTIP_CONFIG,content:React.createElement(UTLabel,{className:t.tooltipLabel},d),className:t.tooltip};return React.createElement(O,R,React.createElement(ListItem,{"data-testid":o,className:"\n ".concat(styles.option,"\n ").concat(t.option,"\n ").concat(v&&"".concat(styles.optionSelected," ").concat(t.optionSelected),"\n ").concat(v&&b&&t.optionSelectedOpened,"\n ").concat(v&&!m&&!L&&styles.removeEvents,"\n "),onClick:g||(()=>{c(T),n&&n()}),ref:f},React.createElement(ListItemIcon,{className:"\n ".concat(t.optionIconContainer,"\n ").concat(v&&"".concat(t.optionIconContainerSelected," ").concat(styles.optionIconContainerSelected),"\n ").concat(styles.optionIconContainer,"\n ")},i&&(isUTIcon(i)?React.createElement(UTIcon,_extends({name:i,className:"".concat(t.optionIcon," ").concat(styles.optionIcon," ").concat(s||"")},(null==l?void 0:l.inactive)||{})):React.createElement(i,{className:"".concat(t.optionIcon," ").concat(styles.optionIcon," ").concat(s||"")})),a&&(isUTIcon(a)?React.createElement(UTIcon,_extends({name:a,className:"".concat(t.optionIcon," ").concat(styles.optionIconSelected," ").concat(t.optionIconSelected," ").concat(s||"")},(null==l?void 0:l.active)||{})):React.createElement(a,{className:"".concat(t.optionIcon," ").concat(styles.optionIconSelected," ").concat(t.optionIconSelected," ").concat(s||"")}))),React.createElement(ListItemText,{disableTypography:!0,className:"\n ".concat(t.optionLabel,"\n ").concat(v&&t.optionLabelSelected,"\n ").concat(!b&&styles.hidden,"\n "),primary:d}),!b&&I&&React.createElement(ListItemText,{disableTypography:!0,className:"\n ".concat(styles.optionLabelBottom,"\n ").concat(t.optionLabelBottom,"\n ").concat(v&&t.optionLabelBottomSelected,"\n "),primary:d}),b&&h&&React.createElement(ExpandMoreIcon,{className:"\n ".concat(styles.toggleArrow,"\n ").concat(t.toggleArrow,"\n ").concat(u&&styles.toggleArrowActive,"\n ")})))};Option.propTypes={classes:classType,dataTestId:string,handleClose:func,handleRedirect:func,IconActive:iconType,IconInactive:iconType,iconClassName:string,iconProps:shape({active:shape({colorTheme:string,name:string,shade:string,size:number}),inactive:shape({colorTheme:string,name:string,shade:string,size:number})}),id:oneOfType([string,arrayOf(string)]),isSelected:func,isSelectedGroup:bool,label:string,labelAlwaysVisible:bool,link:string,location:string,onClick:func,open:bool,optionRef:any,toggleArrowActive:bool,withToggleArrow:bool,withTooltip:bool};export default memo(Option);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{memo}from"react";import{bool,func,string}from"prop-types";import MenuIcon from"@material-ui/icons/Menu";import CloseIcon from"@material-ui/icons/Close";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import UTLabel from"../../../UTLabel";import{classType}from"../../types";import styles from"./styles.module.scss";const Toggler=e=>{let{classes:t,open:
|
|
1
|
+
import React,{memo}from"react";import{bool,func,oneOfType,string}from"prop-types";import MenuIcon from"@material-ui/icons/Menu";import CloseIcon from"@material-ui/icons/Close";import{isUTIcon}from"../../../../utils/componentUtils";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import UTIcon from"../../../UTIcon";import UTLabel from"../../../UTLabel";import{classType,iconType}from"../../types";import styles from"./styles.module.scss";const renderIcon=(e,o,t)=>e?isUTIcon(e)?React.createElement(UTIcon,{name:e,className:t}):React.createElement(e,{className:t}):React.createElement(o,{className:t}),Toggler=e=>{let{classes:o,IconClosed:t,IconOpen:c,open:n,toggleDrawer:a,title:r,subtitle:l}=e;return React.createElement("div",{className:"".concat(o.togglerContainer," ").concat(styles.togglerContainer)},n?React.createElement("div",{className:"".concat(o.closeDrawerContainer," ").concat(styles.closeDrawerContainer)},React.createElement(UTTouchableWithoutFeedback,{onClick:a},renderIcon(c,CloseIcon,o.closeIcon)),React.createElement("div",null,React.createElement(UTLabel,{className:o.drawerTitle},r),React.createElement(UTLabel,{className:o.drawerSubtitle},l))):React.createElement(UTTouchableWithoutFeedback,{onClick:a},renderIcon(t,MenuIcon,o.menuIcon)))};Toggler.propTypes={classes:classType,IconClosed:oneOfType([iconType,string]),IconOpen:oneOfType([iconType,string]),open:bool,subtitle:string,title:string,toggleDrawer:func};export default memo(Toggler);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},_extends.apply(null,arguments)}import React,{
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},_extends.apply(null,arguments)}import React,{useMemo}from"react";import{bool,elementType,func,objectOf,oneOfType,string}from"prop-types";import Backdrop from"@material-ui/core/Backdrop";import Drawer from"@material-ui/core/Drawer";import List from"@material-ui/core/List";import ScrollBar from"react-perfect-scrollbar";import"react-perfect-scrollbar/dist/css/styles.css";import{isEmpty}from"@widergy/web-utils/lib/array";import{useScreenSize}from"../../utils/useScreenSize";import{mergeMultipleClassNames}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import{classType,iconType,optionsType}from"./types";import{retrieveStyle}from"./theme";import ListOption from"./components/ListOption";import LogosContainer from"./components/LogosContainer";import DynamicIcon from"./components/LogosContainer/components/DynamicIcon";import Option from"./components/Option";import Toggler from"./components/Toggler";import styles from"./styles.module.scss";const UTSidebar=e=>{let{Background:o,badgeContent:t,BigLogo:s,classes:n,classNames:r,collapsible:l=!0,docked:a,Footer:i,FooterBigLogo:c,FooterSmallLogo:p,handleClose:m,handleOpen:g,handleRedirect:d,isSelected:y,labelAlwaysVisible:f,location:u,open:b,options:T,SmallLogo:L,subtitle:C,title:h,TogglerIconClosed:w,TogglerIconOpen:O,withMouseActions:S,withoutToggler:B,withTooltip:R}=e;const{isTabletOrDesktop:E}=useScreenSize(),N=null!=a?a:E,k=useMemo(()=>mergeMultipleClassNames(n,r),[r]),D=!l||b,I=l&&!B,v=()=>b?m():g();return React.createElement(React.Fragment,null,React.createElement(Drawer,{open:N||b,variant:N?"persistent":"temporary",classes:{root:k.drawerRoot,paper:"\n ".concat(k.drawer,"\n ").concat(styles.drawer,"\n ").concat(D?k.openedDrawer:styles.removeShadow,"\n ")},ModalProps:{onClose:m},onMouseLeave:()=>S&&m(),onMouseEnter:()=>S&&g()},o&&React.createElement(DynamicIcon,{Icon:o,className:"".concat(styles.background," ").concat(k.background||"")}),(s||L)&&React.createElement(LogosContainer,{badgeClassName:D?k.logoBadgeOpen:k.logoBadgeClose,badgeContent:t,BigLogo:s,SmallLogo:L,bigLogoClassName:k.bigLogo,smallLogoClassName:k.smallLogo,containerClassName:k.logoContainer,showBigLogo:D}),I&&React.createElement(Toggler,{toggleDrawer:v,open:D,classes:k,IconClosed:w,IconOpen:O,title:h,subtitle:C}),React.createElement("div",{className:styles.sidebarContent},React.createElement(List,{className:"".concat(k.list," ").concat(D&&k.listOpened," ").concat(styles.list)},React.createElement(ScrollBar,{className:"".concat(!D&&styles.scrollbarClosed," ").concat(k.listScrollbar),options:{suppressScrollX:!0}},T.map(e=>{let{key:o,show:t=!0,options:s,...n}=e;if(!t)return!1;const r=!isEmpty(s),l=r&&s.filter(e=>e.show);if(r&&isEmpty(l))return!1;const a=isEmpty(s)?Option:ListOption;return React.createElement(a,_extends({classes:k,handleClose:m,handleRedirect:d,isSelected:y,key:o,labelAlwaysVisible:f,location:u,open:D,openDrawer:g,options:l,withTooltip:R},n))}))),i&&React.createElement(i,null),c&&p&&React.createElement(LogosContainer,{BigLogo:c,SmallLogo:p,bigLogoClassName:k.footerBigLogo,smallLogoClassName:k.footerSmallLogo,containerClassName:k.footerLogoContainer,showBigLogo:D}))),React.createElement(Backdrop,{open:l&&N&&b,className:styles.backdrop,onClick:v}))};UTSidebar.propTypes={Background:oneOfType([iconType,string]),badgeContent:string,BigLogo:oneOfType([iconType,string]),classes:classType,classNames:objectOf(string),collapsible:bool,docked:bool,Footer:elementType,FooterBigLogo:oneOfType([iconType,string]),FooterSmallLogo:oneOfType([iconType,string]),handleClose:func,handleOpen:func,handleRedirect:func,isSelected:func,labelAlwaysVisible:bool,location:string,open:bool,options:optionsType,SmallLogo:oneOfType([iconType,string]),subtitle:string,title:string,TogglerIconClosed:oneOfType([iconType,string]),TogglerIconOpen:oneOfType([iconType,string]),withMouseActions:bool,withoutToggler:bool,withTooltip:bool};export default WithTheme(retrieveStyle)(UTSidebar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{arrayOf,elementType,shape,string,oneOfType,func,bool}from"prop-types";export const classType=shape({bigLogo:string,closeDrawerContainer:string,closeIcon:string,drawer:string,drawerSubtitle:string,drawerTitle:string,list:string,listOpened:string,logoContainer:string,menuIcon:string,smallLogo:string,selectedMarker:string,selectedMarkerOpened:string,openedDrawer:string,option:string,optionIcon:string,optionIconSelected:string,optionIconContainer:string,optionIconContainerSelected:string,optionLabel:string,optionLabelBottom:string,optionLabelBottomSelected:string,optionLabelSelected:string,optionSelected:string,togglerContainer:string});export const iconType=oneOfType([func,elementType]);export const subOptionType=shape({dataTestId:string,id:string,key:string,label:string,link:string,show:bool});export const optionType=shape({id:string,key:string,IconActive:elementType,IconInactive:elementType,link:string,label:string,show:bool,options:arrayOf(subOptionType)});export const optionsType=arrayOf(optionType);
|
|
1
|
+
import{arrayOf,elementType,shape,string,oneOfType,func,bool}from"prop-types";export const classType=shape({background:string,bigLogo:string,closeDrawerContainer:string,closeIcon:string,drawer:string,drawerRoot:string,drawerSubtitle:string,drawerTitle:string,list:string,listOpened:string,logoContainer:string,menuIcon:string,smallLogo:string,selectedMarker:string,selectedMarkerOpened:string,openedDrawer:string,option:string,optionIcon:string,optionIconSelected:string,optionIconContainer:string,optionIconContainerSelected:string,optionLabel:string,optionLabelBottom:string,optionLabelBottomSelected:string,optionLabelSelected:string,optionSelected:string,optionMenu:string,subOption:string,subOptionIcon:string,subOptionIconContainer:string,subOptionLabel:string,subOptionLabelSelected:string,subOptionSelected:string,togglerContainer:string});export const iconType=oneOfType([func,elementType]);export const subOptionType=shape({dataTestId:string,iconClassName:string,id:oneOfType([string,arrayOf(string)]),key:string,label:string,link:string,onClick:func,show:bool});export const optionType=shape({iconClassName:string,id:oneOfType([string,arrayOf(string)]),key:string,IconActive:elementType,IconInactive:elementType,link:string,label:string,onClick:func,show:bool,options:arrayOf(subOptionType)});export const optionsType=arrayOf(optionType);
|