@widergy/energy-ui 3.185.0 → 3.186.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/components/UTSearchField/index.js +1 -1
- package/dist/components/UTSidebar/components/ListOption/index.js +1 -1
- package/dist/components/UTSidebar/components/Option/index.js +1 -1
- package/dist/esm/components/UTSearchField/index.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/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
## [3.186.1](https://github.com/widergy/energy-ui/compare/v3.186.0...v3.186.1) (2026-09-15)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* [CX-99999] size sidebar submenu from its content height ([#862](https://github.com/widergy/energy-ui/issues/862)) ([a8df1a3](https://github.com/widergy/energy-ui/commit/a8df1a3e54e5d05f546a01b8f622a8031e619c88))
|
|
7
|
+
|
|
8
|
+
# [3.186.0](https://github.com/widergy/energy-ui/compare/v3.185.0...v3.186.0) (2026-09-11)
|
|
9
|
+
|
|
10
|
+
### Novedades y Mejoras
|
|
11
|
+
|
|
12
|
+
* Se mejoró el campo de búsqueda para permitir un control más preciso desde el exterior del componente, facilitando integraciones y flujos de navegación más fluidos. [#861](https://github.com/widergy/Energy-UI/pull/861) [AXCH-2339](https://widergy.atlassian.net/browse/AXCH-2339)
|
|
13
|
+
|
|
1
14
|
# [3.185.0](https://github.com/widergy/energy-ui/compare/v3.184.1...v3.185.0) (2026-09-11)
|
|
2
15
|
|
|
3
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.propTypes=exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_constants=require("../UTBaseInputField/constants"),_UTBaseInputField=_interopRequireDefault(require("../UTBaseInputField")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTSearchField=e=>{let{classes:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.propTypes=exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_constants=require("../UTBaseInputField/constants"),_UTBaseInputField=_interopRequireDefault(require("../UTBaseInputField")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTSearchField=e=>{let{classes:p,className:r,customAction:s,dataKeyboard:t,dataTestId:o,disabled:a,id:n,inputRef:i,onBlur:u,onChange:l=()=>{},onFocus:c,placeholder:d,size:_,type:T,value:y=null,variant:h="gray"}=e;const f={Icon:"IconX",onClick:()=>{l("")},size:"small"},g=[{name:_constants.COMPONENT_KEYS.ICON,props:{Icon:"IconSearch",changeOnFocus:!0,shade:"02"}}],m=y||s?[{name:_constants.COMPONENT_KEYS.ACTION,props:{action:s||f}}]:[];return _react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:{container:"".concat(_stylesModule.default.container," ").concat(r),input:p.input},dataKeyboard:t||"search",dataTestId:o,disabled:a,id:n,inputRef:i,inputSize:_,leftAdornments:g,onBlur:u,onChange:l,onFocus:c,placeholder:d,rightAdornments:m,type:T,value:y,variant:h})},propTypes=exports.propTypes={className:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),customAction:(0,_propTypes.shape)({Icon:_propTypes.string,onClick:_propTypes.func,size:_propTypes.string}),dataKeyboard:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,id:_propTypes.string,inputRef:(0,_propTypes.oneOfType)([_propTypes.func,(0,_propTypes.shape)({current:_propTypes.object})]),onBlur:_propTypes.func,onChange:_propTypes.func,onFocus:_propTypes.func,placeholder:_propTypes.string,size:_propTypes.string,type:_propTypes.string,value:_propTypes.string,variant:_propTypes.string};UTSearchField.propTypes=propTypes;var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTSearchField);
|
|
@@ -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 o=new WeakMap,
|
|
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,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,s,p={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return p;if(n=t?r:o){if(n.has(e))return n.get(e);n.set(e,p)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?n(p,t,s):p[t]=e[t]);return p})(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[r,n]=o;return e[n]?{...t,[r]:e[n]}:t},e),ListOption=e=>{let{classes:t,dataTestId:o,handleClose:r,handleRedirect:n,IconActive:s,IconInactive:p,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)(),I=(0,_react.useMemo)(()=>buildSubOptionClasses(t),[t]);(0,_react.useEffect)(()=>{y||O(!1)},[y]);const g=(0,_react.useMemo)(()=>T&&y&&m.current?m.current.scrollHeight:0,[T,y]),v=(0,_react.useMemo)(()=>c||((e,t)=>e.link===t),[c]),C=(0,_react.useMemo)(()=>b.some(e=>v(e,_)),[_,v,b]);return _react.default.createElement("div",null,_react.default.createElement(_Option.default,{classes:t,dataTestId:o,IconActive:s,IconInactive:p,iconClassName:i,iconProps:l,id:a,isSelectedGroup:C&&(!y||!T),label:u,labelAlwaysVisible:d,location:_,onClick:()=>{y?O(!T):(f(),O(!0))},open:y,toggleArrowActive:T,withToggleArrow:!0}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.optionMenu," ").concat(t.optionMenu||""),ref:m,style:{height:g}},b.map(e=>_react.default.createElement(_Option.default,{classes:I,dataTestId:e.dataTestId,handleClose:r,handleRedirect:n,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,c,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(a=t?n:o){if(a.has(e))return a.get(e);a.set(e,r)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((c=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(c.get||c.set)?a(r,t,c):r[t]=e[t]);return r})(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:c,IconInactive:r,iconClassName:l,iconProps:p,id:i,isSelected:s,isSelectedGroup:u,label:d,labelAlwaysVisible:_,link:y,location:f,onClick:T,open:m,toggleArrowActive:I,withToggleArrow:g,withTooltip:b}=e;const q=u||(s?s({id:i,link:y},f):y===f),v=b?_UTTooltip.default:_react.Fragment,M=b&&{..._constants.TOOLTIP_CONFIG,content:_react.default.createElement(_UTLabel.default,{className:t.tooltipLabel},d),className:t.tooltip};return _react.default.createElement(v,M,_react.default.createElement(_ListItem.default,{"data-testid":o,className:"\n ".concat(_stylesModule.default.option,"\n ").concat(t.option,"\n ").concat(q&&"".concat(_stylesModule.default.optionSelected," ").concat(t.optionSelected),"\n ").concat(q&&m&&t.optionSelectedOpened,"\n ").concat(q&&!u&&!b&&_stylesModule.default.removeEvents,"\n "),onClick:T||(()=>{a(y),n&&n()})},_react.default.createElement(_ListItemIcon.default,{className:"\n ".concat(t.optionIconContainer,"\n ").concat(q&&"".concat(t.optionIconContainerSelected," ").concat(_stylesModule.default.optionIconContainerSelected),"\n ").concat(_stylesModule.default.optionIconContainer,"\n ")},r&&((0,_componentUtils.isUTIcon)(r)?_react.default.createElement(_UTIcon.default,_extends({name:r,className:"".concat(t.optionIcon," ").concat(_stylesModule.default.optionIcon," ").concat(l||"")},(null==p?void 0:p.inactive)||{})):_react.default.createElement(r,{className:"".concat(t.optionIcon," ").concat(_stylesModule.default.optionIcon," ").concat(l||"")})),c&&((0,_componentUtils.isUTIcon)(c)?_react.default.createElement(_UTIcon.default,_extends({name:c,className:"".concat(t.optionIcon," ").concat(_stylesModule.default.optionIconSelected," ").concat(t.optionIconSelected," ").concat(l||"")},(null==p?void 0:p.active)||{})):_react.default.createElement(c,{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(q&&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(q&&t.optionLabelBottomSelected,"\n "),primary:d}),m&&g&&_react.default.createElement(_ExpandMore.default,{className:"\n ".concat(_stylesModule.default.toggleArrow,"\n ").concat(t.toggleArrow,"\n ").concat(I&&_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,toggleArrowActive:_propTypes.bool,withToggleArrow:_propTypes.bool,withTooltip:_propTypes.bool};var _default=exports.default=(0,_react.memo)(Option);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{string,bool,func,objectOf,shape}from"prop-types";import React from"react";import{COMPONENT_KEYS}from"../UTBaseInputField/constants";import UTBaseInputField from"../UTBaseInputField";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const UTSearchField=e=>{let{classes:t,className:
|
|
1
|
+
import{string,bool,func,object,objectOf,oneOfType,shape}from"prop-types";import React from"react";import{COMPONENT_KEYS}from"../UTBaseInputField/constants";import UTBaseInputField from"../UTBaseInputField";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const UTSearchField=e=>{let{classes:t,className:n,customAction:o,dataKeyboard:s,dataTestId:a,disabled:r,id:i,inputRef:c,onBlur:l,onChange:p=()=>{},onFocus:d,placeholder:u,size:m,type:h,value:f=null,variant:T="gray"}=e;const g={Icon:"IconX",onClick:()=>{p("")},size:"small"},y=[{name:COMPONENT_KEYS.ICON,props:{Icon:"IconSearch",changeOnFocus:!0,shade:"02"}}],I=f||o?[{name:COMPONENT_KEYS.ACTION,props:{action:o||g}}]:[];return React.createElement(UTBaseInputField,{alwaysShowPlaceholder:!0,classNames:{container:"".concat(styles.container," ").concat(n),input:t.input},dataKeyboard:s||"search",dataTestId:a,disabled:r,id:i,inputRef:c,inputSize:m,leftAdornments:y,onBlur:l,onChange:p,onFocus:d,placeholder:u,rightAdornments:I,type:h,value:f,variant:T})};export const propTypes={className:string,classes:objectOf(string),customAction:shape({Icon:string,onClick:func,size:string}),dataKeyboard:string,dataTestId:string,disabled:bool,id:string,inputRef:oneOfType([func,shape({current:object})]),onBlur:func,onChange:func,onFocus:func,placeholder:string,size:string,type:string,value:string,variant:string};UTSearchField.propTypes=propTypes;export default WithTheme(retrieveStyle)(UTSearchField);
|
|
@@ -1 +1 @@
|
|
|
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:
|
|
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:d,labelAlwaysVisible:u,location:b,open:m,openDrawer:O,options:f}=e;const[y,I]=useState(!1),S=useRef(),T=useMemo(()=>buildSubOptionClasses(t),[t]);useEffect(()=>{m||I(!1)},[m]);const C=useMemo(()=>y&&m&&S.current?S.current.scrollHeight:0,[y,m]),g=useMemo(()=>p||((e,t)=>e.link===t),[p]),h=useMemo(()=>f.some(e=>g(e,b)),[b,g,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&&(!m||!y),label:d,labelAlwaysVisible:u,location:b,onClick:()=>{m?I(!y):(O(),I(!0))},open:m,toggleArrowActive:y,withToggleArrow:!0}),React.createElement("div",{className:"".concat(styles.optionMenu," ").concat(t.optionMenu||""),ref:S,style:{height:C}},f.map(e=>React.createElement(Option,{classes:T,dataTestId:e.dataTestId,handleClose:n,handleRedirect:s,iconClassName:e.iconClassName,id:e.id,isSelected:p,key:e.key,label:e.label,labelAlwaysVisible:u,link:e.link,location:b,onClick:e.onClick,open:m}))))};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{arrayOf,string,bool,func,
|
|
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,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:m,isSelectedGroup:p,label:d,labelAlwaysVisible:I,link:T,location:y,onClick:g,open:b,toggleArrowActive:f,withToggleArrow:u,withTooltip:h}=e;const L=p||(m?m({id:r,link:T},y):T===y),v=h?UTTooltip:Fragment,O=h&&{...TOOLTIP_CONFIG,content:React.createElement(UTLabel,{className:t.tooltipLabel},d),className:t.tooltip};return React.createElement(v,O,React.createElement(ListItem,{"data-testid":o,className:"\n ".concat(styles.option,"\n ").concat(t.option,"\n ").concat(L&&"".concat(styles.optionSelected," ").concat(t.optionSelected),"\n ").concat(L&&b&&t.optionSelectedOpened,"\n ").concat(L&&!p&&!h&&styles.removeEvents,"\n "),onClick:g||(()=>{c(T),n&&n()})},React.createElement(ListItemIcon,{className:"\n ".concat(t.optionIconContainer,"\n ").concat(L&&"".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(L&&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(L&&t.optionLabelBottomSelected,"\n "),primary:d}),b&&u&&React.createElement(ExpandMoreIcon,{className:"\n ".concat(styles.toggleArrow,"\n ").concat(t.toggleArrow,"\n ").concat(f&&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,toggleArrowActive:bool,withToggleArrow:bool,withTooltip:bool};export default memo(Option);
|