@luscii-healthtech/web-ui 1.0.0 → 2.0.0

package/dist/components/Icons/types/IconProps.type.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export interface IconProps {
     className?: string;
-    onClick?: () => void;
+    onClick?: (event: React.MouseEvent<SVGSVGElement> | undefined) => void;
 }

package/dist/web-ui.cjs.development.js

@@ -1002,6 +1002,7 @@ var Checkbox = function Checkbox(_ref) {
   }, [indeterminate]);
 
   var handleChange = function handleChange(event) {
+    event.stopPropagation();
     setIndeterminate(false);
 
     if (onChange) {
@@ -2827,7 +2828,9 @@ var CheckboxListItem = function CheckboxListItem(_ref) {
     setChecked(isChecked || false);
   }, [isChecked]);
 
-  var handleItemClick = function handleItemClick() {
+  var handleItemClick = function handleItemClick(event) {
+    event.stopPropagation();
+
     if (onChange) {
       onChange({
         id: id,
@@ -2839,6 +2842,7 @@ var CheckboxListItem = function CheckboxListItem(_ref) {
   };
 
   var handleCheckboxClick = function handleCheckboxClick(event) {
+    event.stopPropagation();
     var targetId = event.target.id;
     var newCheckedValue = event.target.checked;
 
@@ -2936,7 +2940,9 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
     }
   }, [items]);
 
-  var handleGroupClick = function handleGroupClick() {
+  var handleGroupClick = function handleGroupClick(event) {
+    event.stopPropagation();
+
     if ((groupCheckboxState === CheckboxState.CHECKED || groupCheckboxState === CheckboxState.INDETERMINATE) && onChange) {
       //if checked or indeterminate >> make all items unchecked
       items.forEach(function (item) {
@@ -2956,7 +2962,11 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
     }
   };
 
-  var handleGroupCollapse = function handleGroupCollapse() {
+  var handleGroupCollapse = function handleGroupCollapse(event) {
+    if (event) {
+      event.stopPropagation();
+    }
+
     setCollapsed(!collapsed);
   };