@widergy/energy-ui 3.186.0 → 3.187.0

package/CHANGELOG.md

@@ -1,9 +1,30 @@
-# [3.186.0](https://github.com/widergy/energy-ui/compare/v3.185.0...v3.186.0) (2026-09-11)
+# [3.187.0](https://github.com/widergy/energy-ui/compare/v3.186.1...v3.187.0) (2026-09-16)
+
+
+### Bug Fixes
+
+* [WDS] status message showBanner default ([#865](https://github.com/widergy/energy-ui/issues/865)) ([8807eb3](https://github.com/widergy/energy-ui/commit/8807eb32faf74848252c0d0334571fbde6c280f6))
 
 
 ### Features
 
-* [AXCH-2339] input ref in utsearchfield ([#861](https://github.com/widergy/energy-ui/issues/861)) ([bb308a7](https://github.com/widergy/energy-ui/commit/bb308a72c34222b785c8685465727f1707de38aa))
+* [CFE-93] Adding custom styles to UTAction ([#863](https://github.com/widergy/energy-ui/issues/863)) ([c2a2869](https://github.com/widergy/energy-ui/commit/c2a2869310dee6e587c6b1c3d2f0a98cd5901d6b))
+
+## [3.186.1](https://github.com/widergy/energy-ui/compare/v3.186.0...v3.186.1) (2026-09-15)
+
+### Correcciones
+
+* Se corrigió un espacio en blanco que aparecía debajo de los submenús de la barra lateral. El tamaño ahora se ajusta correctamente al contenido visible. [#862](https://github.com/widergy/Energy-UI/pull/862) [CX-99999](https://widergy.atlassian.net/browse/CX-99999)
+
+### Novedades y Mejoras
+
+* Mejoras internas de la plataforma. [`2d2f265`](https://github.com/widergy/Energy-UI/commit/2d2f265)
+
+# [3.186.0](https://github.com/widergy/energy-ui/compare/v3.185.0...v3.186.0) (2026-09-11)
+
+### Novedades y Mejoras
+
+* 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)
 
 # [3.185.0](https://github.com/widergy/energy-ui/compare/v3.184.1...v3.185.0) (2026-09-11)
 

package/dist/components/UTActionCard/components/BottomActions/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_REDIRECTION_ICON=void 0;const DEFAULT_REDIRECTION_ICON=exports.DEFAULT_REDIRECTION_ICON="IconChevronRight";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_REDIRECTION_ICON=exports.DEFAULT_ACTION_VARIANT=exports.DEFAULT_ACTION_COLOR_THEME=void 0;var _constants=require("../../../UTButton/constants");const DEFAULT_REDIRECTION_ICON=exports.DEFAULT_REDIRECTION_ICON="IconChevronRight",DEFAULT_ACTION_COLOR_THEME=exports.DEFAULT_ACTION_COLOR_THEME="primary",DEFAULT_ACTION_VARIANT=exports.DEFAULT_ACTION_VARIANT=_constants.VARIANTS_NAMES.text;

package/dist/components/UTActionCard/components/BottomActions/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Divider=_interopRequireDefault(require("@material-ui/core/Divider")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_constants=require("../../constants"),_constants2=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,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?r:o){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(s,t,a):s[t]=e[t]);return s})(e,t)}const BottomActions=e=>{let{actions:t=[],bottomActionsVariant:o,size:r}=e;const n=t.length>2?_constants.ACTION_TYPES.REDIRECTION:o||_constants.ACTION_TYPES.DEFAULT;return _react.default.createElement("div",{className:_stylesModule.default.actionsContainer},t.map((e,o)=>{let{colorTheme:a="primary",dataTestId:s,disabled:l,Icon:i,label:c,loading:u,onClick:p}=e;return _react.default.createElement(_react.Fragment,{key:c},_react.default.createElement(_UTButton.default,{classNames:{childrenContainer:"".concat(n===_constants.ACTION_TYPES.REDIRECTION&&_stylesModule.default.redirectionChildrenContainer," "),root:"".concat(_stylesModule.default.actionButton," ").concat(n===_constants.ACTION_TYPES.REDIRECTION&&_stylesModule.default.fullWidth," ").concat(r===_constants.SIZES.MEDIUM&&_stylesModule.default.mediumPadding),text:"".concat(n===_constants.ACTION_TYPES.REDIRECTION?_stylesModule.default.redirectionText:_stylesModule.default.defaultText)},colorTheme:a,dataTestId:s,disabled:l,Icon:n===_constants.ACTION_TYPES.REDIRECTION?i||_constants2.DEFAULT_REDIRECTION_ICON:i,iconPlacement:n===_constants.ACTION_TYPES.REDIRECTION?"right":"left",loading:u,onClick:p,size:"large",variant:"text"},c),t.length>1&&o<t.length-1&&_react.default.createElement(_Divider.default,{className:_stylesModule.default.divider}))}))};BottomActions.propTypes={actions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),bottomActionsVariant:_propTypes.string,size:_propTypes.string};var _default=exports.default=(0,_react.memo)(BottomActions);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Divider=_interopRequireDefault(require("@material-ui/core/Divider")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_constants=require("../../../UTButton/constants"),_constants2=require("../../constants"),_constants3=require("./constants"),_utils=require("./utils"),_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,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,s,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?n(a,t,s):a[t]=e[t]);return a})(e,t)}const BottomActions=e=>{let{actions:t=[],bottomActionsVariant:r,size:o}=e;const n=t.length>2?_constants2.ACTION_TYPES.REDIRECTION:r||_constants2.ACTION_TYPES.DEFAULT,s=(0,_utils.getActionClassNames)({size:o,type:n});return _react.default.createElement("div",{className:_stylesModule.default.actionsContainer},t.map((e,r)=>{let{colorTheme:o=_constants3.DEFAULT_ACTION_COLOR_THEME,dataTestId:a,disabled:i,Icon:l,label:p,loading:_,onClick:c,variant:u=_constants3.DEFAULT_ACTION_VARIANT}=e;return _react.default.createElement(_react.Fragment,{key:p},_react.default.createElement(_UTButton.default,{classNames:s,colorTheme:o,dataTestId:a,disabled:i,Icon:n===_constants2.ACTION_TYPES.REDIRECTION?l||_constants3.DEFAULT_REDIRECTION_ICON:l,iconPlacement:n===_constants2.ACTION_TYPES.REDIRECTION?"right":"left",loading:_,onClick:c,size:"large",variant:u},p),t.length>1&&r<t.length-1&&_react.default.createElement(_Divider.default,{className:_stylesModule.default.divider}))}))};BottomActions.propTypes={actions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func,variant:(0,_propTypes.oneOf)(Object.values(_constants.VARIANTS_NAMES))})),bottomActionsVariant:_propTypes.string,size:_propTypes.string};var _default=exports.default=(0,_react.memo)(BottomActions);

