@occmundial/occ-atomic 1.22.0 → 1.22.2

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [1.22.2](https://github.com/occmundial/occ-atomic/compare/v1.22.1...v1.22.2) (2022-11-15)
+
+
+### Bug Fixes
+
+* Moves testid to icon component ([09170b8](https://github.com/occmundial/occ-atomic/commit/09170b83c864a054da1e385077e3945b96573ef8))
+
+## [1.22.1](https://github.com/occmundial/occ-atomic/compare/v1.22.0...v1.22.1) (2022-11-10)
+
+
+### Bug Fixes
+
+* Add testid in render props ([d55d31e](https://github.com/occmundial/occ-atomic/commit/d55d31e737799916afe9705239fb48b9a840654b))
+* Indentation navicon ([0d98ca6](https://github.com/occmundial/occ-atomic/commit/0d98ca68b4ca7c67155a04acaf8f80f8318954a2))
+
 # [1.22.0](https://github.com/occmundial/occ-atomic/compare/v1.21.3...v1.22.0) (2022-11-09)
 
 

package/build/Icon/Icon.js

@@ -55,7 +55,8 @@ var Icon = /*#__PURE__*/function (_React$Component) {
           id = _this$props.id,
           ariaLabel = _this$props.ariaLabel,
           onClick = _this$props.onClick,
-          alt = _this$props.alt;
+          alt = _this$props.alt,
+          testId = _this$props.testId;
       var IconType = onClick ? 'button' : 'span';
       return /*#__PURE__*/_react["default"].createElement(IconType, {
         id: id,
@@ -63,7 +64,8 @@ var Icon = /*#__PURE__*/function (_React$Component) {
         "aria-label": ariaLabel,
         style: style,
         onClick: onClick,
-        alt: alt
+        alt: alt,
+        "data-testid": testId
       });
     }
   }]);
@@ -106,7 +108,10 @@ Icon.propTypes = {
   id: _propTypes["default"].string,
   ariaLabel: _propTypes["default"].string,
   className: _propTypes["default"].string,
-  style: _propTypes["default"].object
+  style: _propTypes["default"].object,
+
+  /** The testId property adds the data attribute data-testid to the main element and should be used for testing only. */
+  testId: _propTypes["default"].string
 };
 var _default = Icon;
 exports["default"] = _default;

package/build/Modal/Modal.js

@@ -123,17 +123,17 @@ var Modal = /*#__PURE__*/function (_React$Component) {
           fullSize = _this$props.fullSize,
           testId = _this$props.testId;
 
-      var closeButton = /*#__PURE__*/_react["default"].createElement("div", _extends({
+      var closeButton = /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.closeIcon
-      }, testId && {
-        'data-testid': "".concat(testId, "__container-close-icon")
-      }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({
         iconName: "close",
         width: 24,
         height: 24,
         colors: [_colors["default"].grey900],
         onClick: onClose
-      }));
+      }, testId && {
+        testId: "".concat(testId, "__close-icon")
+      })));
 
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(classes.overlay, " ").concat(show ? classes.overlayShow : classes.overlayHide).concat(!onClose ? " ".concat(classes.noClose) : ''),
@@ -188,7 +188,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
         disabled: secBtn.disabled,
         id: secBtn.id
       }, testId && {
-        'data-testid': "".concat(testId, "__button_secondary")
+        testId: "".concat(testId, "__button_secondary")
       }), secBtn.text), /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
         className: classes.mainBtn,
         onClick: mainBtn.onClick,
@@ -198,7 +198,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
         disabled: mainBtn.disabled,
         id: mainBtn.id
       }, testId && {
-        'data-testid': "".concat(testId, "__button_main")
+        testId: "".concat(testId, "__button_main")
       }), mainBtn.text))))))));
     }
   }]);

package/build/NavIcon/NavIcon.js

@@ -57,7 +57,8 @@ var NavIcon = /*#__PURE__*/function (_React$Component) {
           label = _this$props.label,
           onClick = _this$props.onClick,
           direction = _this$props.direction,
-          className = _this$props.className;
+          className = _this$props.className,
+          testId = _this$props.testId;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(classes.cont).concat(selected ? " ".concat(classes.selected) : '').concat(className ? " ".concat(className) : ''),
         onClick: onClick,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",