@widergy/energy-ui 3.76.0 → 3.77.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.77.0](https://github.com/widergy/energy-ui/compare/v3.76.0...v3.77.0) (2025-05-14)
+
+
+### Features
+
+* [AUT-597] new testid structure object ([#618](https://github.com/widergy/energy-ui/issues/618)) ([adb5090](https://github.com/widergy/energy-ui/commit/adb509016b0bc7b009813f397199e7592b0630d4))
+
 # [3.76.0](https://github.com/widergy/energy-ui/compare/v3.75.0...v3.76.0) (2025-05-09)
 
 

package/dist/components/UTAlert/index.js

@@ -25,9 +25,8 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const {
-  closeButtonId,
-  labelId
-} = _testIds.COMPONENT_IDS.snackBarIds;
+  snackBar
+} = _testIds.TEST_IDS;
 const variantIcon = {
   error: _Error.default,
   info: _Info.default,
@@ -67,9 +66,9 @@ class UTAlert extends _react.PureComponent {
   render() {
     const {
       classes = {},
-      closeDataTestId = closeButtonId,
+      closeDataTestId = snackBar.closeButton,
       content: alert = {},
-      labelDataTestId = labelId,
+      labelDataTestId = snackBar.label,
       withoutIcon
     } = this.props;
     const anchor = {

package/dist/components/UTBarChart/components/Bars/components/Bar/index.js

@@ -14,8 +14,8 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
-  barTooltipId
-} = _testIds.COMPONENT_IDS.barChartIds;
+  barChart
+} = _testIds.TEST_IDS;
 const Bar = _ref => {
   let {
     width,
@@ -38,7 +38,7 @@ const Bar = _ref => {
   return /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
     className: tooltipClassName,
     content: tooltipContent,
-    dataTestId: "".concat(barTooltipId).concat(id),
+    dataTestId: "".concat(barChart.bar.tooltip).concat(id),
     interactive: false,
     stringContentClassName: _stylesModule.default.tooltip
   }, /*#__PURE__*/_react.default.createElement("g", {

package/dist/components/UTBarChart/components/XAxis/index.js

@@ -16,9 +16,8 @@ var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const {
-  xAxisSecondaryLabelId,
-  xAxisMainLabelId
-} = _testIds.COMPONENT_IDS.barChartIds;
+  barChart
+} = _testIds.TEST_IDS;
 const XAxis = _ref => {
   let {
     data,
@@ -87,7 +86,7 @@ const XAxis = _ref => {
       labelBackgroundPadding: labelBackgroundPadding,
       labelYOffset: labelYOffset,
       mainLabel: mainLabel,
-      mainLabelDataTestId: "".concat(xAxisMainLabelId).concat(index),
+      mainLabelDataTestId: "".concat(barChart.xAxis.mainLabel).concat(index),
       mainLabelStyles: mainLabelStyles,
       selected: selected,
       selectedLabelBackground: selectedLabelBackground,
@@ -106,7 +105,7 @@ const XAxis = _ref => {
       color: color || '',
       graphYStart: graphYStart,
       secondaryLabel: secondaryLabel,
-      secondaryLabelDataTestId: "".concat(xAxisSecondaryLabelId).concat(index),
+      secondaryLabelDataTestId: "".concat(barChart.xAxis.secondaryLabel).concat(index),
       x: xAxis(index) + xOffset,
       yOffset: _constants.Y_OFFSET
     });

package/dist/components/UTBreadcrumbs/index.js

@@ -19,8 +19,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 {
-  buttonId
-} = _testIds.COMPONENT_IDS.breadcrumbsIds;
+  breadcrumbs: breadcrumbsIds
+} = _testIds.TEST_IDS;
 const UTBreadcrumbs = _ref => {
   let {
     breadcrumbs,
@@ -153,7 +153,7 @@ const UTBreadcrumbs = _ref => {
       key: "".concat(route, "-").concat(label)
     }, !route && !menuItems || disableMenu ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
       className: _stylesModule.default.label,
-      dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(index) : "".concat(buttonId, ".").concat(index),
+      dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(index) : "".concat(breadcrumbsIds.item, ".").concat(index),
       variant: "small",
       weight: "medium"
     }, colorThemesDefinition.label), label) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
@@ -162,7 +162,7 @@ const UTBreadcrumbs = _ref => {
         childrenContainer: overflowControl ? _stylesModule.default.buttonContainer : null,
         text: overflowControl ? _stylesModule.default.ellipsis : null
       },
-      dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(index) : "".concat(buttonId, ".").concat(index),
+      dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(index) : "".concat(breadcrumbsIds.item, ".").concat(index),
       onClick: handleClick,
       size: "small",
       variant: "text"

package/dist/components/UTCreditCard/index.js

@@ -16,11 +16,8 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
-  nameFieldId,
-  expiresId,
-  cvcFieldId,
-  cardFieldId
-} = _testIds.COMPONENT_IDS.creditCardIds;
+  creditCard
+} = _testIds.TEST_IDS;
 const UTCreditCard = _ref => {
   var _value$expYearField;
   let {
@@ -89,13 +86,13 @@ const UTCreditCard = _ref => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.fields
   }, /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
-    dataTestId: cardFieldId,
+    dataTestId: creditCard.cardField,
     error: errors[cardField],
     onChange: onChangeField(cardField),
     onFocus: () => setFocused(_constants.fields.NUMBER),
     required: true,
     title: numberTitle,
-    validationDataTestId: "".concat(cardFieldId, ".validation"),
+    validationDataTestId: "".concat(creditCard.cardField, ".validation"),
     value: values[cardField],
     version: "V1"
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -104,37 +101,37 @@ const UTCreditCard = _ref => {
     classNames: {
       container: _stylesModule.default.inRow
     },
-    dataTestId: expiresId,
+    dataTestId: creditCard.expires,
     error: errors[expires],
     onChange: onChangeField(expires),
     onFocus: () => setFocused(_constants.fields.EXPIRY),
     required: true,
     title: expiryTitle,
-    validationDataTestId: "".concat(expiresId, ".validation"),
+    validationDataTestId: "".concat(creditCard.expires, ".validation"),
     value: values[expires],
     version: "V1"
   }), /*#__PURE__*/_react.default.createElement(_UTPasswordField.default, {
     classNames: {
       container: _stylesModule.default.inRow
     },
-    dataTestId: cvcFieldId,
+    dataTestId: creditCard.cvcField,
     error: errors[cvcField],
     onChange: onChangeField(cvcField),
     onVisibilityToggle: setCvcVisibility,
     title: cvcTitle,
     required: true,
     onFocus: () => setFocused(_constants.fields.CVC),
-    validationDataTestId: "".concat(cvcFieldId, ".validation"),
+    validationDataTestId: "".concat(creditCard.cvcField, ".validation"),
     value: values[cvcField],
     version: "V1"
   })), /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
-    dataTestId: nameFieldId,
+    dataTestId: creditCard.nameField,
     error: errors[nameFiled],
     onChange: onChangeField(nameFiled),
     required: true,
     onFocus: () => setFocused(_constants.fields.NAME),
     title: nameTitle,
-    validationDataTestId: "".concat(nameFieldId, ".validation"),
+    validationDataTestId: "".concat(creditCard.nameField, ".validation"),
     value: values[nameFiled],
     version: "V1"
   })));

