@occmundial/occ-atomic 1.28.0 → 1.29.1

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [1.29.1](https://github.com/occmundial/occ-atomic/compare/v1.29.0...v1.29.1) (2023-04-17)
+
+
+### Bug Fixes
+
+* data-testid in Droplist ([c02b8f8](https://github.com/occmundial/occ-atomic/commit/c02b8f89e205e0338630f52b3280b9d7d85f5990))
+
+# [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)
 
 

package/build/Droplist/Droplist.js

@@ -425,7 +425,7 @@ var Droplist = /*#__PURE__*/function (_React$Component) {
             },
             className: "".concat(classes.item).concat(selectedGroup && currentItem === i ? " ".concat(classes.onFocus) : '').concat(!item.disabled ? " ".concat(classes.itemPointer) : '')
           }, testId && {
-            'data-testid': "".concat(testId, "__droplist-item-").concat(item[itemIdKey])
+            'data-testid': "".concat(testId, "__droplist-item-").concat(i)
           }), /*#__PURE__*/_react["default"].createElement("div", null, item.iconName && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
             iconName: item.iconName,
             width: iconSmall,
@@ -465,7 +465,7 @@ var Droplist = /*#__PURE__*/function (_React$Component) {
             },
             className: "".concat(classes.item).concat(selectedGroup && currentItem === i ? " ".concat(classes.onFocus) : '')
           }, testId && {
-            'data-testid': "".concat(testId, "__droplist-item-").concat(item[itemIdKey])
+            'data-testid': "".concat(testId, "__droplist-item-").concat(i)
           }), /*#__PURE__*/_react["default"].createElement("div", null, item.iconName && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
             iconName: item.iconName,
             width: 14,

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.28.0",
+  "version": "1.29.1",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",