@widergy/energy-ui 3.63.2 → 3.65.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.65.0](https://github.com/widergy/energy-ui/compare/v3.64.0...v3.65.0) (2025-02-25)
+
+
+### Features
+
+* new icon added ([#585](https://github.com/widergy/energy-ui/issues/585)) ([84b0cb5](https://github.com/widergy/energy-ui/commit/84b0cb56e9c7091fc31ffdc35af05c97e89b7911))
+
+# [3.64.0](https://github.com/widergy/energy-ui/compare/v3.63.2...v3.64.0) (2025-02-24)
+
+
+### Features
+
+* [AUT-500] panel ids ([#578](https://github.com/widergy/energy-ui/issues/578)) ([6d80159](https://github.com/widergy/energy-ui/commit/6d8015945a4653a38c644d29fe3cce98c848c712))
+
 ## [3.63.2](https://github.com/widergy/energy-ui/compare/v3.63.1...v3.63.2) (2025-02-24)
 
 

package/dist/components/UTIcon/components/EnergyIcons/EnergyIconConsumptionBoxFilled.svg

@@ -0,0 +1,4 @@
+<svg width="100" height="100" viewBox="0 0 100 100" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25 20.8333C22.6988 20.8333 20.8333 22.6988 20.8333 25V75C20.8333 77.3012 22.6988 79.1667 25 79.1667H75C77.3012 79.1667 79.1667 77.3012 79.1667 75V25C79.1667 22.6988 77.3012 20.8333 75 20.8333H25ZM12.5 25C12.5 18.0964 18.0964 12.5 25 12.5H75C81.9036 12.5 87.5 18.0964 87.5 25V75C87.5 81.9036 81.9036 87.5 75 87.5H25C18.0964 87.5 12.5 81.9036 12.5 75V25Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50.1827 33.4577C51.8176 33.9132 52.7367 35.4876 52.2356 36.9741L48.9501 46.7207H55.2371C56.2544 46.7207 57.2067 47.175 57.7848 47.9361C58.3629 48.6971 58.4929 49.6677 58.1327 50.5327L52.1709 64.8477C51.5654 66.3017 49.7781 67.034 48.1789 66.4835C46.5798 65.9329 45.7743 64.3079 46.3798 62.8539L50.754 52.3509H44.7629C43.7809 52.3509 42.8572 51.9274 42.2733 51.2095C41.6895 50.4916 41.5149 49.5645 41.8026 48.7109L46.3151 35.3243C46.8162 33.8378 48.5477 33.0021 50.1827 33.4577Z"/>
+</svg>

package/dist/components/UTIcon/constants.js

@@ -117,6 +117,24 @@ EnergyIconConsumption.defaultProps = {
   stroke: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
+var EnergyIconConsumptionBoxFilled = function EnergyIconConsumptionBoxFilled(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M25 20.833A4.167 4.167 0 0 0 20.833 25v50A4.167 4.167 0 0 0 25 79.167h50A4.167 4.167 0 0 0 79.167 75V25A4.167 4.167 0 0 0 75 20.833H25ZM12.5 25c0-6.904 5.596-12.5 12.5-12.5h50c6.904 0 12.5 5.596 12.5 12.5v50c0 6.904-5.596 12.5-12.5 12.5H25c-6.904 0-12.5-5.596-12.5-12.5V25Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M50.183 33.458c1.635.455 2.554 2.03 2.053 3.516l-3.286 9.747h6.287c1.017 0 1.97.454 2.548 1.215a2.6 2.6 0 0 1 .348 2.597L52.17 64.848c-.606 1.454-2.393 2.186-3.992 1.636-1.6-.551-2.405-2.176-1.8-3.63l4.375-10.503h-5.991c-.982 0-1.906-.424-2.49-1.142-.584-.717-.758-1.645-.47-2.498l4.512-13.387c.501-1.486 2.233-2.322 3.868-1.866Z"
+  }));
+};
+EnergyIconConsumptionBoxFilled.defaultProps = {
+  width: "100",
+  height: "100",
+  viewBox: "0 0 100 100",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
+};
 var EnergyIconHome = function EnergyIconHome(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     d: "m9.02 2.84-5.39 4.2C2.73 7.74 2 9.23 2 10.36v7.41c0 2.32 1.89 4.22 4.21 4.22h11.58c2.32 0 4.21-1.9 4.21-4.21V10.5c0-1.21-.81-2.76-1.8-3.45l-6.18-4.33c-1.4-.98-3.65-.93-5 .12Z",
@@ -219,6 +237,7 @@ const ENERGY_ICONS = exports.ENERGY_ICONS = {
   EnergyIconCarbonFootprint,
   EnergyIconCart,
   EnergyIconConsumption,
+  EnergyIconConsumptionBoxFilled,
   EnergyIconHome,
   EnergyIconMessageEdit,
   EnergyIconQuestionFilled,

package/dist/components/UTPanel/versions/V0/index.js

@@ -12,14 +12,20 @@ var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
 var _propTypes = require("prop-types");
 var _UTButton = _interopRequireDefault(require("../../../UTButton"));
 var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _testIds = require("../../../../constants/testIds");
 var _commonTypes = require("../../../../types/commonTypes");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 {
+  closeButtonId,
+  titleId
+} = _testIds.COMPONENT_IDS.panelIds;
 const UTPanel = _ref => {
   let {
     children,
     classes = {},
+    closeButtonDataTestId = closeButtonId,
     containerRef,
     disableScrollbar = false,
     modalProps,
@@ -31,6 +37,7 @@ const UTPanel = _ref => {
     perfectScrollbarOptions,
     title,
     TitleComponent,
+    titleDataTestId = titleId,
     TitleIcon,
     ...props
   } = _ref;
@@ -67,13 +74,15 @@ const UTPanel = _ref => {
   }, TitleIcon && /*#__PURE__*/_react.default.createElement(TitleIcon, {
     className: "".concat(_stylesModule.default.titleIcon, " ").concat(titleIconClass)
   }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    weight: "semibold",
-    className: classes.title
+    className: classes.title,
+    dataTestId: titleDataTestId,
+    weight: "semibold"
   }, title)), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
       icon: iconCloseClass,
       root: closeButtonClass
     },
+    dataTestId: closeButtonDataTestId,
     Icon: _Close.default,
     onClick: onClose,
     variant: "text"
@@ -88,6 +97,7 @@ const UTPanel = _ref => {
 };
 UTPanel.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
+  closeButtonDataTestId: _propTypes.string,
   containerRef: _commonTypes.refType,
   disableScrollbar: _propTypes.bool,
   modalProps: _propTypes.object,
@@ -99,6 +109,7 @@ UTPanel.propTypes = {
   perfectScrollbarOptions: _propTypes.object,
   title: _propTypes.string,
   TitleComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
+  titleDataTestId: _propTypes.string,
   TitleIcon: _propTypes.elementType
 };
 var _default = exports.default = UTPanel;

package/dist/components/UTPanel/versions/V1/index.js

@@ -15,8 +15,9 @@ var _UTButton = _interopRequireDefault(require("../../../UTButton"));
 var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
 var _UTMenu = _interopRequireDefault(require("../../../UTMenu"));
 var _index = _interopRequireDefault(require("../../../UTProgressBar/index.js"));
-var _classesUtils = require("../../../../utils/classesUtils.js");
 var _index2 = _interopRequireDefault(require("../../../WithTheme/index.js"));
+var _testIds = require("../../../../constants/testIds.js");
+var _classesUtils = require("../../../../utils/classesUtils.js");
 var _DataItem = _interopRequireDefault(require("./components/DataItem"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _constants = require("./constants.js");
@@ -25,11 +26,18 @@ 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 {
+  closeButtonId,
+  mainActionId,
+  secondaryActionId,
+  titleId
+} = _testIds.COMPONENT_IDS.panelIds;
 const UTPanel = _ref => {
   let {
     children,
-    classes: theme,
     classNames,
+    classes: theme,
+    closeButtonDataTestId = closeButtonId,
     collapsableHeader = false,
     currentStep = 1,
     disableScrollbar = false,
@@ -41,6 +49,7 @@ const UTPanel = _ref => {
     hideHeader = false,
     hideMainButton = false,
     isWorkflow = false,
+    mainActionDataTestId = mainActionId,
     mainButton = {},
     modalProps,
     onClose,
@@ -49,11 +58,13 @@ const UTPanel = _ref => {
     open,
     panelSide,
     perfectScrollbarOptions,
+    secondaryActionDataTestId = secondaryActionId,
     singleHeaderItemsColumn = false,
     size = 'M',
     stepsCount,
     subtitle = '',
     title = '',
+    titleDataTestId = titleId,
     titleProps = {},
     ...props
   } = _ref;
@@ -95,6 +106,7 @@ const UTPanel = _ref => {
       icon: iconCloseClass,
       root: closeButtonClass
     },
+    dataTestId: closeButtonDataTestId,
     Icon: "IconX",
     onClick: onClose,
     variant: "text"
@@ -115,6 +127,7 @@ const UTPanel = _ref => {
     className: _stylesModule.default.titleArea
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     className: classes.title,
+    dataTestId: titleDataTestId,
     variant: "title2",
     weight: "medium"
   }, titleProps), title), collapsableHeader && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
@@ -138,10 +151,12 @@ const UTPanel = _ref => {
     withMenuItem: true
   }), /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
     colorTheme: "primary",
+    dataTestId: secondaryActionDataTestId,
     onClick: secondaryActionAsMenu ? openMenu : undefined,
     variant: "semitransparent"
   }, !secondaryActionAsMenu && headerSecondaryActionButton), secondaryActionAsMenu ? _constants.MENU_LABEL : headerSecondaryActionButton.text)), !(0, _isEmpty.default)(headerMainActionButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
     colorTheme: "success",
+    dataTestId: mainActionDataTestId,
     variant: "filled"
   }, headerMainActionButton), headerMainActionButton.text)))), !(0, _isEmpty.default)(headerItems) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.headerItemsContainer, " \n          ").concat(collapseHeader ? _stylesModule.default.expandedContainer : _stylesModule.default.collapsedContainer, " \n          ").concat(singleHeaderItemsColumn && _stylesModule.default.singleHeaderItemsColumn || '')