package/dist/components/UTActionCard/components/BottomActions/styles.module.scss

@@ -6,6 +6,7 @@ $default-border-color: #e7e7e7;
 }
 
 .actionButton {
+  border-radius: 0;
   flex: 1;
   width: 100%;
 

package/dist/components/UTActionCard/components/BottomActions/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getActionClassNames=void 0;var _constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const joinClassNames=function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];return t.filter(Boolean).join(" ")},getActionClassNames=e=>{let{size:t,type:s}=e;const l=s===_constants.ACTION_TYPES.REDIRECTION;return{childrenContainer:joinClassNames(l&&_stylesModule.default.redirectionChildrenContainer),root:joinClassNames(_stylesModule.default.actionButton,l&&_stylesModule.default.fullWidth,t===_constants.SIZES.MEDIUM&&_stylesModule.default.mediumPadding),text:l?_stylesModule.default.redirectionText:_stylesModule.default.defaultText}};exports.getActionClassNames=getActionClassNames;

package/dist/components/UTActionCard/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_object=require("@widergy/web-utils/lib/object"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../UTTouchableWithoutFeedback")),_BottomActions=_interopRequireDefault(require("./components/BottomActions")),_AdditionalMessage=_interopRequireDefault(require("./components/AdditionalMessage")),_Header=_interopRequireDefault(require("./components/Header")),_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 s=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(r=t?o:s){if(r.has(e))return r.get(e);r.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?r(a,t,n):a[t]=e[t]);return a})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var o in s)({}).hasOwnProperty.call(s,o)&&(e[o]=s[o])}return e},_extends.apply(null,arguments)}const UTActionCard=e=>{let{additionalMessage:t,adornment:s,BackgroundImage:o,bottomActions:r,bottomActionsVariant:n,children:a,classNames:p={},description:i,descriptionProps:c={},headerActions:_,headerActionsProps:l={variant:_constants.HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:d=!1,mainAction:T,size:u=_constants.SIZES.MEDIUM,status:y,statusAlignment:f,statusLabel:g,testIds:E={},title:A,titleProps:m={},withBodyPadding:b=!0}=e;const[h,P]=(0,_react.useState)(!0),{backgroundDataTestId:S,containerDataTestId:I,statusDataTestId:C}=E;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.cardContainer," ").concat(p.container)},_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"".concat(_stylesModule.default.innerContainer," ").concat(p.innerContainer," ").concat(T?"".concat(_stylesModule.default.withMainAction," ").concat(h&&"".concat(_stylesModule.default.mainActionHover," ").concat(p.mainActionHover)):_stylesModule.default.withoutMainAction),dataTestId:I,onClick:()=>null==T?void 0:T()},o&&_react.default.createElement(o,{className:"".concat(_stylesModule.default.backgroundImage," ").concat(p.backgroundImage),"data-testid":S}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerAndChildrenContainer," ").concat(p.headerAndChildrenContainer)},!d&&_react.default.createElement(_Header.default,{adornment:s,classNames:p,description:i,descriptionProps:c,headerActions:_,headerActionsProps:l,mainAction:T,setMainActionHoverVisible:P,size:u,status:y,statusAlignment:f,statusDataTestId:C,statusLabel:g,title:A,titleProps:m}),a&&_react.default.createElement("div",{className:"".concat(d?_stylesModule.default.withoutHeader:""," ").concat(b?_stylesModule.default["bodyPadding-".concat(u)]:_stylesModule.default["withoutBodyPadding-".concat(u)])},a))),!(0,_object.objectIsEmpty)(t)&&_react.default.createElement(_AdditionalMessage.default,_extends({},t,{size:u})),!(0,_array.isEmpty)(r)&&_react.default.createElement(_BottomActions.default,{actions:r,bottomActionsVariant:n,size:u}))};UTActionCard.propTypes={additionalMessage:(0,_propTypes.shape)({Icon:_propTypes.elementType,iconProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,size:_propTypes.string}),labelProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),message:_propTypes.string}),adornment:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),position:_propTypes.string,props:_propTypes.object,type:_propTypes.string}),BackgroundImage:_propTypes.elementType,bottomActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,disabled:_propTypes.bool,Icon:_propTypes.elementType,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),bottomActionsVariant:(0,_propTypes.oneOf)([_constants.ACTION_TYPES.DEFAULT,_constants.ACTION_TYPES.REDIRECTION]),classNames:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,descriptionProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconProps:_propTypes.string,id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string,size:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:_propTypes.bool,mainAction:_propTypes.func,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL]),status:_propTypes.string,statusLabel:_propTypes.string,statusAlignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),testIds:(0,_propTypes.shape)({backgroundDataTestId:_propTypes.string,containerDataTestId:_propTypes.string,statusDataTestId:_propTypes.string}),title:_propTypes.string,titleProps:(0,_propTypes.shape)({variant:_propTypes.string,weight:_propTypes.string}),withBodyPadding:_propTypes.bool};var _default=exports.default=(0,_react.memo)(UTActionCard);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_object=require("@widergy/web-utils/lib/object"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../UTTouchableWithoutFeedback")),_constants=require("../UTButton/constants"),_BottomActions=_interopRequireDefault(require("./components/BottomActions")),_AdditionalMessage=_interopRequireDefault(require("./components/AdditionalMessage")),_Header=_interopRequireDefault(require("./components/Header")),_constants2=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 s=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(r=t?o:s){if(r.has(e))return r.get(e);r.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?r(a,t,n):a[t]=e[t]);return a})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var o in s)({}).hasOwnProperty.call(s,o)&&(e[o]=s[o])}return e},_extends.apply(null,arguments)}const UTActionCard=e=>{let{additionalMessage:t,adornment:s,BackgroundImage:o,bottomActions:r,bottomActionsVariant:n,children:a,classNames:p={},description:i,descriptionProps:c={},headerActions:_,headerActionsProps:l={variant:_constants2.HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:d=!1,mainAction:T,size:u=_constants2.SIZES.MEDIUM,status:y,statusAlignment:f,statusLabel:A,testIds:E={},title:g,titleProps:m={},withBodyPadding:b=!0}=e;const[h,P]=(0,_react.useState)(!0),{backgroundDataTestId:S,containerDataTestId:I,statusDataTestId:C}=E;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.cardContainer," ").concat(p.container)},_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"".concat(_stylesModule.default.innerContainer," ").concat(p.innerContainer," ").concat(T?"".concat(_stylesModule.default.withMainAction," ").concat(h&&"".concat(_stylesModule.default.mainActionHover," ").concat(p.mainActionHover)):_stylesModule.default.withoutMainAction),dataTestId:I,onClick:()=>null==T?void 0:T()},o&&_react.default.createElement(o,{className:"".concat(_stylesModule.default.backgroundImage," ").concat(p.backgroundImage),"data-testid":S}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerAndChildrenContainer," ").concat(p.headerAndChildrenContainer)},!d&&_react.default.createElement(_Header.default,{adornment:s,classNames:p,description:i,descriptionProps:c,headerActions:_,headerActionsProps:l,mainAction:T,setMainActionHoverVisible:P,size:u,status:y,statusAlignment:f,statusDataTestId:C,statusLabel:A,title:g,titleProps:m}),a&&_react.default.createElement("div",{className:"".concat(d?_stylesModule.default.withoutHeader:""," ").concat(b?_stylesModule.default["bodyPadding-".concat(u)]:_stylesModule.default["withoutBodyPadding-".concat(u)])},a))),!(0,_object.objectIsEmpty)(t)&&_react.default.createElement(_AdditionalMessage.default,_extends({},t,{size:u})),!(0,_array.isEmpty)(r)&&_react.default.createElement(_BottomActions.default,{actions:r,bottomActionsVariant:n,size:u}))};UTActionCard.propTypes={additionalMessage:(0,_propTypes.shape)({Icon:_propTypes.elementType,iconProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,size:_propTypes.string}),labelProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),message:_propTypes.string}),adornment:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants2.PLACE_SELF_TYPES.CENTER,_constants2.PLACE_SELF_TYPES.END,_constants2.PLACE_SELF_TYPES.START]),position:_propTypes.string,props:_propTypes.object,type:_propTypes.string}),BackgroundImage:_propTypes.elementType,bottomActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,disabled:_propTypes.bool,Icon:_propTypes.elementType,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func,variant:(0,_propTypes.oneOf)(Object.values(_constants.VARIANTS_NAMES))})),bottomActionsVariant:(0,_propTypes.oneOf)([_constants2.ACTION_TYPES.DEFAULT,_constants2.ACTION_TYPES.REDIRECTION]),classNames:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,descriptionProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconProps:_propTypes.string,id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants2.PLACE_SELF_TYPES.CENTER,_constants2.PLACE_SELF_TYPES.END,_constants2.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string,size:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants2.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants2.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:_propTypes.bool,mainAction:_propTypes.func,size:(0,_propTypes.oneOf)([_constants2.SIZES.MEDIUM,_constants2.SIZES.SMALL]),status:_propTypes.string,statusLabel:_propTypes.string,statusAlignment:(0,_propTypes.oneOf)([_constants2.PLACE_SELF_TYPES.CENTER,_constants2.PLACE_SELF_TYPES.END,_constants2.PLACE_SELF_TYPES.START]),testIds:(0,_propTypes.shape)({backgroundDataTestId:_propTypes.string,containerDataTestId:_propTypes.string,statusDataTestId:_propTypes.string}),title:_propTypes.string,titleProps:(0,_propTypes.shape)({variant:_propTypes.string,weight:_propTypes.string}),withBodyPadding:_propTypes.bool};var _default=exports.default=(0,_react.memo)(UTActionCard);

