@widergy/energy-ui 3.61.1 → 3.62.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.62.0](https://github.com/widergy/energy-ui/compare/v3.61.1...v3.62.0) (2025-02-21)
+
+
+### Features
+
+* [AUT-501][AUT-611][AUT-610] onboarding ids and some fixes ([#577](https://github.com/widergy/energy-ui/issues/577)) ([0da4f9b](https://github.com/widergy/energy-ui/commit/0da4f9bf0379c47f786c048e74ca0c238f3d1a5e))
+
 ## [3.61.1](https://github.com/widergy/energy-ui/compare/v3.61.0...v3.61.1) (2025-02-19)
 
 

package/dist/components/UTOnboarding/README.md

@@ -42,3 +42,8 @@ Onboarding component.
   - highlightClass: CSS class of the helperLayer.
   - tooltipClass: CSS class of the tooltip
   - isSuggestion: bool | si es el primer paso y no quiero que tenga tooltip puedo dejarlo en true
+  -  closeButtonDataTestId: string | data-testid para el botón de cerrar
+  -  descriptionDataTestId: string | data-testid para la descripción
+  -  nextButtonDataTestId: string | data-testid para el botón de siguiente
+  -  prevButtonDataTestId: string | data-testid para el botón de atrás
+  -  titleDataTestId: string | data-testid para el título

package/dist/components/UTOnboarding/components/OnboardingStep/index.js

@@ -11,13 +11,15 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const OnboardingStep = _ref => {
   let {
-    hideFooter = false,
     currentStep,
+    descriptionDataTestId,
+    hideFooter = false,
     step,
     totalSteps
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
-    className: _stylesModule.default.description
+    className: _stylesModule.default.description,
+    "data-testid": descriptionDataTestId
   }, step.description), step.vectorImage ? /*#__PURE__*/_react.default.createElement(step.vectorImage, {
     alt: "",
     className: _stylesModule.default.wizardImage
@@ -33,6 +35,7 @@ const OnboardingStep = _ref => {
 };
 OnboardingStep.propTypes = {
   currentStep: _propTypes.number,
+  descriptionDataTestId: _propTypes.string,
   hideFooter: _propTypes.bool,
   step: _propTypes.object,
   totalSteps: _propTypes.number

package/dist/components/UTOnboarding/index.js

@@ -10,6 +10,7 @@ require("intro.js/introjs.css");
 var _propTypes = require("prop-types");
 var _classesUtils = require("../../utils/classesUtils");
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _testIds = require("../../constants/testIds");
 var _OnboardingStep = _interopRequireDefault(require("./components/OnboardingStep"));
 var _theme = require("./theme");
 var _constants = require("./constants");
@@ -17,18 +18,28 @@ 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; }
+const {
+  closeId,
+  descriptionId,
+  nextButtonId,
+  prevButtonId,
+  titleId
+} = _testIds.COMPONENT_IDS.onboardingIds;
 const UTOnboarding = _ref => {
   var _steps$currentStep$is, _steps$currentStep, _steps$currentStep$hi, _steps$currentStep2, _steps$currentStep3, _steps$currentStep4;
   let {
-    classes: themeClasses,
-    closeButtonDataTestId,
     classNames,
+    classes: themeClasses,
+    closeButtonDataTestId = closeId,
+    descriptionDataTestId = descriptionId,
     enabled,
     handleComplete,
     handleOnClose,
+    nextButtonDataTestId = nextButtonId,
     options,
+    prevButtonDataTestId = prevButtonId,
     steps,
-    titleDataTestId,
+    titleDataTestId = titleId,
     variant
   } = _ref;
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [themeClasses, classNames]) || {};
@@ -41,10 +52,14 @@ const UTOnboarding = _ref => {
   // This timeout is here only to get the querySelectors out of the call-stack order, giving the Step component time to render every child inside. This
   // is necessary to find the html element searched by the selectors.
   setTimeout(() => {
-    var _skipButton$attribute, _stepTitle$attributes, _skipButton$setAttrib, _stepTitle$setAttribu;
+    var _nextButton$attribute, _prevButton$atrtibute, _skipButton$attribute, _stepTitle$attributes, _nextButton$setAttrib, _prevButton$setAttrib, _skipButton$setAttrib, _stepTitle$setAttribu;
+    const nextButton = document.querySelector('.introjs-nextbutton');
+    const prevButton = document.querySelector('.introjs-prevbutton');
     const skipButton = document.querySelector('.introjs-skipbutton');
     const stepTitle = document.querySelector('.introjs-tooltip-title');
-    if (skipButton !== null && skipButton !== void 0 && (_skipButton$attribute = skipButton.attributes) !== null && _skipButton$attribute !== void 0 && _skipButton$attribute['data-testid'] && stepTitle !== null && stepTitle !== void 0 && (_stepTitle$attributes = stepTitle.attributes) !== null && _stepTitle$attributes !== void 0 && _stepTitle$attributes['data-testid']) return;
+    if (nextButton !== null && nextButton !== void 0 && (_nextButton$attribute = nextButton.attributes) !== null && _nextButton$attribute !== void 0 && _nextButton$attribute['data-testid'] && prevButton !== null && prevButton !== void 0 && (_prevButton$atrtibute = prevButton.atrtibutes) !== null && _prevButton$atrtibute !== void 0 && _prevButton$atrtibute['data-testid'] && skipButton !== null && skipButton !== void 0 && (_skipButton$attribute = skipButton.attributes) !== null && _skipButton$attribute !== void 0 && _skipButton$attribute['data-testid'] && stepTitle !== null && stepTitle !== void 0 && (_stepTitle$attributes = stepTitle.attributes) !== null && _stepTitle$attributes !== void 0 && _stepTitle$attributes['data-testid']) return;
+    nextButton === null || nextButton === void 0 || (_nextButton$setAttrib = nextButton.setAttribute) === null || _nextButton$setAttrib === void 0 || _nextButton$setAttrib.call(nextButton, 'data-testid', nextButtonDataTestId);
+    prevButton === null || prevButton === void 0 || (_prevButton$setAttrib = prevButton.setAttribute) === null || _prevButton$setAttrib === void 0 || _prevButton$setAttrib.call(prevButton, 'data-testid', prevButtonDataTestId);
     skipButton === null || skipButton === void 0 || (_skipButton$setAttrib = skipButton.setAttribute) === null || _skipButton$setAttrib === void 0 || _skipButton$setAttrib.call(skipButton, 'data-testid', closeButtonDataTestId);
     stepTitle === null || stepTitle === void 0 || (_stepTitle$setAttribu = stepTitle.setAttribute) === null || _stepTitle$setAttribu === void 0 || _stepTitle$setAttribu.call(stepTitle, 'data-testid', titleDataTestId);
   }, 1);
@@ -74,14 +89,15 @@ const UTOnboarding = _ref => {
     steps: steps.map((step, index) => ({
       ...step,
       intro: step.description ? /*#__PURE__*/_react.default.createElement(_OnboardingStep.default, {
-        key: step,
-        step: step,
-        currentStep: index,
-        totalSteps: totalSteps,
+        buttonPreviousTitle: step === null || step === void 0 ? void 0 : step.buttonPreviousTitle,
         classes: classes,
+        currentStep: index,
+        descriptionDataTestId: descriptionDataTestId,
         hideFooter: step === null || step === void 0 ? void 0 : step.hideFooter,
-        buttonPreviousTitle: step === null || step === void 0 ? void 0 : step.buttonPreviousTitle,
+        key: step,
         nextStep: step === null || step === void 0 ? void 0 : step.nextStep,
+        step: step,
+        totalSteps: totalSteps,
         variant: variant
       }) : step.intro
     })),
@@ -124,13 +140,16 @@ const UTOnboarding = _ref => {
   });
 };
 UTOnboarding.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
   closeButtonDataTestId: _propTypes.string,
+  descriptionDataTestId: _propTypes.string,
   enabled: _propTypes.bool,
   handleComplete: _propTypes.func,
   handleOnClose: _propTypes.func,
+  nextButtonDataTestId: _propTypes.string,
   options: _propTypes.object,
+  prevButtonDataTestId: _propTypes.string,
   steps: _propTypes.array,
   titleDataTestId: _propTypes.string,
   variant: _propTypes.string

package/dist/components/UTTable/index.js

@@ -222,7 +222,10 @@ const UTTable = _ref => {
       cellProps: {
         defaultNullValue,
         classes,
-        rowData: row,
+        rowData: {
+          ...row,
+          index
+        },
         style: rowStyles.cell
       },
       checkBoxOnChange: () => selectRow(row),

package/dist/constants/testIds.js

@@ -31,6 +31,13 @@ const COMPONENT_IDS = exports.COMPONENT_IDS = {
     closeButtonId: "".concat(DIALOG, ".closeButton"),
     titleId: "".concat(DIALOG, ".title")
   },
+  onboardingIds: {
+    closeId: 'onboarding.close',
+    descriptionId: 'onboarding.description',
+    nextButtonId: 'onboarding.nextButton',
+    prevButtonId: 'onboarding.prevButton',
+    titleId: 'onboarding.title'
+  },
   snackBarIds: {
     closeButtonId: 'snackbar.closeButton',
     labelId: 'snackbar.label'

package/package.json

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