oolib 2.27.13 → 2.27.14

package/dist/components/ActionMenu/index.js

@@ -78,7 +78,7 @@ var ActionMenu = function (_a) {
     }, []);
     var _k = (0, usePopOutOfOverflowHiddenParent_1.usePopOutOfOverflowHiddenParent)(popOutOfOverflowHiddenParent), fixPos = _k.fixPos, applyFixedPos = _k.applyFixedPos, removeFixedPos = _k.removeFixedPos, trackerRef = _k.trackerRef;
     return (react_1.default.createElement(styled_1.StyledActionMenu, { ref: actionMenuRef },
-        react_1.default.createElement(ButtonComp, __assign({}, buttonSize, { icon: icon, iconSize: iconSize, invert: invert, stopPropagation: true, onClick: function (e) {
+        react_1.default.createElement(ButtonComp, __assign({}, buttonSize, { icon: icon, iconSize: iconSize, invert: invert, stopPropagation: true, preventDefault: true, onClick: function (e) {
                 setShowActions(!showActions);
             }, active: showActions })),
         popOutOfOverflowHiddenParent &&

package/dist/components/Buttons/index.js

@@ -49,7 +49,7 @@ var DisplayIcon = function (_a) {
 };
 var ButtonStyledWrapper = function (_a) {
     var props = _a.props, variant = _a.variant;
-    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className, S = props.S, M = props.M, iconSize = props.iconSize, _iconColor = props.iconColor, stopPropagation = props.stopPropagation, forceHover = props.forceHover //used by multi-option button
+    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className, S = props.S, M = props.M, iconSize = props.iconSize, _iconColor = props.iconColor, stopPropagation = props.stopPropagation, preventDefault = props.preventDefault, forceHover = props.forceHover //used by multi-option button
     ;
     /**
      * WHY WE ARE HAVING TO DO STOP PROPAGATION IN THIS TWISTED WAY:
@@ -94,9 +94,11 @@ var ButtonStyledWrapper = function (_a) {
     var iconColor = !disabled ? _iconColor : themes_1.colors.greyColor40;
     return (react_1.default.createElement(index_styled_1.ButtonStyled, { id: id, style: style, className: className, variant: variant, size: size, active: active, invert: invert, disabled: disabled, theme: theme, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, type: submit ? "submit" : "button", onClick: function (e) {
             stopPropagation && e.stopPropagation();
+            preventDefault && e.preventDefault(); // if the button is used inside a <Link> then, clicking the button will trigger off the link. I thought stopPopagation would stop that from happening. But it doesnt. e.preventDefault however works.
             debouncedOnClick && debouncedOnClick(e);
         }, onMouseDown: function (e) {
             stopPropagation && e.stopPropagation();
+            preventDefault && e.preventDefault();
             debouncedMouseDown && debouncedMouseDown(e);
         }, composition: composition, width: width, color: color, forceHover: forceHover },
         icon && react_1.default.createElement(DisplayIcon, { icon: icon, color: iconColor, size: calcIconSize() }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.27.13",
+  "version": "2.27.14",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",