@widergy/energy-ui 3.15.2 → 3.16.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.16.0](https://github.com/widergy/energy-ui/compare/v3.15.2...v3.16.0) (2024-08-13)
+
+
+### Features
+
+* added uticon to utsidebar ([78804bf](https://github.com/widergy/energy-ui/commit/78804bf17dfff593d001ecb6a43902249d1a2232))
+
 ## [3.15.2](https://github.com/widergy/energy-ui/compare/v3.15.1...v3.15.2) (2024-08-12)
 
 

package/dist/components/UTButton/index.js

@@ -8,11 +8,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
 var _propTypes = require("prop-types");
+var _componentUtils = _interopRequireDefault(require("../../utils/componentUtils"));
 var _classesUtils = require("../../utils/classesUtils");
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 var _UTIcon = _interopRequireDefault(require("../UTIcon"));
 var _constants = require("./constants");
-var _utils = require("./utils");
 var _theme = require("./theme");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -34,6 +34,9 @@ const UTButton = _ref => {
     type,
     variant
   } = _ref;
+  const {
+    isUTIcon
+  } = _componentUtils.default;
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(theme, classNames), [classNames, theme]);
   const {
     childrenContainer,
@@ -47,7 +50,7 @@ const UTButton = _ref => {
     ${children ? _stylesModule.default.icon : _stylesModule.default.iconOnly}
     ${hideTextOnResponsive && _stylesModule.default.adaptableIcon}
   `;
-  const IconToShow = Icon && ((0, _utils.isUTIcon)(Icon) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+  const IconToShow = Icon && (isUTIcon(Icon) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
     className: iconClassname,
     name: Icon
   }) : /*#__PURE__*/_react.default.createElement(Icon, {

package/dist/components/UTIcon/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.retrieveColor = exports.isUTIcon = exports.getIconProps = void 0;
+exports.retrieveColor = exports.getIconProps = void 0;
 var _Palette = require("../../constants/Palette");
 var _constants = require("./constants");
 const getDefaultColorShade = colorTheme => colorTheme === _Palette.COLOR_THEMES.gray ? _Palette.COLOR_SHADES.shade04 : colorTheme === _Palette.COLOR_THEMES.light ? _Palette.COLOR_SHADES.shade01 : _Palette.COLOR_SHADES.shade05;
@@ -18,8 +18,6 @@ const retrieveColor = _ref => {
   return colorThemeDefinition[colorShade];
 };
 exports.retrieveColor = retrieveColor;
-const isUTIcon = icon => typeof icon === 'string';
-exports.isUTIcon = isUTIcon;
 const getIconProps = _ref2 => {
   let {
     color,

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

@@ -10,14 +10,17 @@ var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
 var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
 var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
 var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _componentUtils = _interopRequireDefault(require("../../../../utils/componentUtils"));
 var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
 var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
 var _types = require("../../types");
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Option = _ref => {
   let {
     classes,
@@ -25,6 +28,7 @@ const Option = _ref => {
     handleRedirect,
     IconActive,
     IconInactive,
+    iconProps,
     isSelectedGroup,
     label,
     labelAlwaysVisible,
@@ -37,6 +41,9 @@ const Option = _ref => {
     withToggleArrow,
     withTooltip
   } = _ref;
+  const {
+    isUTIcon
+  } = _componentUtils.default;
   const isSelected = isSelectedGroup || link === location;
   const handleRedirection = () => {
     handleRedirect(link);
@@ -66,11 +73,17 @@ const Option = _ref => {
           ${isSelected && `${classes.optionIconContainerSelected} ${_stylesModule.default.optionIconContainerSelected}`}
           ${_stylesModule.default.optionIconContainer}
         `
-  }, IconInactive && /*#__PURE__*/_react.default.createElement(IconInactive, {
+  }, IconInactive && (isUTIcon(IconInactive) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+    name: IconInactive,
     className: `${classes.optionIcon} ${_stylesModule.default.optionIcon}`
-  }), IconActive && /*#__PURE__*/_react.default.createElement(IconActive, {
+  }, iconProps.inactive)) : /*#__PURE__*/_react.default.createElement(IconInactive, {
+    className: `${classes.optionIcon} ${_stylesModule.default.optionIcon}`
+  })), IconActive && (isUTIcon(IconActive) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+    name: IconActive,
+    className: `${classes.optionIcon} ${_stylesModule.default.optionIconSelected} ${classes.optionIconSelected}`
+  }, iconProps.active)) : /*#__PURE__*/_react.default.createElement(IconActive, {
     className: `${classes.optionIcon} ${_stylesModule.default.optionIconSelected} ${classes.optionIconSelected}`
-  })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+  }))), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
     disableTypography: true,
     className: `
           ${classes.optionLabel}
@@ -100,6 +113,20 @@ Option.propTypes = {
   handleRedirect: _propTypes.func,
   IconActive: _types.iconType,
   IconInactive: _types.iconType,
+  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
+    })
+  }),
   isSelectedGroup: _propTypes.bool,
   label: _propTypes.string,
   labelAlwaysVisible: _propTypes.bool,

package/dist/utils/componentUtils.js

@@ -14,7 +14,9 @@ const getAvatarColors = (userName, colors) => {
   }, 0) || 0;
   return colors[hashIndex % colors.length];
 };
+const isUTIcon = icon => typeof icon === 'string';
 var _default = exports.default = {
   getFirstLetter,
-  getAvatarColors
+  getAvatarColors,
+  isUTIcon
 };

package/package.json

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

package/dist/components/UTButton/utils.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isUTIcon = void 0;
-const isUTIcon = icon => typeof icon === 'string';
-exports.isUTIcon = isUTIcon;