package/dist/components/UTSidebar/components/ListOption/index.js

@@ -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,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);
+"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);

package/dist/components/UTSidebar/components/Option/index.js

@@ -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,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);
+"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);

package/dist/components/UTStatusMessage/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("./constants");const getIconBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["01"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["01"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.light["03"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["01"],[_constants.COLOR_THEMES.GRADIENT]:"light",[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.light["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["02"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["02"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["02"]}[t]},getBannerBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.gray["05"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["03"]}[t]},getFlagBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.gray["03"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.negative["03"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["03"]}[t]},retrieveStyle=t=>{var n,o;let{showBanner:l=!0,theme:i,colorTheme:e=_constants.COLOR_THEMES.DEFAULT,flagColor:d,iconBackgroundColor:a,iconProps:s={}}=t;const E="linear-gradient(45deg, ".concat(null===(n=i.Palette)||void 0===n||null===(n=n.identityGradient)||void 0===n?void 0:n["01"]," 0%, ").concat(null===(o=i.Palette)||void 0===o||null===(o=o.identityGradient)||void 0===o?void 0:o["02"]," 100%);"),{size:v=40}=s;return{iconContainer:{alignItems:"center",background:e!==_constants.COLOR_THEMES.GRADIENT||l?"":E,backgroundColor:a||getIconBackgroundColor(e,i),borderRadius:100,display:"flex",height:1.85*v,justifyContent:"center",width:1.85*v},banner:{alignItems:"center",background:e===_constants.COLOR_THEMES.GRADIENT&&l?E:"",backgroundColor:l?getBannerBackgroundColor(e,i):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"},flag:{background:e===_constants.COLOR_THEMES.GRADIENT?E:"",backgroundColor:d||getFlagBackgroundColor(e,i),height:"var(--UT-statusMessage-flag-height, 8px)",width:"100%"}}};exports.retrieveStyle=retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("./constants");const getIconBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["01"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["01"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.light["03"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["01"],[_constants.COLOR_THEMES.GRADIENT]:"light",[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.light["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["02"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["02"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["02"]}[t]},getBannerBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.gray["05"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["03"]}[t]},getFlagBackgroundColor=(t,n)=>{var o,l,i,e,d,a,s,E,v,_,c,O,r;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(i=n.Palette)||void 0===i?void 0:i.gray["03"],[_constants.COLOR_THEMES.ERROR]:null===(e=n.Palette)||void 0===e?void 0:e.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(_=n.Palette)||void 0===_?void 0:_.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.negative["03"],[_constants.COLOR_THEMES.SUCCESS]:null===(O=n.Palette)||void 0===O?void 0:O.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(r=n.Palette)||void 0===r?void 0:r.warning["03"]}[t]},retrieveStyle=t=>{var n,o;let{showBanner:l=!1,theme:i,colorTheme:e=_constants.COLOR_THEMES.DEFAULT,flagColor:d,iconBackgroundColor:a,iconProps:s={}}=t;const E="linear-gradient(45deg, ".concat(null===(n=i.Palette)||void 0===n||null===(n=n.identityGradient)||void 0===n?void 0:n["01"]," 0%, ").concat(null===(o=i.Palette)||void 0===o||null===(o=o.identityGradient)||void 0===o?void 0:o["02"]," 100%);"),{size:v=40}=s;return{iconContainer:{alignItems:"center",background:e!==_constants.COLOR_THEMES.GRADIENT||l?"":E,backgroundColor:a||getIconBackgroundColor(e,i),borderRadius:100,display:"flex",height:1.85*v,justifyContent:"center",width:1.85*v},banner:{alignItems:"center",background:e===_constants.COLOR_THEMES.GRADIENT&&l?E:"",backgroundColor:l?getBannerBackgroundColor(e,i):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"},flag:{background:e===_constants.COLOR_THEMES.GRADIENT?E:"",backgroundColor:d||getFlagBackgroundColor(e,i),height:"var(--UT-statusMessage-flag-height, 8px)",width:"100%"}}};exports.retrieveStyle=retrieveStyle;

package/dist/esm/components/UTActionCard/components/BottomActions/constants.js

@@ -1 +1 @@
-export const DEFAULT_REDIRECTION_ICON="IconChevronRight";
+import{VARIANTS_NAMES}from"../../../UTButton/constants";export const DEFAULT_REDIRECTION_ICON="IconChevronRight";export const DEFAULT_ACTION_COLOR_THEME="primary";export const DEFAULT_ACTION_VARIANT=VARIANTS_NAMES.text;

package/dist/esm/components/UTActionCard/components/BottomActions/index.js

@@ -1 +1 @@
-import React,{Fragment,memo}from"react";import{arrayOf,bool,elementType,func,oneOfType,shape,string}from"prop-types";import Divider from"@material-ui/core/Divider";import UTButton from"../../../UTButton";import{ACTION_TYPES,SIZES}from"../../constants";import{DEFAULT_REDIRECTION_ICON}from"./constants";import styles from"./styles.module.scss";const BottomActions=t=>{let{actions:e=[],bottomActionsVariant:o,size:n}=t;const a=e.length>2?ACTION_TYPES.REDIRECTION:o||ACTION_TYPES.DEFAULT;return React.createElement("div",{className:styles.actionsContainer},e.map((t,o)=>{let{colorTheme:r="primary",dataTestId:i,disabled:s,Icon:c,label:l,loading:m,onClick:T}=t;return React.createElement(Fragment,{key:l},React.createElement(UTButton,{classNames:{childrenContainer:"".concat(a===ACTION_TYPES.REDIRECTION&&styles.redirectionChildrenContainer," "),root:"".concat(styles.actionButton," ").concat(a===ACTION_TYPES.REDIRECTION&&styles.fullWidth," ").concat(n===SIZES.MEDIUM&&styles.mediumPadding),text:"".concat(a===ACTION_TYPES.REDIRECTION?styles.redirectionText:styles.defaultText)},colorTheme:r,dataTestId:i,disabled:s,Icon:a===ACTION_TYPES.REDIRECTION?c||DEFAULT_REDIRECTION_ICON:c,iconPlacement:a===ACTION_TYPES.REDIRECTION?"right":"left",loading:m,onClick:T,size:"large",variant:"text"},l),e.length>1&&o<e.length-1&&React.createElement(Divider,{className:styles.divider}))}))};BottomActions.propTypes={actions:arrayOf(shape({colorTheme:string,dataTestId:string,disabled:bool,Icon:oneOfType([elementType,string]),label:string,loading:bool,onClick:func})),bottomActionsVariant:string,size:string};export default memo(BottomActions);
+import React,{Fragment,memo}from"react";import{arrayOf,bool,elementType,func,oneOf,oneOfType,shape,string}from"prop-types";import Divider from"@material-ui/core/Divider";import UTButton from"../../../UTButton";import{VARIANTS_NAMES}from"../../../UTButton/constants";import{ACTION_TYPES}from"../../constants";import{DEFAULT_ACTION_COLOR_THEME,DEFAULT_ACTION_VARIANT,DEFAULT_REDIRECTION_ICON}from"./constants";import{getActionClassNames}from"./utils";import styles from"./styles.module.scss";const BottomActions=t=>{let{actions:e=[],bottomActionsVariant:o,size:a}=t;const n=e.length>2?ACTION_TYPES.REDIRECTION:o||ACTION_TYPES.DEFAULT,s=getActionClassNames({size:a,type:n});return React.createElement("div",{className:styles.actionsContainer},e.map((t,o)=>{let{colorTheme:a=DEFAULT_ACTION_COLOR_THEME,dataTestId:r,disabled:i,Icon:l,label:m,loading:T,onClick:c,variant:A=DEFAULT_ACTION_VARIANT}=t;return React.createElement(Fragment,{key:m},React.createElement(UTButton,{classNames:s,colorTheme:a,dataTestId:r,disabled:i,Icon:n===ACTION_TYPES.REDIRECTION?l||DEFAULT_REDIRECTION_ICON:l,iconPlacement:n===ACTION_TYPES.REDIRECTION?"right":"left",loading:T,onClick:c,size:"large",variant:A},m),e.length>1&&o<e.length-1&&React.createElement(Divider,{className:styles.divider}))}))};BottomActions.propTypes={actions:arrayOf(shape({colorTheme:string,dataTestId:string,disabled:bool,Icon:oneOfType([elementType,string]),label:string,loading:bool,onClick:func,variant:oneOf(Object.values(VARIANTS_NAMES))})),bottomActionsVariant:string,size:string};export default memo(BottomActions);

package/dist/esm/components/UTActionCard/components/BottomActions/styles.module.scss

@@ -6,6 +6,7 @@ $default-border-color: #e7e7e7;
 }
 
 .actionButton {
+  border-radius: 0;
   flex: 1;
   width: 100%;
 

package/dist/esm/components/UTActionCard/components/BottomActions/utils.js

@@ -0,0 +1 @@
+import{ACTION_TYPES,SIZES}from"../../constants";import styles from"./styles.module.scss";const joinClassNames=function(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];return e.filter(Boolean).join(" ")};export const getActionClassNames=t=>{let{size:e,type:s}=t;const n=s===ACTION_TYPES.REDIRECTION;return{childrenContainer:joinClassNames(n&&styles.redirectionChildrenContainer),root:joinClassNames(styles.actionButton,n&&styles.fullWidth,e===SIZES.MEDIUM&&styles.mediumPadding),text:n?styles.redirectionText:styles.defaultText}};

package/dist/esm/components/UTActionCard/index.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var a in n)({}).hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},_extends.apply(null,arguments)}import React,{memo,useState}from"react";import{arrayOf,bool,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import BottomActions from"./components/BottomActions";import AdditionalMessage from"./components/AdditionalMessage";import Header from"./components/Header";import{ACTION_TYPES,HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES,SIZES}from"./constants";import styles from"./styles.module.scss";const UTActionCard=t=>{let{additionalMessage:e,adornment:n,BackgroundImage:a,bottomActions:o,bottomActionsVariant:s,children:i,classNames:r={},description:c,descriptionProps:l={},headerActions:d,headerActionsProps:m={variant:HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:E=!1,mainAction:p,size:T=SIZES.MEDIUM,status:A,statusAlignment:g,statusLabel:u,testIds:b={},title:h,titleProps:S={},withBodyPadding:P=!0}=t;const[y,I]=useState(!0),{backgroundDataTestId:_,containerDataTestId:f,statusDataTestId:C}=b;return React.createElement("div",{className:"".concat(styles.cardContainer," ").concat(r.container)},React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.innerContainer," ").concat(r.innerContainer," ").concat(p?"".concat(styles.withMainAction," ").concat(y&&"".concat(styles.mainActionHover," ").concat(r.mainActionHover)):styles.withoutMainAction),dataTestId:f,onClick:()=>null==p?void 0:p()},a&&React.createElement(a,{className:"".concat(styles.backgroundImage," ").concat(r.backgroundImage),"data-testid":_}),React.createElement("div",{className:"".concat(styles.headerAndChildrenContainer," ").concat(r.headerAndChildrenContainer)},!E&&React.createElement(Header,{adornment:n,classNames:r,description:c,descriptionProps:l,headerActions:d,headerActionsProps:m,mainAction:p,setMainActionHoverVisible:I,size:T,status:A,statusAlignment:g,statusDataTestId:C,statusLabel:u,title:h,titleProps:S}),i&&React.createElement("div",{className:"".concat(E?styles.withoutHeader:""," ").concat(P?styles["bodyPadding-".concat(T)]:styles["withoutBodyPadding-".concat(T)])},i))),!objectIsEmpty(e)&&React.createElement(AdditionalMessage,_extends({},e,{size:T})),!isEmpty(o)&&React.createElement(BottomActions,{actions:o,bottomActionsVariant:s,size:T}))};UTActionCard.propTypes={additionalMessage:shape({Icon:elementType,iconProps:shape({colorTheme:string,size:string}),labelProps:shape({colorTheme:string,variant:string}),message:string}),adornment:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),position:string,props:object,type:string}),BackgroundImage:elementType,bottomActions:arrayOf(shape({colorTheme:string,disabled:bool,Icon:elementType,label:string,loading:bool,onClick:func})),bottomActionsVariant:oneOf([ACTION_TYPES.DEFAULT,ACTION_TYPES.REDIRECTION]),classNames:objectOf(string),description:string,descriptionProps:shape({colorTheme:string,variant:string}),headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),iconProps:string,id:oneOfType([number,string]),label:string,loading:bool,onClick:func})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string,size:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:bool,mainAction:func,size:oneOf([SIZES.MEDIUM,SIZES.SMALL]),status:string,statusLabel:string,statusAlignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),testIds:shape({backgroundDataTestId:string,containerDataTestId:string,statusDataTestId:string}),title:string,titleProps:shape({variant:string,weight:string}),withBodyPadding:bool};export default memo(UTActionCard);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var a in n)({}).hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},_extends.apply(null,arguments)}import React,{memo,useState}from"react";import{arrayOf,bool,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import{VARIANTS_NAMES}from"../UTButton/constants";import BottomActions from"./components/BottomActions";import AdditionalMessage from"./components/AdditionalMessage";import Header from"./components/Header";import{ACTION_TYPES,HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES,SIZES}from"./constants";import styles from"./styles.module.scss";const UTActionCard=t=>{let{additionalMessage:e,adornment:n,BackgroundImage:a,bottomActions:o,bottomActionsVariant:s,children:i,classNames:r={},description:c,descriptionProps:l={},headerActions:d,headerActionsProps:m={variant:HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:A=!1,mainAction:E,size:p=SIZES.MEDIUM,status:T,statusAlignment:g,statusLabel:u,testIds:S={},title:b,titleProps:h={},withBodyPadding:P=!0}=t;const[I,y]=useState(!0),{backgroundDataTestId:_,containerDataTestId:f,statusDataTestId:C}=S;return React.createElement("div",{className:"".concat(styles.cardContainer," ").concat(r.container)},React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.innerContainer," ").concat(r.innerContainer," ").concat(E?"".concat(styles.withMainAction," ").concat(I&&"".concat(styles.mainActionHover," ").concat(r.mainActionHover)):styles.withoutMainAction),dataTestId:f,onClick:()=>null==E?void 0:E()},a&&React.createElement(a,{className:"".concat(styles.backgroundImage," ").concat(r.backgroundImage),"data-testid":_}),React.createElement("div",{className:"".concat(styles.headerAndChildrenContainer," ").concat(r.headerAndChildrenContainer)},!A&&React.createElement(Header,{adornment:n,classNames:r,description:c,descriptionProps:l,headerActions:d,headerActionsProps:m,mainAction:E,setMainActionHoverVisible:y,size:p,status:T,statusAlignment:g,statusDataTestId:C,statusLabel:u,title:b,titleProps:h}),i&&React.createElement("div",{className:"".concat(A?styles.withoutHeader:""," ").concat(P?styles["bodyPadding-".concat(p)]:styles["withoutBodyPadding-".concat(p)])},i))),!objectIsEmpty(e)&&React.createElement(AdditionalMessage,_extends({},e,{size:p})),!isEmpty(o)&&React.createElement(BottomActions,{actions:o,bottomActionsVariant:s,size:p}))};UTActionCard.propTypes={additionalMessage:shape({Icon:elementType,iconProps:shape({colorTheme:string,size:string}),labelProps:shape({colorTheme:string,variant:string}),message:string}),adornment:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),position:string,props:object,type:string}),BackgroundImage:elementType,bottomActions:arrayOf(shape({colorTheme:string,disabled:bool,Icon:elementType,label:string,loading:bool,onClick:func,variant:oneOf(Object.values(VARIANTS_NAMES))})),bottomActionsVariant:oneOf([ACTION_TYPES.DEFAULT,ACTION_TYPES.REDIRECTION]),classNames:objectOf(string),description:string,descriptionProps:shape({colorTheme:string,variant:string}),headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),iconProps:string,id:oneOfType([number,string]),label:string,loading:bool,onClick:func})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string,size:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:bool,mainAction:func,size:oneOf([SIZES.MEDIUM,SIZES.SMALL]),status:string,statusLabel:string,statusAlignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),testIds:shape({backgroundDataTestId:string,containerDataTestId:string,statusDataTestId:string}),title:string,titleProps:shape({variant:string,weight:string}),withBodyPadding:bool};export default memo(UTActionCard);