package/dist/components/UTDialog/index.js

@@ -22,22 +22,19 @@ var _constants = require("./constants");
 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 {
-  acceptButtontId,
-  cancelButtonId,
-  closeButtonId,
-  titleId
-} = _testIds.COMPONENT_IDS.dialogIds;
+  dialog
+} = _testIds.TEST_IDS;
 const UTDialog = _ref => {
   let {
     acceptButton,
-    acceptButtonDataTestId = acceptButtontId,
+    acceptButtonDataTestId = dialog.acceptButton,
     alertConfig,
     cancelButton,
-    cancelButtonDataTestId = cancelButtonId,
+    cancelButtonDataTestId = dialog.cancelButton,
     children,
     classNames,
     classes,
-    closeButtonDataTestId = closeButtonId,
+    closeButtonDataTestId = dialog.closeButton,
     contentName,
     dialogProps,
     disableEnforceFocus,
@@ -49,7 +46,7 @@ const UTDialog = _ref => {
     onRequestClose,
     roundedCloseButton,
     title,
-    titleDataTestId = titleId,
+    titleDataTestId = dialog.title,
     TransitionProps,
     warningAlert,
     whiteTitle,

package/dist/components/UTOnboarding/index.js

@@ -18,27 +18,23 @@ var _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(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const {
-  closeId,
-  descriptionId,
-  nextButtonId,
-  prevButtonId,
-  titleId
-} = _testIds.COMPONENT_IDS.onboardingIds;
+  onboarding
+} = _testIds.TEST_IDS;
 const UTOnboarding = _ref => {
   var _steps$currentStep$is, _steps$currentStep, _steps$currentStep$hi, _steps$currentStep2, _steps$currentStep3, _steps$currentStep4;
   let {
     classNames,
     classes: themeClasses,
-    closeButtonDataTestId = closeId,
-    descriptionDataTestId = descriptionId,
+    closeButtonDataTestId = onboarding.close,
+    descriptionDataTestId = onboarding.description,
     enabled,
     handleComplete,
     handleOnClose,
-    nextButtonDataTestId = nextButtonId,
+    nextButtonDataTestId = onboarding.nextButton,
     options,
-    prevButtonDataTestId = prevButtonId,
+    prevButtonDataTestId = onboarding.prevButton,
     steps,
-    titleDataTestId = titleId,
+    titleDataTestId = onboarding.title,
     variant
   } = _ref;
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [themeClasses, classNames]) || {};

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

@@ -18,14 +18,13 @@ 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;
+  panel
+} = _testIds.TEST_IDS;
 const UTPanel = _ref => {
   let {
     children,
     classes = {},
-    closeButtonDataTestId = closeButtonId,
+    closeButtonDataTestId = panel.closeButton,
     containerRef,
     disableScrollbar = false,
     modalProps,
@@ -37,7 +36,7 @@ const UTPanel = _ref => {
     perfectScrollbarOptions,
     title,
     TitleComponent,
-    titleDataTestId = titleId,
+    titleDataTestId = panel.title,
     TitleIcon,
     ...props
   } = _ref;

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

@@ -26,18 +26,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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;
+  panel
+} = _testIds.TEST_IDS;
 const UTPanel = _ref => {
   let {
     BackdropProps = {},
     children,
     classes: theme,
     classNames,
-    closeButtonDataTestId = closeButtonId,
+    closeButtonDataTestId = panel.closeButton,
     collapsableHeader = false,
     currentStep = 1,
     disableScrollbar = false,
@@ -49,7 +46,7 @@ const UTPanel = _ref => {
     hideHeader = false,
     hideMainButton = false,
     isWorkflow = false,
-    mainActionDataTestId = mainActionId,
+    mainActionDataTestId = panel.mainAction,
     mainButton = {},
     modalProps,
     onClose,
@@ -58,13 +55,13 @@ const UTPanel = _ref => {
     open,
     panelSide,
     perfectScrollbarOptions,
-    secondaryActionDataTestId = secondaryActionId,
+    secondaryActionDataTestId = panel.secondaryAction,
     singleHeaderItemsColumn = false,
     size = 'M',
     stepsCount,
     subtitle = '',
     title = '',
-    titleDataTestId = titleId,
+    titleDataTestId = panel.title,
     titleProps = {},
     ...props
   } = _ref;

package/dist/components/UTStatusMessage/index.js

@@ -18,11 +18,8 @@ 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 {
-  descriptionId,
-  helpTextId,
-  iconId,
-  titleId
-} = _testIds.COMPONENT_IDS.statusMessageIds;
+  statusMessage
+} = _testIds.TEST_IDS;
 const UTStatusMessage = _ref => {
   let {
     children,
@@ -58,26 +55,26 @@ const UTStatusMessage = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
     name: icon,
     colorTheme: _constants.ICON_COLOR_THEMES[colorTheme],
-    dataTestId: iconId
+    dataTestId: statusMessage.icon
   }, iconProps)))) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.content, " ").concat(classes.content)
   }, (title || description || helpText) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.section
   }, title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     className: _stylesModule.default.label,
