@widergy/energy-ui 3.25.0 → 3.26.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.26.0](https://github.com/widergy/energy-ui/compare/v3.25.0...v3.26.0) (2024-10-08)
+
+
+### Features
+
+* button, label and input test-id ([#498](https://github.com/widergy/energy-ui/issues/498)) ([9ba23dc](https://github.com/widergy/energy-ui/commit/9ba23dc19ec632ee02dca97f1fa6c5a8f7bdd582))
+
 # [3.25.0](https://github.com/widergy/energy-ui/compare/v3.24.0...v3.25.0) (2024-10-07)
 
 

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

@@ -24,6 +24,7 @@ const BottomActions = _ref => {
   }, actions.map(_ref2 => {
     let {
       colorTheme = 'primary',
+      dataTestId,
       disabled,
       Icon,
       label,
@@ -37,6 +38,7 @@ const BottomActions = _ref => {
         text: "".concat(type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.redirectionText : _stylesModule.default.defaultText)
       },
       colorTheme: colorTheme,
+      dataTestId: dataTestId,
       disabled: disabled,
       Icon: type === _constants.ACTION_TYPES.REDIRECTION ? 'IconChevronRight' : Icon,
       iconPlacement: type === _constants.ACTION_TYPES.REDIRECTION ? 'right' : 'left',
@@ -51,6 +53,7 @@ const BottomActions = _ref => {
 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,

package/dist/components/UTAutocomplete/index.js

@@ -27,6 +27,7 @@ const UTAutocomplete = _ref => {
     ArrowIcon,
     autocompleteProps,
     classes = {},
+    dataTestId,
     disabled,
     field,
     fixedSizeListProps,
@@ -103,6 +104,9 @@ const UTAutocomplete = _ref => {
         colorTheme: "error",
         variant: "small"
       }, errorMessage) : undefined,
+      inputProps: {
+        'data-testid': dataTestId
+      },
       placeholder: placeholder,
       variant: variant
     }, textFieldProps))
@@ -112,6 +116,7 @@ UTAutocomplete.propTypes = {
   ArrowIcon: _propTypes.elementType,
   autocompleteProps: _propTypes.object,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
   disabled: _propTypes.bool,
   input: _formTypes.inputPropTypes.isRequired,
   field: _formTypes.fieldType,

package/dist/components/UTButtonGroup/index.js

@@ -25,12 +25,14 @@ const UTButtonGroup = _ref => {
     className: "".concat(_stylesModule.default["".concat(type, "Container")], " ").concat(backgroundColor)
   }, actions.map(_ref2 => {
     let {
+      dataTestId,
       Icon,
       id,
       onClick
     } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_UTButton.default, {
       colorTheme: colorTheme,
+      dataTestId: dataTestId,
       Icon: Icon,
       key: id,
       onClick: onClick,

package/dist/components/UTCBUInput/index.js

@@ -15,10 +15,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 UTCBUInput = _ref => {
   let {
-    meta,
+    classes,
+    dataTestId,
     field,
     input,
-    classes
+    meta
   } = _ref;
   const {
     onChange,
@@ -45,6 +46,14 @@ const UTCBUInput = _ref => {
     });
   };
   return /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
+    captionLabel: entity,
+    dataTestId: dataTestId,
+    field: field,
+    FormHelperTextProps: {
+      classes: {
+        root: classes.helper
+      }
+    },
     input: {
       onChange: onChangeText,
       value: {
@@ -52,28 +61,15 @@ const UTCBUInput = _ref => {
         [cbuEntityKey]: entity
       }
     },
-    field: field,
-    placeholder: placeholder,
+    inputObjectKey: cbuNumberKey,
     label: title,
     meta: meta,
-    captionLabel: entity,
-    FormHelperTextProps: {
-      classes: {
-        root: classes.helper
-      }
-    },
-    inputObjectKey: cbuNumberKey
+    placeholder: placeholder
   });
 };
 UTCBUInput.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
-  input: (0, _propTypes.shape)({
-    onChange: _propTypes.func,
-    value: (0, _propTypes.shape)({
-      cbuNumber: _propTypes.string,
-      entityName: _propTypes.string
-    })
-  }),
+  dataTestId: _propTypes.string,
   field: (0, _propTypes.shape)({
     placeholder: _propTypes.string,
     title: _propTypes.string,
@@ -83,6 +79,13 @@ UTCBUInput.propTypes = {
     cbu_number_key: _propTypes.string,
     cbu_entity_key: _propTypes.string
   }),
+  input: (0, _propTypes.shape)({
+    onChange: _propTypes.func,
+    value: (0, _propTypes.shape)({
+      cbuNumber: _propTypes.string,
+      entityName: _propTypes.string
+    })
+  }),
   meta: _formTypes.metaPropTypes
 };
 var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTCBUInput);

package/dist/components/UTCard/index.js

@@ -56,9 +56,10 @@ class UTCard extends _react.PureComponent {
       classes: themeClasses,
       classNames,
       CustomFooter,
-      expandableIconProps,
+      dataTestId,
       ExpandedIcon,
       expandText,
+      expandableIconProps,
       flat,
       footer,
       header,
@@ -82,11 +83,13 @@ class UTCard extends _react.PureComponent {
     });
     return !isCollapsible ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(!horizontal && _stylesModule.default.column, " ").concat(classes.base),
+      "data-testid": dataTestId,
       style: style
     }, header && /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.headerContent
     }, header), children, CustomFooter ? /*#__PURE__*/_react.default.createElement(CustomFooter, null) : Footer) : /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(_stylesModule.default.column),
+      "data-testid": dataTestId,
       style: style
     }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
       onClick: this.handleOnPress,
