@occmundial/occ-atomic 3.0.0-beta.17 → 3.0.0-beta.19

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.0.0-beta.19](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.18...v3.0.0-beta.19) (2024-06-21)
+
+
+### Bug Fixes
+
+* Prevent default to avoid scroll on key down ([9ee17d2](https://github.com/occmundial/occ-atomic/commit/9ee17d2a247a02a7be7e1c743669c8833d3f5748))
+
+# [3.0.0-beta.18](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.17...v3.0.0-beta.18) (2024-06-21)
+
+
+### Bug Fixes
+
+* Replace onKeyDown for onKeyUp ([e574e9c](https://github.com/occmundial/occ-atomic/commit/e574e9c42f7a55723794269ede7a4f58dd899e58))
+
 # [3.0.0-beta.17](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.16...v3.0.0-beta.17) (2024-06-19)
 
 

package/build/Checkbox/Checkbox.js

@@ -57,6 +57,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
       undetermined: props.undetermined
     };
     _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));
+    _this.handleKeyUp = _this.handleKeyUp.bind(_assertThisInitialized(_this));
     return _this;
   }
 
@@ -90,14 +91,18 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
     value: function handleKeyDown(e) {
       if (e.keyCode == 13 || e.keyCode == 32) {
         e.preventDefault();
+      }
+    }
+  }, {
+    key: "handleKeyUp",
+    value: function handleKeyUp(e) {
+      if (e.keyCode == 13 || e.keyCode == 32) {
         this.toggle();
       }
     }
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$state = this.state,
           value = _this$state.value,
           undetermined = _this$state.undetermined;
@@ -118,9 +123,8 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", _extends({
         id: id,
         tabIndex: disabled ? -1 : 0,
-        onKeyDown: function onKeyDown(e) {
-          return _this2.handleKeyDown(e);
-        },
+        onKeyDown: this.handleKeyDown,
+        onKeyUp: this.handleKeyUp,
         className: "".concat(classes.cont).concat(iconClass).concat(disabled ? " ".concat(classes.disabled) : '').concat(className ? " ".concat(className) : ''),
         onClick: this.toggle,
         style: style,

package/build/Radio/Radio.js

@@ -54,6 +54,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
       selected: props.selected
     };
     _this.onChange = _this.onChange.bind(_assertThisInitialized(_this));
+    _this.handleKeyUp = _this.handleKeyUp.bind(_assertThisInitialized(_this));
     return _this;
   }
 
@@ -79,9 +80,15 @@ var Radio = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "handleKeyDown",
-    value: function handleKeyDown(e, option) {
+    value: function handleKeyDown(e) {
       if (e.keyCode == 13 || e.keyCode == 32) {
         e.preventDefault();
+      }
+    }
+  }, {
+    key: "handleKeyUp",
+    value: function handleKeyUp(e, option) {
+      if (e.keyCode == 13 || e.keyCode == 32) {
         this.onChange(option);
       }
     }
@@ -106,8 +113,9 @@ var Radio = /*#__PURE__*/function (_React$Component) {
           id: option.trk,
           key: option.value,
           tabIndex: option.disabled ? -1 : 0,
-          onKeyDown: function onKeyDown(e) {
-            return _this2.handleKeyDown(e, option);
+          onKeyDown: _this2.handleKeyDown,
+          onKeyUp: function onKeyUp(e) {
+            return _this2.handleKeyUp(e, option);
           },
           "data-testid": option.testId
         }, option.testId && {

package/build/SlideToggle/SlideToggle.js

@@ -56,6 +56,7 @@ var SlideToggle = /*#__PURE__*/function (_React$Component) {
       value: props.value
     };
     _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));
+    _this.handleKeyUp = _this.handleKeyUp.bind(_assertThisInitialized(_this));
     return _this;
   }
 
@@ -88,14 +89,18 @@ var SlideToggle = /*#__PURE__*/function (_React$Component) {
     value: function handleKeyDown(e) {
       if (e.keyCode == 13 || e.keyCode == 32) {
         e.preventDefault();
+      }
+    }
+  }, {
+    key: "handleKeyUp",
+    value: function handleKeyUp(e) {
+      if (e.keyCode == 13 || e.keyCode == 32) {
         this.toggle();
       }
     }
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var value = this.state.value;
       var _this$props2 = this.props,
           classes = _this$props2.classes,
@@ -111,9 +116,8 @@ var SlideToggle = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         id: id,
         tabIndex: disabled ? -1 : 0,
-        onKeyDown: function onKeyDown(e) {
-          return _this2.handleKeyDown(e);
-        },
+        onKeyDown: this.handleKeyDown,
+        onKeyUp: this.handleKeyUp,
         onClick: this.toggle,
         className: "".concat(classes.cont).concat(disabled ? " ".concat(classes.disabled) : '').concat(className ? " ".concat(className) : ''),
         style: style

package/package.json

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