-    dataTestId: titleId,
+    dataTestId: statusMessage.title,
     variant: "title3",
     weight: "medium"
   }, titleProps), title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     className: _stylesModule.default.label,
     colorTheme: "gray",
-    dataTestId: descriptionId,
+    dataTestId: statusMessage.description,
     withMarkdown: true,
     variant: "body"
   }, descriptionProps), description), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     className: _stylesModule.default.label,
     colorTheme: "gray",
-    dataTestId: helpTextId,
+    dataTestId: statusMessage.helperText,
     variant: "small"
   }, helpTextProps), helpText)), children, (primaryAction || secondaryAction) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.section

package/dist/components/UTTable/components/ResponsiveCell/index.js

@@ -14,12 +14,13 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ResponsiveCell = _ref => {
   let {
+    classes,
     column,
+    dataTestId,
+    defaultNullValue,
     rowData,
-    classes,
     rowStyles,
-    showBottomBorder,
-    defaultNullValue
+    showBottomBorder
   } = _ref;
   const isBigCell = _constants.COLUMN_SIZES[column.size] > _constants.COLUMN_SIZES.medium || column.cellRenderer && !column.asRowInResponsive || column.type === _constants.CELL_TYPES.STATUS;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, column.categoryName && /*#__PURE__*/_react.default.createElement("span", {
@@ -28,6 +29,7 @@ const ResponsiveCell = _ref => {
       ...rowStyles.responsiveCell
     }
   }, column.categoryName), /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": dataTestId,
     className: "".concat(showBottomBorder ? "".concat(_stylesModule.default.lastCellContainer, " ").concat(classes.lastCellContainer) : _stylesModule.default.cellContainer, " ").concat(classes.responsiveCell, " ").concat(isBigCell ? _stylesModule.default.bigCell : _stylesModule.default.smallCell),
     style: {
       ...rowStyles.responsiveCell
@@ -51,6 +53,7 @@ ResponsiveCell.propTypes = {
   rowData: _propTypes.object,
   rowStyles: _propTypes.object,
   showBottomBorder: _propTypes.bool,
-  defaultNullValue: _propTypes.string
+  defaultNullValue: _propTypes.string,
+  dataTestId: _propTypes.string
 };
 var _default = exports.default = ResponsiveCell;

package/dist/components/UTTable/components/TableHeader/index.js

@@ -27,8 +27,8 @@ RefreshIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 const {
-  titleId
-} = _testIds.COMPONENT_IDS.tableIds;
+  table
+} = _testIds.TEST_IDS;
 const TableHeader = _ref => {
   let {
     classes,
@@ -44,7 +44,7 @@ const TableHeader = _ref => {
     className: _stylesModule.default.titleContainer
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: classes.tableTitle,
-    dataTestId: titleDataTestId !== null && titleDataTestId !== void 0 ? titleDataTestId : titleId,
+    dataTestId: titleDataTestId !== null && titleDataTestId !== void 0 ? titleDataTestId : table.tableHeader.title,
     variant: "subtitle1",
     weight: "medium"
   }, title), onReload && /*#__PURE__*/_react.default.createElement(_UTButton.default, {

package/dist/components/UTTable/components/TableRow/index.js

@@ -22,6 +22,9 @@ var _constants2 = require("./constants");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 {
+  CELL
+} = _testIds.ID_CONSTANTS;
 const TableRow = _ref => {
   let {
     actionDataTestId,
@@ -102,7 +105,7 @@ const TableRow = _ref => {
     actionDataTestId: actionDataTestId,
     column: column,
     columnSizes: columnSizes,
-    dataTestId: "".concat(cellDataTestId, ".fixedLeft.column_").concat(i, ".").concat(_testIds.CELL),
+    dataTestId: "".concat(cellDataTestId, ".fixedLeft.column_").concat(i, ".").concat(CELL),
     key: "cell_".concat(column.key)
   }, cellProps))), !(0, _array.isEmpty)(secondaryActions) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.secondaryActions
@@ -121,7 +124,7 @@ const TableRow = _ref => {
     actionDataTestId: actionDataTestId,
     column: column,
     columnSizes: columnSizes,
-    dataTestId: "".concat(cellDataTestId, ".secondary.column_").concat(index, ".").concat(_testIds.CELL),
+    dataTestId: "".concat(cellDataTestId, ".secondary.column_").concat(index, ".").concat(CELL),
     key: "cell_".concat(column.key)
   }, cellProps, {
     showBottomBorder: index === secondaryColumns.length - 1 && (0, _array.isEmpty)(primaryActions),
@@ -145,7 +148,7 @@ const TableRow = _ref => {
     align: _constants.COLUMN_POSITION.RIGHT,
     column: column,
     columnSizes: columnSizes,
-    dataTestId: "".concat(cellDataTestId, ".fixedRight.column_").concat(i, ".").concat(_testIds.CELL),
+    dataTestId: "".concat(cellDataTestId, ".fixedRight.column_").concat(i, ".").concat(CELL),
     key: "cell_".concat(column.key)
   }, cellProps)))));
 };