@@ -162,8 +177,9 @@ const UTPanel = _ref => {
   }, mainButton), (mainButton === null || mainButton === void 0 ? void 0 : mainButton.text) || _constants.ACCEPT_BUTTON_TEXT));
 };
 UTPanel.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
   classNames: _propTypes.object,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  closeButtonDataTestId: _propTypes.string,
   collapsableHeader: _propTypes.bool,
   currentStep: _propTypes.number,
   disableScrollbar: _propTypes.bool,
@@ -185,7 +201,11 @@ UTPanel.propTypes = {
     text: _propTypes.string,
     variant: _propTypes.string
   }),
+  hideCloseButton: _propTypes.bool,
+  hideHeader: _propTypes.bool,
+  hideMainButton: _propTypes.bool,
   isWorkflow: _propTypes.bool,
+  mainActionDataTestId: _propTypes.string,
   mainButton: _propTypes.object,
   modalProps: _propTypes.object,
   onClose: _propTypes.func,
@@ -194,14 +214,13 @@ UTPanel.propTypes = {
   open: _propTypes.bool,
   panelSide: _propTypes.string,
   perfectScrollbarOptions: _propTypes.object,
-  hideCloseButton: _propTypes.bool,
-  hideMainButton: _propTypes.bool,
-  hideHeader: _propTypes.bool,
+  secondaryActionDataTestId: _propTypes.string,
   singleHeaderItemsColumn: _propTypes.bool,
   size: _propTypes.string,
   stepsCount: _propTypes.number,
   subtitle: _propTypes.string,
   title: _propTypes.string,
+  titleDataTestId: _propTypes.string,
   titleProps: _propTypes.object
 };
 var _default = exports.default = (0, _index2.default)(_theme.retrieveStyle)(UTPanel);

