@occmundial/occ-atomic 1.22.1 → 1.23.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.23.0](https://github.com/occmundial/occ-atomic/compare/v1.22.2...v1.23.0) (2022-12-05)
+
+
+### Features
+
+* Add bottomItem children to footer ([6dc470d](https://github.com/occmundial/occ-atomic/commit/6dc470d4f06357bbd3602335ee46f39f0cbc9df7))
+
+## [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)
 
 

package/build/Footer/Footer.js

@@ -41,6 +41,7 @@ var Footer = function Footer(_ref) {
       bottomLinks = _ref.bottomLinks,
       copyText = _ref.copyText,
       aux = _ref.aux,
+      bottomItem = _ref.bottomItem,
       listClassName = _ref.listClassName;
   var text = aux.text,
       icon = aux.icon,
@@ -79,7 +80,15 @@ var Footer = function Footer(_ref) {
     direction: isMobile ? 'col' : 'row'
   }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     flex: "1"
-  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+  }, aux && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    href: href,
+    target: target,
+    icon: icon,
+    iconRight: iconRight,
+    size: "md",
+    theme: "ghostPink",
+    className: "".concat(isMobile ? classes.buttonMobile : '', " ").concat(auxClassName)
+  }, text), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     small: true,
     mid: true,
     bottomTiny: true,
@@ -102,15 +111,7 @@ var Footer = function Footer(_ref) {
   })), copyText && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     small: true,
     mid: true
-  }, copyText)), aux && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    href: href,
-    target: target,
-    icon: icon,
-    iconRight: iconRight,
-    size: "md",
-    theme: "ghostPink",
-    className: "".concat(isMobile ? classes.buttonMobile : '', " ").concat(auxClassName)
-  }, text))))));
+  }, copyText)), bottomItem)))));
 };
 
 var columnPropTypes = _propTypes["default"].arrayOf(_propTypes["default"].arrayOf(_propTypes["default"].shape({
@@ -158,6 +159,9 @@ Footer.propTypes = {
     iconRight: _propTypes["default"].string
   }),
 
+  /** Custom component to render on the bottom right, at the end of the footer */
+  bottomItem: _propTypes["default"].node,
+
   /** Footer list className.  */
   listClassName: _propTypes["default"].string
 };

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/package.json

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