package/dist/components/UTTable/index.js

@@ -30,6 +30,14 @@ var _constants = require("./constants");
 var _hook = require("./hook");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const {
+  ACTIONS,
+  CELL,
+  HEADER,
+  SELECTION_COMPONENT,
+  TABLE,
+  TABLE_ROW
+} = _testIds.ID_CONSTANTS;
 const UTTable = _ref => {
   let {
     actionDataTestId,
@@ -215,8 +223,8 @@ const UTTable = _ref => {
     const isRowClickable = onRowClick && (!clickableRowValidation || clickableRowValidation(row));
     const handleRowClick = isRowClickable ? event => onRowClick(event, row) : undefined;
     return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
-      actionDataTestId: actionDataTestId !== null && actionDataTestId !== void 0 ? actionDataTestId : "".concat(_testIds.TABLE, ".").concat(_testIds.TABLE_ROW, ".row_").concat(index, ".").concat(_testIds.CELL, ".").concat(_testIds.ACTIONS),
-      cellDataTestId: cellDataTestId !== null && cellDataTestId !== void 0 ? cellDataTestId : "".concat(_testIds.TABLE, ".").concat(_testIds.TABLE_ROW, ".row_").concat(index),
+      actionDataTestId: actionDataTestId !== null && actionDataTestId !== void 0 ? actionDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".row_").concat(index, ".").concat(CELL, ".").concat(ACTIONS),
+      cellDataTestId: cellDataTestId !== null && cellDataTestId !== void 0 ? cellDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".row_").concat(index),
       CellComponent: CellComponent,
       cellProps: {
         defaultNullValue,
@@ -250,15 +258,15 @@ const UTTable = _ref => {
       rowKey: rowKey,
       rowStyles: rowStyles,
       selectable: selectable,
-      selectionComponentDataTestId: selectionComponentDataTestId !== null && selectionComponentDataTestId !== void 0 ? selectionComponentDataTestId : "".concat(_testIds.TABLE, ".").concat(_testIds.TABLE_ROW, ".row_").concat(index, ".").concat(_testIds.CELL, ".").concat(_testIds.SELECTION_COMPONENT),
+      selectionComponentDataTestId: selectionComponentDataTestId !== null && selectionComponentDataTestId !== void 0 ? selectionComponentDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".row_").concat(index, ".").concat(CELL, ".").concat(SELECTION_COMPONENT),
       selectedRows: selectedRows,
       tableSize: tableWidth
     });
   })));
   const Header = /*#__PURE__*/_react.default.createElement(_TableRow.default, {
-    actionDataTestId: headerActionDataTestId !== null && headerActionDataTestId !== void 0 ? headerActionDataTestId : "".concat(_testIds.TABLE, ".").concat(_testIds.TABLE_ROW, ".").concat(_testIds.HEADER, "Cell.").concat(_testIds.ACTIONS),
+    actionDataTestId: headerActionDataTestId !== null && headerActionDataTestId !== void 0 ? headerActionDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".").concat(HEADER, "Cell.").concat(ACTIONS),
     CellComponent: _HeaderCell.default,
-    cellDataTestId: headerCellDataTestId !== null && headerCellDataTestId !== void 0 ? headerCellDataTestId : "".concat(_testIds.TABLE, ".").concat(_testIds.TABLE_ROW, ".").concat(_testIds.HEADER, "Cell"),
+    cellDataTestId: headerCellDataTestId !== null && headerCellDataTestId !== void 0 ? headerCellDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".").concat(HEADER, "Cell"),
     cellProps: {
       classes,
       handleOrder,
@@ -286,7 +294,7 @@ const UTTable = _ref => {
     rowKey: rowKey,
     rowStyles: rowStyles,
     selectable: selectable,
-    selectionComponentDataTestId: headerSelectionComponentDataTestId !== null && headerSelectionComponentDataTestId !== void 0 ? headerSelectionComponentDataTestId : "".concat(_testIds.TABLE, ".").concat(_testIds.TABLE_ROW, ".").concat(_testIds.HEADER, "Cell.").concat(_testIds.SELECTION_COMPONENT),
+    selectionComponentDataTestId: headerSelectionComponentDataTestId !== null && headerSelectionComponentDataTestId !== void 0 ? headerSelectionComponentDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".").concat(HEADER, "Cell.").concat(SELECTION_COMPONENT),
     selectedRows: selectedRows,
     tableSize: tableWidth
   });