@@ -118,9 +121,10 @@ UTCard.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
   CustomFooter: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.func]),
-  expandableIconProps: _propTypes.object,
+  dataTestId: _propTypes.string,
   ExpandedIcon: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element]),
   expandText: _propTypes.string,
+  expandableIconProps: _propTypes.object,
   flat: _propTypes.bool,
   footer: _types.cardActionsTypes.footer,
   header: _types.cardActionsTypes.header,

package/dist/components/UTCheckbox/index.js

@@ -36,6 +36,7 @@ const UTCheckbox = _ref => {
     classes: themeClasses = {},
     classNames,
     color = 'primary',
+    checkboxDataTestId,
     CustomCheckedIcon = Checked,
     customRowLabel: CustomRowLabel,
     CustomUncheckedIcon = _ref2 => {
@@ -51,6 +52,7 @@ const UTCheckbox = _ref => {
     input,
     item,
     label,
+    labelDataTestId,
     labelProps = {},
     meta,
     onChange,
@@ -82,6 +84,9 @@ const UTCheckbox = _ref => {
       checkedIcon: useCustomIcons && /*#__PURE__*/_react.default.createElement(CustomCheckedIcon, {
         className: classes.checkedIcon
       }),
+      inputProps: {
+        'data-testid': checkboxDataTestId
+      },
       icon: useCustomIcons && /*#__PURE__*/_react.default.createElement(CustomUncheckedIcon, {
         className: classes.uncheckedIcon
       }),
@@ -96,6 +101,7 @@ const UTCheckbox = _ref => {
       item: item
     }) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
       className: classes.label,
+      dataTestId: labelDataTestId,
       variant: "small",
       withMarkdown: true
     }, labelProps), label),
@@ -115,6 +121,7 @@ UTCheckbox.propTypes = {
   }),
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
   color: _propTypes.string,
+  checkboxDataTestId: _propTypes.string,
   CustomCheckedIcon: _propTypes.node,
   customRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
   CustomUncheckedIcon: _propTypes.node,
@@ -123,6 +130,7 @@ UTCheckbox.propTypes = {
   input: _formTypes.inputPropTypes,
   item: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.object]),
   label: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
+  labelDataTestId: _propTypes.string,
   labelProps: _propTypes.object,
   meta: _formTypes.metaPropTypes,
   onChange: _propTypes.func,

package/dist/components/UTCuit/index.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _form = require("@widergy/web-utils/lib/form");
+var _propTypes = require("prop-types");
 var _UTLabel = _interopRequireDefault(require("../UTLabel"));
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 var _formTypes = require("../../types/formTypes");
@@ -93,55 +94,75 @@ class UTCuit extends _react.PureComponent {
       document,
       verificationCode
     } = this.state;
+    const {
+      documentDataTestId,
+      prefixDataTestId,
+      verificationCodeDataTestId
+    } = this.props;
     this.handleFocus();
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.container
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.fieldContainer
     }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-      className: _stylesModule.default.fieldCuit,
-      name: "prefix",
-      label: this.props.field.label,
       autoComplete: "off",
