@occmundial/occ-atomic 1.27.0 → 1.29.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.29.0](https://github.com/occmundial/occ-atomic/compare/v1.28.0...v1.29.0) (2023-04-12)
+
+
+### Features
+
+* Add testid to slidetoggle and add data value to radio component ([253690f](https://github.com/occmundial/occ-atomic/commit/253690f1e8bc9fc7a0a82a4430b9e74712be84ba))
+* Update radio data value condition ([b501a24](https://github.com/occmundial/occ-atomic/commit/b501a2450cbb40cdb6ab6e13c637281c84ad7840))
+
+# [1.28.0](https://github.com/occmundial/occ-atomic/compare/v1.27.0...v1.28.0) (2023-02-16)
+
+
+### Features
+
+* Add missing index ([b506269](https://github.com/occmundial/occ-atomic/commit/b506269f8f86a9a4d2d8e65ba5443b178e7c3692))
+
 # [1.27.0](https://github.com/occmundial/occ-atomic/compare/v1.26.0...v1.27.0) (2023-02-16)
 
 

package/build/Pill/Group/Group.js

@@ -24,7 +24,7 @@ var Group = function Group(_ref) {
     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,
+      "data-testid": testId ? "".concat(testId).concat(index) : 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);

package/build/Radio/Radio.js

@@ -15,6 +15,8 @@ var _Text = _interopRequireDefault(require("../Text"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -89,16 +91,19 @@ var Radio = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         id: id
       }, options.map(function (option) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
+        return /*#__PURE__*/_react["default"].createElement("div", _extends({
           id: option.trk,
-          "data-testid": option.testId,
           key: option.value,
+          "data-testid": option.testId
+        }, option.testId && {
+          'data-value': selected == option.value ? 1 : 0
+        }, {
           className: "".concat(classes.cont).concat(selected == option.value ? " ".concat(classes.active) : '').concat(option.disabled ? " ".concat(classes.disabled) : '').concat(className ? " ".concat(className) : ''),
           onClick: function onClick() {
             _this2.onChange(option);
           },
           style: style
-        }, /*#__PURE__*/_react["default"].createElement("div", {
+        }), /*#__PURE__*/_react["default"].createElement("div", {
           className: classes.radio,
           id: option.trk
         }), option.label && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
@@ -134,6 +139,9 @@ Radio.propTypes = {
     label: _propTypes["default"].string,
     right: _propTypes["default"].string,
     trk: _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
   })),
 

package/build/SlideToggle/SlideToggle.js

@@ -15,6 +15,8 @@ var _Text = _interopRequireDefault(require("../Text"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -89,17 +91,21 @@ var SlideToggle = /*#__PURE__*/function (_React$Component) {
           className = _this$props2.className,
           style = _this$props2.style,
           name = _this$props2.name,
-          trk = _this$props2.trk;
+          trk = _this$props2.trk,
+          testId = _this$props2.testId;
       return /*#__PURE__*/_react["default"].createElement("div", {
         id: id,
         className: "".concat(classes.cont).concat(disabled ? " ".concat(classes.disabled) : '').concat(className ? " ".concat(className) : ''),
         style: style
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", _extends({
         id: trk,
         name: name,
         className: "".concat(classes["switch"]).concat(value ? " ".concat(classes.checked) : ''),
-        onClick: this.toggle
-      }, /*#__PURE__*/_react["default"].createElement("span", {
+        onClick: this.toggle,
+        "data-testid": testId
+      }, testId && {
+        'data-value': value ? 1 : 0
+      }), /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.slider
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.icon
@@ -135,7 +141,11 @@ SlideToggle.propTypes = {
   trk: _propTypes["default"].string,
   id: _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 = SlideToggle;
 exports["default"] = _default;

package/package.json

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