package/dist/components/UTTabs/index.js

@@ -24,8 +24,8 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const {
-  tabId
-} = _testIds.COMPONENT_IDS.tabsIds;
+  tabs
+} = _testIds.TEST_IDS;
 class UTTabs extends _react.PureComponent {
   constructor() {
     super(...arguments);
@@ -78,7 +78,7 @@ class UTTabs extends _react.PureComponent {
         disabled: opt.disabled,
         icon: opt.icon,
         component: tabComponent,
-        "data-testid": tabProps !== null && tabProps !== void 0 && tabProps.dataTestId ? "".concat(tabProps === null || tabProps === void 0 ? void 0 : tabProps.dataTestId).concat(i) : "".concat(tabId).concat(i)
+        "data-testid": tabProps !== null && tabProps !== void 0 && tabProps.dataTestId ? "".concat(tabProps === null || tabProps === void 0 ? void 0 : tabProps.dataTestId).concat(i) : "".concat(tabs.tab).concat(i)
       }, tabProps, lastOptionPropsFinal));
     }), !(0, _array.isEmpty)(badges) && badges.map(badge => /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(badge.styles, " ").concat(!badge.show && _stylesModule.default.hiddenBadge)

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

@@ -22,9 +22,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 {
-  subtitleId,
-  titleId
-} = _testIds.COMPONENT_IDS.workflowContainerIds;
+  workflowContainer
+} = _testIds.TEST_IDS;
 const UTWorkflowContainer = _ref => {
   let {
     backButton,
@@ -41,9 +40,9 @@ const UTWorkflowContainer = _ref => {
     stepCounter: StepCounter,
     stepsCount,
     subtitle,
-    subtitleDataTestId = subtitleId,
+    subtitleDataTestId = workflowContainer.header.subtitle,
     title,
-    titleDataTestId = titleId,
+    titleDataTestId = workflowContainer.header.tagline,
     TitleIcon,
     withIcon = false,
     wizardConfig = {}

package/dist/components/UTWorkflowContainer/versions/V1/components/NavActions/index.js

@@ -16,11 +16,8 @@ var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const {
-  backButtonId,
-  nextButtonId,
-  primaryActionId,
-  secondaryActionId
-} = _testIds.COMPONENT_IDS.workflowContainerIds;
+  workflowContainer
+} = _testIds.TEST_IDS;
 const NavActions = _ref => {
   var _backButton$dataTestI, _secondaryAction$data, _primaryAction$dataTe, _nextButton$dataTestI;
   let {
@@ -46,7 +43,7 @@ const NavActions = _ref => {
       root: "".concat(_stylesModule.default.navAction, " ").concat(backButton.classes, "  ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
     },
     colorTheme: "secondary",
-    dataTestId: (_backButton$dataTestI = backButton.dataTestId) !== null && _backButton$dataTestI !== void 0 ? _backButton$dataTestI : backButtonId,
+    dataTestId: (_backButton$dataTestI = backButton.dataTestId) !== null && _backButton$dataTestI !== void 0 ? _backButton$dataTestI : workflowContainer.bottomNav.backButton,
     disabled: backButton.disabled,
     Icon: backButton === null || backButton === void 0 ? void 0 : backButton.Icon,
     iconPlacement: "left",
@@ -58,7 +55,7 @@ const NavActions = _ref => {
       root: "".concat(_stylesModule.default.navAction, " ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
     },
     colorTheme: secondaryAction.colorTheme || 'primary',
-    dataTestId: (_secondaryAction$data = secondaryAction.dataTestId) !== null && _secondaryAction$data !== void 0 ? _secondaryAction$data : secondaryActionId,
+    dataTestId: (_secondaryAction$data = secondaryAction.dataTestId) !== null && _secondaryAction$data !== void 0 ? _secondaryAction$data : workflowContainer.bottomNav.secondaryAction,
     disabled: secondaryAction.disabled,
     iconPlacement: "left",
     onClick: secondaryAction.onClick,
@@ -73,7 +70,7 @@ const NavActions = _ref => {
       root: "".concat(_stylesModule.default.navAction, " ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
     },
     colorTheme: primaryAction.colorTheme || 'primary',
-    dataTestId: (_primaryAction$dataTe = primaryAction.dataTestId) !== null && _primaryAction$dataTe !== void 0 ? _primaryAction$dataTe : primaryActionId,
+    dataTestId: (_primaryAction$dataTe = primaryAction.dataTestId) !== null && _primaryAction$dataTe !== void 0 ? _primaryAction$dataTe : workflowContainer.bottomNav.primaryAction,
     disabled: primaryAction.disabled,
     iconPlacement: "right",
     onClick: primaryAction.onClick,
@@ -84,7 +81,7 @@ const NavActions = _ref => {
       root: "".concat(_stylesModule.default.navAction, " ").concat(nextButton.classes, "  ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
     },
     colorTheme: "primary",
-    dataTestId: (_nextButton$dataTestI = nextButton.dataTestId) !== null && _nextButton$dataTestI !== void 0 ? _nextButton$dataTestI : nextButtonId,
+    dataTestId: (_nextButton$dataTestI = nextButton.dataTestId) !== null && _nextButton$dataTestI !== void 0 ? _nextButton$dataTestI : workflowContainer.bottomNav.nextButton,
     disabled: nextButton.disabled,
     Icon: nextButton === null || nextButton === void 0 ? void 0 : nextButton.Icon,
     iconPlacement: "right",

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

@@ -24,12 +24,8 @@ var _theme = require("./theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const {
-  helpTextId,
-  requiredFieldInfoId,
-  subtitleId,
-  taglineId,
-  titleId
-} = _testIds.COMPONENT_IDS.workflowContainerIds;
+  workflowContainer
+} = _testIds.TEST_IDS;
 const UTWorkflowContainer = _ref => {
   let {
     backButton,
@@ -43,22 +39,22 @@ const UTWorkflowContainer = _ref => {
     forceResponsive = false,
     headerActions,
     helpText,
-    helpTextDataTestId = helpTextId,
+    helpTextDataTestId = workflowContainer.header.helpText,
     nextButton,
     onExit,
     primaryAction,
     requiredFieldInfo,
-    requiredFieldInfoDataTestId = requiredFieldInfoId,
+    requiredFieldInfoDataTestId = workflowContainer.header.requiredFieldInfo,
     secondaryAction,
     stages,
     stepperSize = 'S',
     stepsCount,
     subtitle,
-    subtitleDataTestId = subtitleId,
+    subtitleDataTestId = workflowContainer.header.subtitle,
     tagline,
-    taglineDataTestId = taglineId,
+    taglineDataTestId = workflowContainer.header.tagline,
     title,
-    titleDataTestId = titleId,
+    titleDataTestId = workflowContainer.header.title,
     variant = _constants.VARIANTS.DEFAULT,
     withIcon = false,
     withStepperPadding = true,

package/dist/constants/testIds.js

@@ -3,81 +3,91 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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';
-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';
-const TABLE_ROW = exports.TABLE_ROW = 'tableRow';
-const COMPONENT_IDS = exports.COMPONENT_IDS = {
-  barChartIds: {
-    xAxisSecondaryLabelId: 'barChart.xAxis.secondaryLabel.',
-    xAxisMainLabelId: 'barChart.xAxis.mainLabel.',
-    barTooltipId: 'barChart.bar.tooltip.'
+exports.TEST_IDS = exports.ID_CONSTANTS = void 0;
+const ID_CONSTANTS = exports.ID_CONSTANTS = {
+  ACTIONS: 'actions',
+  BOTTOM_NAV: 'bottomNav',
+  CELL: 'cell',
+  CREDIT_CARD: 'creditCard',
+  DIALOG: 'dialog',
+  HEADER: 'header',
+  ONBOARDING: 'onboarding',
+  PANEL: 'panel',
+  SELECTION_COMPONENT: 'selectionComponent',
+  STATUS_MESSAGE: 'statusMessage',
+  TABLE: 'table',
+  TABLE_ROW: 'tableRow',
+  WORKFLOW_CONTAINER: 'workflowContainer'
+};
+const TEST_IDS = exports.TEST_IDS = {
+  barChart: {
+    bar: {
+      tooltip: 'barChart.bar.tooltip.'
+    },
+    xAxis: {
+      secondaryLabel: 'barChart.xAxis.secondaryLabel.',
+      mainLabel: 'barChart.xAxis.mainLabel.'
+    }
   },
-  breadcrumbsIds: {
-    buttonId: 'breadcrumbs.item'
+  breadcrumbs: {
+    item: 'breadcrumbs.item'
   },
-  creditCardIds: {
-    cardFieldId: "".concat(CREDIT_CARD, ".cardField"),
-    cvcFieldId: "".concat(CREDIT_CARD, ".cvcField"),
-    expiresId: "".concat(CREDIT_CARD, ".expires"),
-    nameFieldId: "".concat(CREDIT_CARD, ".nameField")
+  creditCard: {
+    cardField: "".concat(ID_CONSTANTS.CREDIT_CARD, ".cardField"),
+    cvcField: "".concat(ID_CONSTANTS.CREDIT_CARD, ".cvcField"),
+    expires: "".concat(ID_CONSTANTS.CREDIT_CARD, ".expires"),
+    nameField: "".concat(ID_CONSTANTS.CREDIT_CARD, ".nameField")
   },
-  dialogIds: {
-    acceptButtontId: "".concat(DIALOG, ".acceptButton"),
-    cancelButtonId: "".concat(DIALOG, ".cancelButton"),
-    closeButtonId: "".concat(DIALOG, ".closeButton"),
-    titleId: "".concat(DIALOG, ".title")
+  dialog: {
+    acceptButton: "".concat(ID_CONSTANTS.DIALOG, ".acceptButton"),
+    cancelButton: "".concat(ID_CONSTANTS.DIALOG, ".cancelButton"),
+    closeButton: "".concat(ID_CONSTANTS.DIALOG, ".closeButton"),
+    title: "".concat(ID_CONSTANTS.DIALOG, ".title")
   },
-  onboardingIds: {
-    closeId: 'onboarding.close',
-    descriptionId: 'onboarding.description',
-    nextButtonId: 'onboarding.nextButton',
-    prevButtonId: 'onboarding.prevButton',
-    titleId: 'onboarding.title'
+  onboarding: {
+    close: "".concat(ID_CONSTANTS.ONBOARDING, ".close"),
+    description: "".concat(ID_CONSTANTS.ONBOARDING, ".description"),
+    nextButton: "".concat(ID_CONSTANTS.ONBOARDING, ".nextButton"),
+    prevButton: "".concat(ID_CONSTANTS.ONBOARDING, ".prevButton"),
+    title: "".concat(ID_CONSTANTS.ONBOARDING, ".title")
   },
-  panelIds: {
-    closeButtonId: "".concat(PANEL, ".closeButton"),
-    mainActionId: "".concat(PANEL, ".mainAction"),
-    secondaryActionId: "".concat(PANEL, ".secondaryAction"),
-    titleId: "".concat(PANEL, ".title")
+  panel: {
+    closeButton: "".concat(ID_CONSTANTS.PANEL, ".closeButton"),
+    mainAction: "".concat(ID_CONSTANTS.PANEL, ".mainAction"),
+    secondaryAction: "".concat(ID_CONSTANTS.PANEL, ".secondaryAction"),
+    title: "".concat(ID_CONSTANTS.PANEL, ".title")
   },
-  snackBarIds: {
-    closeButtonId: 'snackbar.closeButton',
-    labelId: 'snackbar.label'
+  snackBar: {
+    closeButton: 'snackbar.closeButton',
+    label: 'snackbar.label'
   },
-  statusMessageIds: {
-    descriptionId: "".concat(STATUS_MESSAGE, ".description"),
-    helpTextId: "".concat(STATUS_MESSAGE, ".helperText"),
-    iconId: "".concat(STATUS_MESSAGE, ".icon"),
-    titleId: "".concat(STATUS_MESSAGE, ".title")
+  statusMessage: {
+    description: "".concat(ID_CONSTANTS.STATUS_MESSAGE, ".description"),
+    helperText: "".concat(ID_CONSTANTS.STATUS_MESSAGE, ".helperText"),
+    icon: "".concat(ID_CONSTANTS.STATUS_MESSAGE, ".icon"),
+    title: "".concat(ID_CONSTANTS.STATUS_MESSAGE, ".title")
   },
-  tableIds: {
-    actionsId: "".concat(TABLE, ".actions"),
-    cellId: "".concat(TABLE, ".tableRow.cell"),
-    selectionComponentId: "".concat(TABLE, ".tableRow.selectionComponent"),
-    titleId: "".concat(TABLE, ".tableHeader.title")
+  table: {
+    tableHeader: {
+      title: "".concat(ID_CONSTANTS.TABLE, ".tableHeader.title")
+    }
   },
-  tabsIds: {
-    tabId: 'tabs.tab.'
+  tabs: {
+    tab: 'tabs.tab.'
   },
-  workflowContainerIds: {
-    backButtonId: "".concat(WORKFLOW_CONTAINER, ".").concat(BOTTOM_NAV, ".backButton"),
-    helpTextId: "".concat(WORKFLOW_CONTAINER, ".").concat(HEADER, ".helpText"),
-    nextButtonId: "".concat(WORKFLOW_CONTAINER, ".").concat(BOTTOM_NAV, ".nextButton"),
-    primaryActionId: "".concat(WORKFLOW_CONTAINER, ".").concat(BOTTOM_NAV, ".primaryAction"),
-    requiredFieldInfoId: "".concat(WORKFLOW_CONTAINER, ".").concat(HEADER, ".requiredFieldInfo"),
-    secondaryActionId: "".concat(WORKFLOW_CONTAINER, ".").concat(BOTTOM_NAV, ".secondaryAction"),
-    subtitleId: "".concat(WORKFLOW_CONTAINER, ".").concat(HEADER, ".subtitle"),
-    taglineId: "".concat(WORKFLOW_CONTAINER, ".").concat(HEADER, ".tagline"),
-    titleId: "".concat(WORKFLOW_CONTAINER, ".").concat(HEADER, ".title")
+  workflowContainer: {
+    bottomNav: {
+      backButton: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.BOTTOM_NAV, ".backButton"),
+      nextButton: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.BOTTOM_NAV, ".nextButton"),
+      primaryAction: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.BOTTOM_NAV, ".primaryAction"),
+      secondaryAction: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.BOTTOM_NAV, ".secondaryAction")
+    },
+    header: {
+      helpText: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.HEADER, ".helpText"),
+      requiredFieldInfo: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.HEADER, ".requiredFieldInfo"),
+      subtitle: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.HEADER, ".subtitle"),
+      tagline: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.HEADER, ".tagline"),
+      title: "".concat(ID_CONSTANTS.WORKFLOW_CONTAINER, ".").concat(ID_CONSTANTS.HEADER, ".title")
+    }
   }
 };

package/package.json

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