-      placeholder: "XX",
+      autoFocus: this.props.field.configuration.auto_focus,
+      className: _stylesModule.default.fieldCuit,
+      error: (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : '',
+      fullWidth: true,
       InputLabelProps: {
         shrink: this.props.input.value !== 0
       },
+      InputProps: {
+        type: 'input',
+        inputProps: {
+          'data-testid': prefixDataTestId
+        }
+      },
+      label: this.props.field.label,
+      margin: "none",
+      name: "prefix",
       onChange: this.handleOnChangePrefix,
       onKeyPress: this.handleKeyPress,
-      error: (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : '',
-      value: prefix,
-      InputProps: "input",
-      fullWidth: true,
-      margin: "none",
-      autoFocus: this.props.field.configuration.auto_focus
+      placeholder: "XX",
+      value: prefix
     }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
-      name: "document",
-      className: _stylesModule.default.fieldDocument,
       autoComplete: "off",
-      placeholder: "XXXXXXXX",
-      onKeyPress: this.handleKeyPress,
+      className: _stylesModule.default.fieldDocument,
       disabled: this.props.field.configuration.disable_document,
       error: (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : '',
-      value: document,
-      onChange: this.handleOnChangeDocument,
       fullWidth: true,
-      InputProps: "text",
+      InputProps: {
+        type: 'text',
+        inputProps: {
+          'data-testid': documentDataTestId
+        }
+      },
+      inputRef: this.documentRef,
       margin: "none",
-      inputRef: this.documentRef
+      name: "document",
+      onChange: this.handleOnChangeDocument,
+      onKeyPress: this.handleKeyPress,
+      placeholder: "XXXXXXXX",
+      value: document
     }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
       autoComplete: "off",
       className: _stylesModule.default.fieldCuit,
-      name: "verificationCode",
-      placeholder: "X",
-      fullWidth: true,
-      onKeyPress: this.handleKeyPress,
       error: (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : '',
-      onChange: this.handleOnChangeVerificationCode,
-      value: verificationCode,
-      InputProps: "input",
+      fullWidth: true,
+      inputRef: this.verificationCodeRef,
+      InputProps: {
+        type: 'input',
+        inputProps: {
+          'data-testid': verificationCodeDataTestId
+        }
+      },
       margin: "none",
-      inputRef: this.verificationCodeRef
+      name: "verificationCode",
+      onChange: this.handleOnChangeVerificationCode,
+      onKeyPress: this.handleKeyPress,
+      placeholder: "X",
+      value: verificationCode
     })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
       variant: "small",
       colorTheme: "error"
@@ -149,8 +170,11 @@ class UTCuit extends _react.PureComponent {
   }
 }
 UTCuit.propTypes = {
+  documentDataTestId: _propTypes.string,
+  field: _formTypes.fieldType,
   input: _formTypes.inputPropTypes,
   meta: _formTypes.metaPropTypes,
-  field: _formTypes.fieldType
+  prefixDataTestId: _propTypes.string,
+  verificationCodeDataTestId: _propTypes.string
 };
 var _default = exports.default = (0, _WithTheme.default)(null, _theme.retrieveMuiTheme)(UTCuit);

package/dist/components/UTGoogleAutocomplete/index.js