package/dist/esm/components/UTSidebar/components/ListOption/index.js

@@ -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: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);
+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);

package/dist/esm/components/UTSidebar/components/Option/index.js

@@ -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,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);
+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);

package/dist/esm/components/UTStatusMessage/theme.js

@@ -1 +1 @@
-import{COLOR_THEMES}from"./constants";const getIconBackgroundColor=(l,i)=>{var o,t,e,n,d,E,a,v,O,T,u,r,C;return{[COLOR_THEMES.ACCENT]:(null===(o=i.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["01"])||(null===(t=i.Palette)||void 0===t?void 0:t.accent["01"]),[COLOR_THEMES.DEFAULT]:null===(e=i.Palette)||void 0===e?void 0:e.light["03"],[COLOR_THEMES.ERROR]:null===(n=i.Palette)||void 0===n?void 0:n.error["01"],[COLOR_THEMES.GRADIENT]:"light",[COLOR_THEMES.GRAY]:null===(d=i.Palette)||void 0===d?void 0:d.light["03"],[COLOR_THEMES.IDENTITY_1]:null===(E=i.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["01"],[COLOR_THEMES.IDENTITY_2]:null===(a=i.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["02"],[COLOR_THEMES.IDENTITY_3]:null===(v=i.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["03"],[COLOR_THEMES.IDENTITY_4]:null===(O=i.Palette)||void 0===O||null===(O=O.identitySolid)||void 0===O?void 0:O["04"],[COLOR_THEMES.INFO]:null===(T=i.Palette)||void 0===T?void 0:T.information["02"],[COLOR_THEMES.NEGATIVE]:null===(u=i.Palette)||void 0===u?void 0:u.light["01"],[COLOR_THEMES.SUCCESS]:null===(r=i.Palette)||void 0===r?void 0:r.success["02"],[COLOR_THEMES.WARNING]:null===(C=i.Palette)||void 0===C?void 0:C.warning["02"]}[l]},getBannerBackgroundColor=(l,i)=>{var o,t,e,n,d,E,a,v,O,T,u,r,C;return{[COLOR_THEMES.ACCENT]:(null===(o=i.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(t=i.Palette)||void 0===t?void 0:t.accent["03"]),[COLOR_THEMES.DEFAULT]:null===(e=i.Palette)||void 0===e?void 0:e.gray["05"],[COLOR_THEMES.ERROR]:null===(n=i.Palette)||void 0===n?void 0:n.error["03"],[COLOR_THEMES.GRADIENT]:null,[COLOR_THEMES.GRAY]:null===(d=i.Palette)||void 0===d?void 0:d.gray["03"],[COLOR_THEMES.IDENTITY_1]:null===(E=i.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["01"],[COLOR_THEMES.IDENTITY_2]:null===(a=i.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["02"],[COLOR_THEMES.IDENTITY_3]:null===(v=i.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["03"],[COLOR_THEMES.IDENTITY_4]:null===(O=i.Palette)||void 0===O||null===(O=O.identitySolid)||void 0===O?void 0:O["04"],[COLOR_THEMES.INFO]:null===(T=i.Palette)||void 0===T?void 0:T.information["03"],[COLOR_THEMES.NEGATIVE]:null===(u=i.Palette)||void 0===u?void 0:u.light["01"],[COLOR_THEMES.SUCCESS]:null===(r=i.Palette)||void 0===r?void 0:r.success["03"],[COLOR_THEMES.WARNING]:null===(C=i.Palette)||void 0===C?void 0:C.warning["03"]}[l]},getFlagBackgroundColor=(l,i)=>{var o,t,e,n,d,E,a,v,O,T,u,r,C;return{[COLOR_THEMES.ACCENT]:(null===(o=i.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(t=i.Palette)||void 0===t?void 0:t.accent["03"]),[COLOR_THEMES.DEFAULT]:null===(e=i.Palette)||void 0===e?void 0:e.gray["03"],[COLOR_THEMES.ERROR]:null===(n=i.Palette)||void 0===n?void 0:n.error["03"],[COLOR_THEMES.GRADIENT]:null,[COLOR_THEMES.GRAY]:null===(d=i.Palette)||void 0===d?void 0:d.gray["03"],[COLOR_THEMES.IDENTITY_1]:null===(E=i.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["01"],[COLOR_THEMES.IDENTITY_2]:null===(a=i.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["02"],[COLOR_THEMES.IDENTITY_3]:null===(v=i.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["03"],[COLOR_THEMES.IDENTITY_4]:null===(O=i.Palette)||void 0===O||null===(O=O.identitySolid)||void 0===O?void 0:O["04"],[COLOR_THEMES.INFO]:null===(T=i.Palette)||void 0===T?void 0:T.information["03"],[COLOR_THEMES.NEGATIVE]:null===(u=i.Palette)||void 0===u?void 0:u.negative["03"],[COLOR_THEMES.SUCCESS]:null===(r=i.Palette)||void 0===r?void 0:r.success["03"],[COLOR_THEMES.WARNING]:null===(C=i.Palette)||void 0===C?void 0:C.warning["03"]}[l]};export const retrieveStyle=l=>{var i,o;let{showBanner:t=!0,theme:e,colorTheme:n=COLOR_THEMES.DEFAULT,flagColor:d,iconBackgroundColor:E,iconProps:a={}}=l;const v="linear-gradient(45deg, ".concat(null===(i=e.Palette)||void 0===i||null===(i=i.identityGradient)||void 0===i?void 0:i["01"]," 0%, ").concat(null===(o=e.Palette)||void 0===o||null===(o=o.identityGradient)||void 0===o?void 0:o["02"]," 100%);"),{size:O=40}=a;return{iconContainer:{alignItems:"center",background:n!==COLOR_THEMES.GRADIENT||t?"":v,backgroundColor:E||getIconBackgroundColor(n,e),borderRadius:100,display:"flex",height:1.85*O,justifyContent:"center",width:1.85*O},banner:{alignItems:"center",background:n===COLOR_THEMES.GRADIENT&&t?v:"",backgroundColor:t?getBannerBackgroundColor(n,e):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"},flag:{background:n===COLOR_THEMES.GRADIENT?v:"",backgroundColor:d||getFlagBackgroundColor(n,e),height:"var(--UT-statusMessage-flag-height, 8px)",width:"100%"}}};
+import{COLOR_THEMES}from"./constants";const getIconBackgroundColor=(l,i)=>{var o,t,e,n,d,E,a,v,O,T,u,r,C;return{[COLOR_THEMES.ACCENT]:(null===(o=i.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["01"])||(null===(t=i.Palette)||void 0===t?void 0:t.accent["01"]),[COLOR_THEMES.DEFAULT]:null===(e=i.Palette)||void 0===e?void 0:e.light["03"],[COLOR_THEMES.ERROR]:null===(n=i.Palette)||void 0===n?void 0:n.error["01"],[COLOR_THEMES.GRADIENT]:"light",[COLOR_THEMES.GRAY]:null===(d=i.Palette)||void 0===d?void 0:d.light["03"],[COLOR_THEMES.IDENTITY_1]:null===(E=i.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["01"],[COLOR_THEMES.IDENTITY_2]:null===(a=i.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["02"],[COLOR_THEMES.IDENTITY_3]:null===(v=i.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["03"],[COLOR_THEMES.IDENTITY_4]:null===(O=i.Palette)||void 0===O||null===(O=O.identitySolid)||void 0===O?void 0:O["04"],[COLOR_THEMES.INFO]:null===(T=i.Palette)||void 0===T?void 0:T.information["02"],[COLOR_THEMES.NEGATIVE]:null===(u=i.Palette)||void 0===u?void 0:u.light["01"],[COLOR_THEMES.SUCCESS]:null===(r=i.Palette)||void 0===r?void 0:r.success["02"],[COLOR_THEMES.WARNING]:null===(C=i.Palette)||void 0===C?void 0:C.warning["02"]}[l]},getBannerBackgroundColor=(l,i)=>{var o,t,e,n,d,E,a,v,O,T,u,r,C;return{[COLOR_THEMES.ACCENT]:(null===(o=i.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(t=i.Palette)||void 0===t?void 0:t.accent["03"]),[COLOR_THEMES.DEFAULT]:null===(e=i.Palette)||void 0===e?void 0:e.gray["05"],[COLOR_THEMES.ERROR]:null===(n=i.Palette)||void 0===n?void 0:n.error["03"],[COLOR_THEMES.GRADIENT]:null,[COLOR_THEMES.GRAY]:null===(d=i.Palette)||void 0===d?void 0:d.gray["03"],[COLOR_THEMES.IDENTITY_1]:null===(E=i.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["01"],[COLOR_THEMES.IDENTITY_2]:null===(a=i.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["02"],[COLOR_THEMES.IDENTITY_3]:null===(v=i.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["03"],[COLOR_THEMES.IDENTITY_4]:null===(O=i.Palette)||void 0===O||null===(O=O.identitySolid)||void 0===O?void 0:O["04"],[COLOR_THEMES.INFO]:null===(T=i.Palette)||void 0===T?void 0:T.information["03"],[COLOR_THEMES.NEGATIVE]:null===(u=i.Palette)||void 0===u?void 0:u.light["01"],[COLOR_THEMES.SUCCESS]:null===(r=i.Palette)||void 0===r?void 0:r.success["03"],[COLOR_THEMES.WARNING]:null===(C=i.Palette)||void 0===C?void 0:C.warning["03"]}[l]},getFlagBackgroundColor=(l,i)=>{var o,t,e,n,d,E,a,v,O,T,u,r,C;return{[COLOR_THEMES.ACCENT]:(null===(o=i.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(t=i.Palette)||void 0===t?void 0:t.accent["03"]),[COLOR_THEMES.DEFAULT]:null===(e=i.Palette)||void 0===e?void 0:e.gray["03"],[COLOR_THEMES.ERROR]:null===(n=i.Palette)||void 0===n?void 0:n.error["03"],[COLOR_THEMES.GRADIENT]:null,[COLOR_THEMES.GRAY]:null===(d=i.Palette)||void 0===d?void 0:d.gray["03"],[COLOR_THEMES.IDENTITY_1]:null===(E=i.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["01"],[COLOR_THEMES.IDENTITY_2]:null===(a=i.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["02"],[COLOR_THEMES.IDENTITY_3]:null===(v=i.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["03"],[COLOR_THEMES.IDENTITY_4]:null===(O=i.Palette)||void 0===O||null===(O=O.identitySolid)||void 0===O?void 0:O["04"],[COLOR_THEMES.INFO]:null===(T=i.Palette)||void 0===T?void 0:T.information["03"],[COLOR_THEMES.NEGATIVE]:null===(u=i.Palette)||void 0===u?void 0:u.negative["03"],[COLOR_THEMES.SUCCESS]:null===(r=i.Palette)||void 0===r?void 0:r.success["03"],[COLOR_THEMES.WARNING]:null===(C=i.Palette)||void 0===C?void 0:C.warning["03"]}[l]};export const retrieveStyle=l=>{var i,o;let{showBanner:t=!1,theme:e,colorTheme:n=COLOR_THEMES.DEFAULT,flagColor:d,iconBackgroundColor:E,iconProps:a={}}=l;const v="linear-gradient(45deg, ".concat(null===(i=e.Palette)||void 0===i||null===(i=i.identityGradient)||void 0===i?void 0:i["01"]," 0%, ").concat(null===(o=e.Palette)||void 0===o||null===(o=o.identityGradient)||void 0===o?void 0:o["02"]," 100%);"),{size:O=40}=a;return{iconContainer:{alignItems:"center",background:n!==COLOR_THEMES.GRADIENT||t?"":v,backgroundColor:E||getIconBackgroundColor(n,e),borderRadius:100,display:"flex",height:1.85*O,justifyContent:"center",width:1.85*O},banner:{alignItems:"center",background:n===COLOR_THEMES.GRADIENT&&t?v:"",backgroundColor:t?getBannerBackgroundColor(n,e):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"},flag:{background:n===COLOR_THEMES.GRADIENT?v:"",backgroundColor:d||getFlagBackgroundColor(n,e),height:"var(--UT-statusMessage-flag-height, 8px)",width:"100%"}}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.186.0",
+  "version": "3.187.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",