package/dist/constants/testIds.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TABLE_ROW = exports.TABLE = exports.STATUS_MESSAGE = exports.SELECTION_COMPONENT = exports.HEADER = exports.CREDIT_CARD = exports.COMPONENT_IDS = exports.CELL = exports.ACTIONS = void 0;
+exports.TABLE_ROW = exports.TABLE = exports.STATUS_MESSAGE = exports.SELECTION_COMPONENT = exports.PANEL = exports.HEADER = exports.CREDIT_CARD = exports.COMPONENT_IDS = exports.CELL = exports.ACTIONS = void 0;
 const BOTTOM_NAV = 'bottomNav';
 const DIALOG = 'dialog';
 const WORKFLOW_CONTAINER = 'workflowContainer';
@@ -11,6 +11,7 @@ const ACTIONS = exports.ACTIONS = 'actions';
 const CELL = exports.CELL = 'cell';
 const CREDIT_CARD = exports.CREDIT_CARD = 'creditCard';
 const HEADER = exports.HEADER = 'header';
+const PANEL = exports.PANEL = 'panel';
 const SELECTION_COMPONENT = exports.SELECTION_COMPONENT = 'selectionComponent';
 const STATUS_MESSAGE = exports.STATUS_MESSAGE = 'statusMessage';
 const TABLE = exports.TABLE = 'table';
@@ -38,6 +39,12 @@ const COMPONENT_IDS = exports.COMPONENT_IDS = {
     prevButtonId: 'onboarding.prevButton',
     titleId: 'onboarding.title'
   },
+  panelIds: {
+    closeButtonId: "".concat(PANEL, ".closeButton"),
+    mainActionId: "".concat(PANEL, ".mainAction"),
+    secondaryActionId: "".concat(PANEL, ".secondaryAction"),
+    titleId: "".concat(PANEL, ".title")
+  },
   snackBarIds: {
     closeButtonId: 'snackbar.closeButton',
     labelId: 'snackbar.label'

package/package.json

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