@@ -25,6 +25,7 @@ const UTGoogleAutocomplete = _ref => {
   let {
     alert,
     classes,
+    dataTestId,
     detailErrorLabel = 'Hubo un error al intentar recuperar el detalle de la dirección seleccionada',
     inputProps,
     minChar = 3,
@@ -90,6 +91,7 @@ const UTGoogleAutocomplete = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_UTAlert.default, {
     content: alert
   }), /*#__PURE__*/_react.default.createElement(_UTTextInput.default, _extends({
+    dataTestId: dataTestId,
     input: {
       value: searchInputValue,
       onChange: handleInputChange

package/dist/components/UTLabel/index.js

@@ -22,8 +22,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const UTLabel = _ref => {
   let {
     children,
-    classes: theme,
     className,
+    classes: theme,
+    dataTestId,
     markdownRenderers,
     title,
     variant,
@@ -36,6 +37,7 @@ const UTLabel = _ref => {
   }), [theme, className]);
   return /*#__PURE__*/_react.default.createElement(_UTSkeleton.default, null, /*#__PURE__*/_react.default.createElement(Component, {
     className: "".concat(classes.root, " ").concat(classes.className).trim(),
+    "data-testid": dataTestId,
     title: title
   }, withMarkdown && /*#__PURE__*/_react.default.createElement(_reactMarkdown.default, {
     children: children,
@@ -51,6 +53,7 @@ UTLabel.defaultProps = _constants.DEFAULT_PROPS;
 UTLabel.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   className: _propTypes.string,
+  dataTestId: _propTypes.string,
   markdownRenderers: (0, _propTypes.objectOf)(_propTypes.func),
   title: _propTypes.string,
   variant: _propTypes.string,

package/dist/components/UTOnboarding/index.js

@@ -21,12 +21,14 @@ const UTOnboarding = _ref => {
   var _steps$currentStep$is, _steps$currentStep, _steps$currentStep$hi, _steps$currentStep2, _steps$currentStep3, _steps$currentStep4;
   let {
     classes: themeClasses,
+    closeButtonDataTestId,
     classNames,
     enabled,
     handleComplete,
     handleOnClose,
     options,
     steps,
+    titleDataTestId,
     variant
   } = _ref;
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [themeClasses, classNames]) || {};
@@ -35,6 +37,17 @@ const UTOnboarding = _ref => {
   const currentStepIsSuggestion = (_steps$currentStep$is = (_steps$currentStep = steps[currentStep]) === null || _steps$currentStep === void 0 ? void 0 : _steps$currentStep.isSuggestion) !== null && _steps$currentStep$is !== void 0 ? _steps$currentStep$is : false;
   const hideFooter = (_steps$currentStep$hi = (_steps$currentStep2 = steps[currentStep]) === null || _steps$currentStep2 === void 0 ? void 0 : _steps$currentStep2.hideFooter) !== null && _steps$currentStep$hi !== void 0 ? _steps$currentStep$hi : false;
   const totalSteps = steps.length;
+
+  // 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;
+    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;
+    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);
   (0, _react.useEffect)(() => {
     setLoading(false);
   }, [steps]);
@@ -113,11 +126,13 @@ const UTOnboarding = _ref => {
 UTOnboarding.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  closeButtonDataTestId: _propTypes.string,
   enabled: _propTypes.bool,
   handleComplete: _propTypes.func,
   handleOnClose: _propTypes.func,
   options: _propTypes.object,
   steps: _propTypes.array,
+  titleDataTestId: _propTypes.string,
   variant: _propTypes.string
 };
 var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTOnboarding);

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

@@ -19,6 +19,7 @@ const UTPasswordField = _ref => {
     field,
     input,
     classes = {},
+    dataTestId,
     ValidationPassedIcon,
     ValidationFailedIcon,
     NoValueIcon,
@@ -40,6 +41,7 @@ const UTPasswordField = _ref => {
     validationContainer
   } = classes;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTTextInput.default, _extends({
+    dataTestId: dataTestId,
     field: field,
     input: input,
     meta: !showValidations ? meta : undefined,
@@ -70,6 +72,7 @@ UTPasswordField.propTypes = {
   field: _formTypes.fieldType,
   input: _formTypes.inputPropTypes,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
   variant: _propTypes.string,
   ValidationPassedIcon: _propTypes.elementType,
   ValidationFailedIcon: _propTypes.elementType,

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

@@ -174,6 +174,7 @@ class UTPhoneInput extends _react.PureComponent {
   render() {
     var _field$configuration, _field$configuration2;
     const {
+      areaCodeDataTestId,
       areaCodeFieldProps,
       phoneNumberFieldProps,
       field,
@@ -181,6 +182,7 @@ class UTPhoneInput extends _react.PureComponent {
       disabled,
       meta,
       classes: themeClasses = {},
+      phoneNumberDataTestId,
       placeholder,
       label,
       variant,
@@ -219,6 +221,9 @@ class UTPhoneInput extends _react.PureComponent {
       InputProps: {
         classes: {
           input: inputClassName
+        },
+        inputProps: {
+          'data-testid': areaCodeDataTestId
         }
       }
     }, areaCodeFieldProps)), /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
@@ -249,6 +254,9 @@ class UTPhoneInput extends _react.PureComponent {
       InputProps: {
         classes: {
           input: inputClassName
+        },
+        inputProps: {
+          'data-testid': phoneNumberDataTestId
         }
       }
     }, phoneNumberFieldProps)))), (error || (0, _form.shouldShowErrors)(meta)) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
@@ -277,7 +285,9 @@ UTPhoneInput.propTypes = {
   variant: _propTypes.string,
   inputClassName: _propTypes.string,
   areaCodeFieldProps: _propTypes.object,
-  phoneNumberFieldProps: _propTypes.object
+  phoneNumberFieldProps: _propTypes.object,
+  areaCodeDataTestId: _propTypes.string,
+  phoneNumberDataTestId: _propTypes.string
 };
 UTPhoneInput.defaultProps = {
   classes: {},

package/dist/components/UTStatus/index.js

@@ -20,6 +20,7 @@ const UTStatus = _ref => {
     classes,
     className,
     Icon,
+    labelDataTestId,
     size,
     title,
     type,
@@ -34,6 +35,7 @@ const UTStatus = _ref => {
     className: classes.icon
   }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: classes.label,
+    dataTestId: labelDataTestId,
     variant: _constants.SIZES[size] || _constants.SIZES[_constants.DEFAULT_PROPS.size],
     colorTheme: (0, _theme.getLabelTheme)((0, _theme.validateProps)({
       type,
@@ -47,6 +49,7 @@ UTStatus.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   className: _propTypes.string,
   Icon: _propTypes.elementType,
+  labelDataTestId: _propTypes.string,
   size: _propTypes.string,
   title: _propTypes.string,
   type: _propTypes.string,

package/dist/components/UTTable/index.js

@@ -57,6 +57,7 @@ const UTTable = _ref => {
     initialSelectedRows = [],
     integrationType = _UTTable.INTEGRATION_TYPES.INTERNAL,
     loading,
+    noResultDataTestId,
     noResultsLabel = _constants.NO_RESULTS_LABEL,
     onOrderChange,
     onPageChange,
@@ -199,7 +200,8 @@ const UTTable = _ref => {
       width: tableWidth
     }
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: classes.noResultsLabel
+    className: classes.noResultsLabel,
+    dataTestId: noResultDataTestId
   }, noResultsLabel)) : currentRows.map((row, index) => {
     const isSelected = selectedRows.includes(row[rowKey]);
     const selectedClassNames = isSelected ? classes.selectedRow : rowSpacing === _constants.ROW_SPACING_NAMES.NONE && index < currentRows.length - 1 ? _stylesModule.default.unselectedSmallRow : undefined;
@@ -336,6 +338,7 @@ UTTable.propTypes = {
   initialSelectedRows: (0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])),
   integrationType: (0, _propTypes.oneOf)([...Object.values(_UTTable.INTEGRATION_TYPES)]),
   loading: _propTypes.bool,
+  noResultDataTestId: _propTypes.string,
   noResultsLabel: _propTypes.string,
   onOrderChange: _propTypes.func,
   onPageChange: _propTypes.func,

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

@@ -21,6 +21,7 @@ const UTTextArea = _ref => {
   let {
     classes,
     classNames = {},
+    dataTestId,
     disabled,
     field,
     HelpIcon,
@@ -62,6 +63,7 @@ const UTTextArea = _ref => {
     className: _stylesModule.default.componentWrapper
   }, /*#__PURE__*/_react.default.createElement("textarea", _extends({}, inputProps, {
     className: "".concat(_stylesModule.default.textarea, " ").concat(textarea, " ").concat(classes.textarea),
+    "data-testid": dataTestId,
     onChange: handleOnChange,
     onBlur: onBlur,
     onFocus: onFocus,
@@ -87,6 +89,7 @@ UTTextArea.propTypes = {
     textarea: _propTypes.string,
     textAreaContainer: _propTypes.string
   }),
+  dataTestId: _propTypes.string,
   disabled: _propTypes.bool,
   field: _formTypes.fieldType,
   HelpIcon: _propTypes.elementType,

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

@@ -52,6 +52,7 @@ class UTTextInput extends _react.PureComponent {
       captionLabel,
       classes,
       containerClassName,
+      dataTestId,
       disabled,
       field,
       id,
@@ -141,6 +142,9 @@ class UTTextInput extends _react.PureComponent {
       autoComplete: "off",
       InputProps: {
         id: fieldId,
+        inputProps: {
+          'data-testid': dataTestId
+        },
         endAdornment: endAction && /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
           position: "end",
           className: "".concat(adornmentInside && _stylesModule.default.adornmentInside)
@@ -178,6 +182,7 @@ UTTextInput.propTypes = {
   captionLabel: _propTypes.string,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   containerClassName: _propTypes.string,
+  dataTestId: _propTypes.string,
   disabled: _propTypes.bool,
   field: _propTypes.object,
   id: _propTypes.string,

package/dist/types/googleMapsTypes.js

@@ -41,6 +41,7 @@ const UTGoogleAutocompletePropTypes = exports.UTGoogleAutocompletePropTypes = {
   alert: _propTypes.string,
   apikey: _propTypes.string,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
   detailErrorLabel: _propTypes.string,
   inputProps: _propTypes.object,
   minChar: _propTypes.number,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.25.0",
+  "version": "3.26.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",
@@ -92,7 +92,8 @@
   },
   "resolutions": {
     "@babel/preset-env": "^7.8.7",
-    "caniuse-lite": "1.0.30001632"
+    "caniuse-lite": "1.0.30001632",
+    "react-error-overlay": "6.0.9"
   },
   "browserslist": [
     ">0.2%",