@occmundial/occ-atomic 1.25.0 → 1.27.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.27.0](https://github.com/occmundial/occ-atomic/compare/v1.26.0...v1.27.0) (2023-02-16)
+
+
+### Features
+
+* Add missing ids ([2f20288](https://github.com/occmundial/occ-atomic/commit/2f20288510da0018027f2d332e05cb85588bd313))
+* pill data-testid has been added ([bbd3bc2](https://github.com/occmundial/occ-atomic/commit/bbd3bc212c0fa83a373959a3f306e30b395c45e1))
+
+# [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)
 
 

package/build/Pill/Choice/Choice.js

@@ -73,6 +73,7 @@ var Choice = /*#__PURE__*/function (_React$Component) {
           selected = _this$props2.selected,
           disabled = _this$props2.disabled,
           idPrefix = _this$props2.idPrefix,
+          testId = _this$props2.testId,
           leftIcon = _this$props2.leftIcon,
           rightIcon = _this$props2.rightIcon,
           id = _this$props2.id;
@@ -80,7 +81,8 @@ var Choice = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("button", {
         className: "".concat(classes.pill).concat(selected ? " ".concat(classes.selected) : disabled ? " ".concat(classes.disabled) : ''),
         onClick: this.handleOnClick,
-        id: idPrefix ? "".concat(idPrefix).concat(id) : null
+        id: idPrefix ? "".concat(idPrefix).concat(id) : null,
+        "data-testid": testId ? "".concat(testId).concat(id) : null
       }, leftIcon && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         iconName: leftIcon,
         colors: [iconColor],
@@ -112,7 +114,8 @@ Choice.propTypes = {
   disabled: _propTypes["default"].bool,
   leftIcon: _propTypes["default"].string,
   rightIcon: _propTypes["default"].string,
-  idPrefix: _propTypes["default"].string
+  idPrefix: _propTypes["default"].string,
+  testId: _propTypes["default"].string
 };
 var _default = Choice;
 exports["default"] = _default;

package/build/Pill/Group/Group.js

@@ -16,13 +16,15 @@ var Group = function Group(_ref) {
       items = _ref.items,
       selected = _ref.selected,
       onSelect = _ref.onSelect,
-      idPrefix = _ref.idPrefix;
+      idPrefix = _ref.idPrefix,
+      testId = _ref.testId;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.pillGroup
   }, items.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement("button", {
       key: item.id,
       id: idPrefix ? "".concat(idPrefix).concat(item.id) : null,
+      "data-testid": testId ? "".concat(testId).concat(item.id) : null,
       className: "".concat(classes.pill).concat(selected == item.id ? " ".concat(classes.selected) : item.disabled ? " ".concat(classes.disabled) : ''),
       onClick: selected != item.id ? function () {
         onSelect(item.id, index);
@@ -36,7 +38,8 @@ Group.propTypes = {
   items: _propTypes["default"].array,
   onSelect: _propTypes["default"].func,
   selected: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  idPrefix: _propTypes["default"].string
+  idPrefix: _propTypes["default"].string,
+  testId: _propTypes["default"].string
 };
 var _default = Group;
 exports["default"] = _default;

package/build/Pill/Pill.js

@@ -134,6 +134,7 @@ var Pill = /*#__PURE__*/function (_Component) {
           disabled = _this$props.disabled,
           lockHeight = _this$props.lockHeight,
           idPrefix = _this$props.idPrefix,
+          testId = _this$props.testId,
           onClick = _this$props.onClick,
           onClose = _this$props.onClose,
           id = _this$props.id,
@@ -154,7 +155,8 @@ var Pill = /*#__PURE__*/function (_Component) {
         items: group,
         onSelect: this.handleGroupOnSelect,
         selected: selected,
-        idPrefix: idPrefix
+        idPrefix: idPrefix,
+        testId: testId
       }) : stack ? /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.stackGroup
       }, stack.map(function (pill) {
@@ -162,6 +164,7 @@ var Pill = /*#__PURE__*/function (_Component) {
           key: pill.id,
           idPrefix: idPrefix,
           id: pill.id,
+          testId: testId,
           disabled: pill.disabled,
           onClick: onClick ? _this2.handleStackItemOnClick : null,
           onClose: onClose ? _this2.handleStackItemOnClose : null
@@ -173,6 +176,7 @@ var Pill = /*#__PURE__*/function (_Component) {
           key: pill.id,
           idPrefix: idPrefix,
           id: pill.id,
+          testId: testId,
           disabled: pill.disabled,
           selected: pill.selected,
           onClick: _this2.handleChoiceOnSelect,
@@ -260,6 +264,9 @@ Pill.propTypes = {
 
   /** Prefix for the id of every pill. If you don't specify a prefix they will not have an id. */
   idPrefix: _propTypes["default"].string,
+
+  /** Data test id used for automated testing.  */
+  testId: _propTypes["default"].string,
   id: _propTypes["default"].string,
   className: _propTypes["default"].string,
   style: _propTypes["default"].object

package/build/Pill/Stack/Stack.js

@@ -35,13 +35,15 @@ var Stack = function Stack(_ref) {
       disabled = _ref.disabled,
       _onClick = _ref.onClick,
       onClose = _ref.onClose,
-      idPrefix = _ref.idPrefix;
+      idPrefix = _ref.idPrefix,
+      testId = _ref.testId;
   return /*#__PURE__*/_react["default"].createElement("button", {
     className: "".concat(classes.pill).concat(disabled ? " ".concat(classes.disabled) : ''),
     onClick: function onClick() {
       handleOnClick(id, _onClick);
     },
-    id: idPrefix ? "".concat(idPrefix).concat(id) : null
+    id: idPrefix ? "".concat(idPrefix).concat(id) : null,
+    "data-testid": testId ? "".concat(testId).concat(id) : null
   }, children && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     className: classes.text,
     tag: "span",
@@ -67,7 +69,8 @@ Stack.propTypes = {
   disabled: _propTypes["default"].bool,
   onClick: _propTypes["default"].func,
   onClose: _propTypes["default"].func,
-  idPrefix: _propTypes["default"].string
+  idPrefix: _propTypes["default"].string,
+  testId: _propTypes["default"].string
 };
 var _default = Stack;
 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.25.0",
+  "version": "1.27.0",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",