@occmundial/occ-atomic 1.24.0 → 1.26.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.26.0](https://github.com/occmundial/occ-atomic/compare/v1.25.0...v1.26.0) (2023-02-10)
+
+
+### Features
+
+* Add testId to text component ([029f501](https://github.com/occmundial/occ-atomic/commit/029f50148ffce324dc696707c73219ce8d16ebd7))
+
+# [1.25.0](https://github.com/occmundial/occ-atomic/compare/v1.24.0...v1.25.0) (2023-02-09)
+
+
+### Features
+
+* Add id property to NavItem and NavIcon component ([734911c](https://github.com/occmundial/occ-atomic/commit/734911cd8bbee3987c38d2897bf00ea2b39db09e))
+* Delete description property ([a2e6261](https://github.com/occmundial/occ-atomic/commit/a2e626123c1f86c7ddad83d6ea6ee225bff15a0d))
+
 # [1.24.0](https://github.com/occmundial/occ-atomic/compare/v1.23.0...v1.24.0) (2023-02-02)
 
 

package/build/NavIcon/NavIcon.js

@@ -58,11 +58,13 @@ var NavIcon = /*#__PURE__*/function (_React$Component) {
           onClick = _this$props.onClick,
           direction = _this$props.direction,
           className = _this$props.className,
-          testId = _this$props.testId;
+          testId = _this$props.testId,
+          id = _this$props.id;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(classes.cont).concat(selected ? " ".concat(classes.selected) : '').concat(className ? " ".concat(className) : ''),
         onClick: onClick,
-        "data-testid": testId
+        "data-testid": testId,
+        id: id
       }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
         display: "flex",
         direction: direction,
@@ -94,7 +96,8 @@ NavIcon.propTypes = {
   className: _propTypes["default"].string,
 
   /** The testId property adds the data attribute data-testid to the main element and should be used for testing only. */
-  testId: _propTypes["default"].string
+  testId: _propTypes["default"].string,
+  id: _propTypes["default"].string
 };
 var _default = NavIcon;
 exports["default"] = _default;

package/build/NavItem/NavItem.js

@@ -65,7 +65,8 @@ var NavItem = /*#__PURE__*/function (_React$Component) {
           white = _this$props.white,
           small = _this$props.small,
           className = _this$props.className,
-          testId = _this$props.testId;
+          testId = _this$props.testId,
+          id = _this$props.id;
       var AnchorTag = customComponent ? customComponent : 'a';
       return /*#__PURE__*/_react["default"].createElement(AnchorTag, _extends({
         className: "".concat(classes.link).concat(className ? " ".concat(className) : ''),
@@ -73,7 +74,8 @@ var NavItem = /*#__PURE__*/function (_React$Component) {
         onClick: !selected ? onClick : null,
         target: target
       }, customComponent && customProps, {
-        "data-testid": testId
+        "data-testid": testId,
+        id: id
       }), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
         tag: "span",
         white: white,
@@ -121,7 +123,8 @@ NavItem.propTypes = {
   className: _propTypes["default"].string,
 
   /** The testId property adds the data attribute data-testid to the main element and should be used for testing only. */
-  testId: _propTypes["default"].string
+  testId: _propTypes["default"].string,
+  id: _propTypes["default"].string
 };
 var _default = NavItem;
 exports["default"] = _default;

package/build/Text/Text.js

@@ -275,7 +275,8 @@ var Text = /*#__PURE__*/function (_Component) {
           tag = _this$props8.tag,
           className = _this$props8.className,
           style = _this$props8.style,
-          id = _this$props8.id;
+          id = _this$props8.id,
+          testId = _this$props8.testId;
       var TextType = tag;
       var size = this.getSize();
       var color = this.getColor();
@@ -287,7 +288,8 @@ var Text = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement(TextType, {
         className: "".concat(classes.text, " ").concat(size, " ").concat(color ? color : emphasis).concat(topSpacing).concat(bottomSpacing).concat(align ? " ".concat(align) : '').concat(strong ? " ".concat(strong) : '').concat(className ? " ".concat(className) : ''),
         style: style,
-        id: id
+        id: id,
+        "data-testid": testId
       }, children);
     }
   }]);
@@ -417,7 +419,8 @@ Text.propTypes = {
   tag: _propTypes["default"].string.isRequired,
   className: _propTypes["default"].string,
   style: _propTypes["default"].object,
-  id: _propTypes["default"].string
+  id: _propTypes["default"].string,
+  testId: _propTypes["default"].string
 };
 Text.defaultProps = {
   tag: 'p'

package/package.json

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