@widergy/energy-ui 3.62.0 → 3.63.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.63.0](https://github.com/widergy/energy-ui/compare/v3.62.0...v3.63.0) (2025-02-21)
+
+
+### Features
+
+* [AUT-606] forms ids ([#581](https://github.com/widergy/energy-ui/issues/581)) ([b2714cf](https://github.com/widergy/energy-ui/commit/b2714cfb1df898fc1566e63cee26f1883588367a))
+
 # [3.62.0](https://github.com/widergy/energy-ui/compare/v3.61.1...v3.62.0) (2025-02-21)
 
 

package/dist/components/UTAttachment/index.js

@@ -162,6 +162,8 @@ class AttachmentContainer extends _react.Component {
       actions,
       classes,
       containerClassname,
+      dataTestId,
+      deleteDataTestId,
       disabled,
       errorClassname,
       field,
@@ -171,6 +173,7 @@ class AttachmentContainer extends _react.Component {
       input,
       loadingTextClassname,
       previewClassname,
+      previewDataTestId,
       previewProps,
       RemoveIcon,
       removeFileClassname,
@@ -189,6 +192,8 @@ class AttachmentContainer extends _react.Component {
       actions: actions,
       classes: classes,
       containerClassname: containerClassname,
+      dataTestId: dataTestId,
+      deleteDataTestId: deleteDataTestId,
       disabled: disabled,
       error: error,
       errorClassname: errorClassname,
@@ -204,6 +209,7 @@ class AttachmentContainer extends _react.Component {
       onClick: this.removeValue,
       preview: preview,
       previewClassname: previewClassname,
+      previewDataTestId: previewDataTestId,
       previewProps: previewProps,
       removeFileClassname: removeFileClassname,
       RemoveIcon: RemoveIcon,
@@ -224,6 +230,8 @@ AttachmentContainer.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   containerClassname: _propTypes.string,
   customValidation: _propTypes.func,
+  dataTestId: _propTypes.string,
+  deleteDataTestId: _propTypes.string,
   disableResize: _propTypes.bool,
   disabled: _propTypes.bool,
   errorClassname: _propTypes.string,
@@ -242,6 +250,7 @@ AttachmentContainer.propTypes = {
   onChange: _propTypes.func,
   onLoaded: _propTypes.func,
   previewClassname: _propTypes.string,
+  previewDataTestId: _propTypes.string,
   previewProps: _constants.previewPropType,
   removeFileClassname: _propTypes.string,
   RemoveIcon: _propTypes.elementType,

package/dist/components/UTAttachment/layout.js

@@ -26,6 +26,8 @@ const Attachment = _ref => {
     actions,
     classes,
     containerClassname,
+    dataTestId,
+    deleteDataTestId,
     disabled,
     error,
     errorClassname,
@@ -41,6 +43,7 @@ const Attachment = _ref => {
     onClick,
     preview,
     previewClassname,
+    previewDataTestId,
     previewProps,
     removeFileClassname,
     RemoveIcon,
@@ -57,7 +60,8 @@ const Attachment = _ref => {
     size: titleVariant,
     required: field.required
   }, field === null || field === void 0 ? void 0 : field.title), name && !loading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.previewContainer, " ").concat(previewClassname)
+    className: "".concat(_stylesModule.default.previewContainer, " ").concat(previewClassname),
+    "data-testid": previewDataTestId
   }, /*#__PURE__*/_react.default.createElement(_Preview.default, {
     preview: preview,
     previewProps: previewProps
@@ -71,6 +75,7 @@ const Attachment = _ref => {
     classNames: {
       root: "".concat(_stylesModule.default.removeIconContainer, " ").concat(removeFileClassname)
     },
+    dataTestId: deleteDataTestId,
     disabled: disabled,
     Icon: Icon,
     onClick: onClick,
@@ -84,6 +89,7 @@ const Attachment = _ref => {
     error: error,
     loadingTextClassname: loadingTextClassname,
     classes: classes,
+    dataTestId: dataTestId,
     errorClassname: errorClassname,
     errorText: errorText,
     icon: icon,
@@ -96,6 +102,8 @@ Attachment.propTypes = {
   actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   containerClassname: _propTypes.string,
+  dataTestId: _propTypes.string,
+  deleteDataTestId: _propTypes.string,
   disabled: _propTypes.bool,
   error: _propTypes.bool,
   errorClassname: _propTypes.string,
@@ -114,6 +122,7 @@ Attachment.propTypes = {
     type: _propTypes.string
   }),
   previewClassname: _propTypes.string,
+  previewDataTestId: _propTypes.string,
   previewProps: _constants.previewPropType,
   removeFileClassname: _propTypes.string,
   RemoveIcon: _propTypes.elementType,

package/dist/components/UTAttachmentList/index.js

@@ -26,6 +26,8 @@ const AttachmentContainer = _ref => {
     classes,
     containerClassname,
     customValidation,
+    dataTestId,
+    deleteDataTestId,
     disabled,
     disableResize,
     errorClassname,
@@ -36,6 +38,7 @@ const AttachmentContainer = _ref => {
     loadingTextClassname,
     maxFileSize: defaultMaxFileSize = 99999999,
     onLoaded,
+    previewDataTestId,
     resizeConfig,
     sanitize
   } = _ref;
@@ -200,6 +203,8 @@ const AttachmentContainer = _ref => {
     classes: classes,
     containerClassname: containerClassname,
     disabled: disabled,
+    dataTestId: dataTestId,
+    deleteDataTestId: deleteDataTestId,
     error: error,
     errorClassname: errorClassname,
     errorText: errorText,
@@ -211,7 +216,8 @@ const AttachmentContainer = _ref => {
     maxFiles: maxFiles,
     maxFileSize: (0, _utils.getSizeInMB)(maxFileSize),
     onChange: onChange,
-    preview: preview
+    preview: preview,
+    previewDataTestId: previewDataTestId
   });
 };
 AttachmentContainer.propTypes = {
@@ -226,6 +232,8 @@ AttachmentContainer.propTypes = {
   containerClassname: _propTypes.string,
   customValidation: _propTypes.func,
   disabled: _propTypes.bool,
+  dataTestId: _propTypes.string,
+  deleteDataTestId: _propTypes.string,
   disableResize: _propTypes.bool,
   errorClassname: _propTypes.string,
   field: _propTypes.any,
@@ -240,6 +248,7 @@ AttachmentContainer.propTypes = {
   loadingTextClassname: _propTypes.string,
   maxFileSize: _propTypes.number,
   onLoaded: _propTypes.func,
+  previewDataTestId: _propTypes.string,
   resizeConfig: (0, _propTypes.shape)({
     type: _propTypes.string,
     maxWidth: _propTypes.number,

package/dist/components/UTAttachmentList/layout.js

@@ -112,16 +112,19 @@ const Attachment = _ref => {
   let {
     acceptedFileTypes,
     classes,
+    dataTestId,
+    deleteDataTestId,
     disabled,
     error,
     errorText,
     fieldTypes,
     fileInputRef,
     helpText,
-    maxFiles,
     maxFileSize,
+    maxFiles,
     onChange,
     preview,
+    previewDataTestId,
     RemoveIcon
   } = _ref;
   const fieldType = acceptedFileTypes || fieldTypes.map(type => _files.inputFiles[type].inputType).join();
@@ -138,7 +141,8 @@ const Attachment = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(error && classes.errorContainer)
   }, !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer)
+    className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer),
+    "data-testid": previewDataTestId
   }, previewItem.src ? /*#__PURE__*/_react.default.createElement(_Preview.default, {
     classes: classes,
     preview: previewItem,
@@ -172,6 +176,7 @@ const Attachment = _ref => {
       root: preview.removeFileClassnames,
       icon: classes.actionNeutralIcon
     },
+    dataTestId: deleteDataTestId,
     disabled: disabled,
     Icon: Icon,
     onClick: previewItem.onClick,
@@ -194,6 +199,7 @@ const Attachment = _ref => {
     }
   }, _constants.UPLOAD_FILE), isUploadFileAvailable && /*#__PURE__*/_react.default.createElement("input", {
     className: _stylesModule.default.input,
+    "data-testid": dataTestId,
     accept: fieldType,
     ref: fileInputRef,
     type: "file",
@@ -224,6 +230,8 @@ const Attachment = _ref => {
 Attachment.propTypes = {
   acceptedFileTypes: _propTypes.string,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  deleteDataTestId: _propTypes.string,
   disabled: _propTypes.bool,
   error: _propTypes.bool,
   errorText: _propTypes.string,
@@ -232,13 +240,14 @@ Attachment.propTypes = {
     current: (0, _propTypes.instanceOf)(Element)
   })),
   helpText: _propTypes.string,
-  maxFiles: _propTypes.number,
   maxFileSize: _propTypes.number,
+  maxFiles: _propTypes.number,
   onChange: _propTypes.func,
   preview: (0, _propTypes.shape)({
     src: _propTypes.string,
     type: _propTypes.string
   }),
+  previewDataTestId: _propTypes.string,
   previewProps: _constants.previewPropType,
   RemoveIcon: _propTypes.elementType
 };

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

@@ -103,6 +103,7 @@ const UTCheckList = _ref => {
     className: "".concat(_stylesModule.default.checkboxesContainer, " ").concat(smallVerticalSpacingClass, " ").concat(variant === _constants.BUTTON_VARIANT && _stylesModule.default.buttonVariant, " ").concat(classNames.checkboxesContainer)
   }, showSelectAll && !isSimple && /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
     className: classNames.selectAll,
+    dataTestId: itemDataTestId ? "".concat(itemDataTestId, ".selectAll") : null,
     disabled: disabled,
     indeterminate: isIndeterminate,
     onChange: handleCheckAll,

package/dist/components/UTFileInput/layout.js

@@ -50,21 +50,22 @@ class UTFileInput extends _react.PureComponent {
   }
   render() {
     const {
-      onChange,
-      name,
-      label,
-      loading,
-      fileType,
+      classes,
+      containerClassname,
+      dataTestId,
+      disabled,
       error,
+      errorClassname,
       errorText,
+      fileType,
       icon: Icon,
-      uploadingText,
-      classes,
-      loadingTextClassname,
       inputClassname,
-      errorClassname,
-      containerClassname,
-      disabled
+      label,
+      loading,
+      loadingTextClassname,
+      name,
+      onChange,
+      uploadingText
     } = this.props;
     const UploadImage = uploadIcon;
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -85,12 +86,13 @@ class UTFileInput extends _react.PureComponent {
       variant: "small",
       className: "".concat(_stylesModule.default.label, " ").concat(classes.fileInputLabel)
     }, label)), /*#__PURE__*/_react.default.createElement("input", {
-      className: "".concat(_stylesModule.default.input, " ").concat(inputClassname),
       accept: fileType,
-      type: "file",
-      onChange: onChange,
+      className: "".concat(_stylesModule.default.input, " ").concat(inputClassname),
+      "data-testid": dataTestId,
+      disabled: disabled,
       name: name,
-      disabled: disabled
+      onChange: onChange,
+      type: "file"
     })), error && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
       className: errorClassname,
       colorTheme: "error",
@@ -103,20 +105,21 @@ UTFileInput.defaultProps = {
   uploadingText: _constants.UPLOADING
 };
 UTFileInput.propTypes = {
-  label: _propTypes.string,
-  uploadingText: _propTypes.string,
-  name: _propTypes.string,
-  onChange: _propTypes.func.isRequired,
-  loading: _propTypes.bool,
-  fileType: _propTypes.string,
-  error: _propTypes.bool,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  containerClassname: _propTypes.string,
+  dataTestId: _propTypes.string,
   disabled: _propTypes.bool,
+  error: _propTypes.bool,
+  errorClassname: _propTypes.string,
   errorText: _propTypes.string,
+  fileType: _propTypes.string,
   icon: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  loadingTextClassname: _propTypes.string,
   inputClassname: _propTypes.string,
-  errorClassname: _propTypes.string,
-  containerClassname: _propTypes.string
+  label: _propTypes.string,
+  loading: _propTypes.bool,
+  loadingTextClassname: _propTypes.string,
+  name: _propTypes.string,
+  onChange: _propTypes.func.isRequired,
+  uploadingText: _propTypes.string
 };
 var _default = exports.default = UTFileInput;

package/dist/components/UTImageRadio/components/ImageRadioCard/index.js

@@ -16,13 +16,14 @@ 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 ImageRadioCard = _ref => {
   let {
-    option = {},
+    classes,
     compact,
-    oneColumn,
+    dataTestId,
+    disabled,
     isSelected,
     onChange,
-    classes,
-    disabled,
+    oneColumn,
+    option = {},
     variant = {}
   } = _ref;
   const {
@@ -53,6 +54,7 @@ const ImageRadioCard = _ref => {
   }), [imageUrl, selectedImageUrl]);
   const Content = () => /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.containerCard, " ").concat(isSelected && "".concat(_stylesModule.default.isSelected, " ").concat(classes.isSelected), " ").concat(oneColumn && _stylesModule.default.oneColumn, " ").concat(compact && _stylesModule.default.compact, " ").concat(disabled && _stylesModule.default.disabled, " ").concat(transparent && _stylesModule.default.transparent, " ").concat(vertical && classes.vertical, " ").concat(tooltip && _stylesModule.default.contentWithTooltip, " "),
+    dataTestId: dataTestId,
     onClick: handleOnChange
   }, (imageUrl || ImageComponent) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classes.image, " ").concat(_stylesModule.default.image)
@@ -74,16 +76,17 @@ const ImageRadioCard = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Content, null))) : /*#__PURE__*/_react.default.createElement(Content, null);
 };
 ImageRadioCard.propTypes = {
-  option: _types.optionType,
-  disabled: _propTypes.bool,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
   compact: _propTypes.bool,
+  dataTestId: _propTypes.string,
+  disabled: _propTypes.bool,
   isSelected: _propTypes.bool,
   onChange: _propTypes.func.isRequired,
   oneColumn: _propTypes.bool,
+  option: _types.optionType,
   variant: (0, _propTypes.shape)({
     layout: _propTypes.string,
     transparent_background: _propTypes.bool
-  }),
-  classes: (0, _propTypes.objectOf)(_propTypes.string)
+  })
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ImageRadioCard);

package/dist/components/UTImageRadio/index.js

@@ -23,17 +23,18 @@ 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 UTImageRadio = _ref => {
   let {
-    oneColumnBreakpoint = _constants.DEFAULT_ONE_COLUMN_BREAKPOINT,
-    oneColumn,
-    leftAligned,
+    classNames,
+    classes: themeClasses,
     compact,
-    input = {},
+    dataTestId,
+    disabled,
     field,
+    input = {},
+    leftAligned,
     meta,
-    options = [],
-    disabled,
-    classNames,
-    classes: themeClasses
+    oneColumn,
+    oneColumnBreakpoint = _constants.DEFAULT_ONE_COLUMN_BREAKPOINT,
+    options = []
   } = _ref;
   const mutableOptions = [...options];
   const {
@@ -49,16 +50,17 @@ const UTImageRadio = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(alignToLeft && _stylesModule.default.leftAligned)
-  }, mutableOptions.sort(_utils.sortOptions).map(item => /*#__PURE__*/_react.default.createElement(_ImageRadioCard.default, {
-    key: item.value,
-    option: item,
-    variant: field === null || field === void 0 ? void 0 : field.configuration,
+  }, mutableOptions.sort(_utils.sortOptions).map((item, i) => /*#__PURE__*/_react.default.createElement(_ImageRadioCard.default, {
+    classes: classes,
     compact: compact,
+    dataTestId: "".concat(dataTestId).concat(i),
     disabled: disabled,
-    oneColumn: oneColumn || containerWidth < oneColumnBreakpoint,
     isSelected: value === item.value,
+    key: item.value,
     onChange: onChange,
-    classes: classes
+    oneColumn: oneColumn || containerWidth < oneColumnBreakpoint,
+    option: item,
+    variant: field === null || field === void 0 ? void 0 : field.configuration
   }))), meta && (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     colorTheme: "error",
     className: _stylesModule.default.error,
@@ -66,16 +68,17 @@ const UTImageRadio = _ref => {
   }, meta.error));
 };
 UTImageRadio.propTypes = {
-  oneColumnBreakpoint: _propTypes.number,
-  options: (0, _propTypes.arrayOf)(_types.optionType),
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
   compact: _propTypes.bool,
-  leftAligned: _propTypes.bool,
-  oneColumn: _propTypes.bool,
-  field: _formTypes.fieldType,
+  dataTestId: _propTypes.string,
   disabled: _propTypes.bool,
+  field: _formTypes.fieldType,
   input: _formTypes.inputPropTypes,
+  leftAligned: _propTypes.bool,
   meta: _formTypes.metaPropTypes,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  classes: (0, _propTypes.objectOf)(_propTypes.string)
+  oneColumn: _propTypes.bool,
+  oneColumnBreakpoint: _propTypes.number,
+  options: (0, _propTypes.arrayOf)(_types.optionType)
 };
 var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(/*#__PURE__*/(0, _react.memo)(UTImageRadio));

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

@@ -41,6 +41,7 @@ const UTPhoneInput = _ref => {
       areaCodeWithoutZeroError: 'El código de área debe comenzar sin 0.',
       invalidAreaCodeError: 'No pudimos reconocer el código de área ingresado. Intenta con uno diferente.'
     },
+    validationDataTestId,
     validations,
     value,
     withAreaCode = true
@@ -174,6 +175,7 @@ const UTPhoneInput = _ref => {
     colorTheme: "gray",
     variant: "small"
   }, helpText), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
+    dataTestId: validationDataTestId,
     validationData: validationData
   }));
 };
@@ -198,6 +200,7 @@ UTPhoneInput.propTypes = {
     areaCodeWithoutZeroError: _propTypes.string,
     invalidAreaCodeError: _propTypes.string
   }),
+  validationDataTestId: _propTypes.string,
   validations: _UTValidation.validationDataProptypes,
   value: _propTypes.string,
   withAreaCode: _propTypes.bool

package/dist/components/UTRadioGroup/index.js

@@ -65,7 +65,7 @@ class UTRadioGroup extends _react.PureComponent {
             checked: "".concat(classes.checked, " ").concat(classes.checkedIconRoot)
           },
           inputProps: {
-            'data-testid': dataTestId
+            'data-testid': dataTestId ? "".concat(dataTestId, ".").concat(index) : null
           }
         }),
         className: "".concat(classes.formControlLabel, " \n              ").concat(this.props.divider && index === 0 && classes.topDivider, " \n              ").concat(this.props.divider && classes.divider, "\n              ").concat(className)

package/package.json

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