@speakapbv/dough-component-library 9.33.0 → 10.0.0

package/dist/components/overlay/overlay.d.ts

@@ -13,8 +13,9 @@ export interface OverlayProps {
     position?: CSSProperties["position"];
     zIndex?: number;
     variant?: OverlayVariant;
+    blocking?: boolean;
 }
-export declare function Overlay({ position, zIndex, opacity, dataAttributes, className, variant, }: OverlayProps): JSX.Element;
+export declare function Overlay({ position, zIndex, opacity, dataAttributes, className, variant, blocking, }: OverlayProps): JSX.Element;
 export declare namespace Overlay {
     var displayName: string;
 }

package/dist/index.es.js

@@ -636,7 +636,7 @@ var Button = function (props) {
             cancelEvent(e);
             return;
         }
-        else if (!props.busy && !props.disabled) {
+        else {
             if (buttonRef.current) {
                 var buttonGlow_1 = buttonRef.current.querySelector(".dough-button-background-glow");
                 if (buttonGlow_1 === null || buttonGlow_1 === void 0 ? void 0 : buttonGlow_1.classList.contains("dough-glow-background")) {
@@ -757,7 +757,7 @@ var Button = function (props) {
                 "dough-button-full-width": props.fullWidth,
                 "dough-link-no-underline": type === ButtonInputType.LINK,
             }), disabled: props.disabled, onClick: clickHandler, dataAttributes: props.dataAttributes }, linkProps), getButtonContent())),
-        type !== ButtonInputType.LINK && (React.createElement("button", __assign({ ref: buttonRef, type: type, autoFocus: props.autoFocus, name: props.name, onMouseDown: cancelEvent, onPointerDown: cancelEvent, tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-button-wrapper", props.className, {
+        type !== ButtonInputType.LINK && (React.createElement("button", __assign({ ref: buttonRef, type: type, autoFocus: props.autoFocus, name: props.name, tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-button-wrapper", props.className, {
                 "dough-button-full-width": props.fullWidth,
                 "dough-button-not-clickable": !props.onClick &&
                     !props.onDoubleClick &&
@@ -5069,7 +5069,7 @@ var Fader = function (props) { return (React.createElement("span", __assign({ cl
                 : Colors.THEME, "dough-fader-side dough-fader-left") }))); };
 Fader.displayName = "Fader";
 
-var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: auto;\n  height: auto;\n  position: absolute !important;\n  pointer-events: none;\n  background: rgba(0, 0, 0, 0.4);\n}\n.dough-overlay.dark {\n  background: rgba(0, 0, 0, 0.8);\n}";
+var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: auto;\n  height: auto;\n  position: absolute !important;\n  pointer-events: none;\n  background: rgba(0, 0, 0, 0.4);\n}\n.dough-overlay.dark {\n  background: rgba(0, 0, 0, 0.8);\n}\n.dough-overlay.blocking {\n  pointer-events: unset;\n}";
 styleInject(css_248z$G);
 
 var OverlayVariant;
@@ -5078,9 +5078,10 @@ var OverlayVariant;
     OverlayVariant["STANDARD"] = "standard";
 })(OverlayVariant || (OverlayVariant = {}));
 function Overlay(_a) {
-    var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? OverlayVariant.STANDARD : _b;
+    var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? OverlayVariant.STANDARD : _b, _c = _a.blocking, blocking = _c === void 0 ? true : _c;
     return (React.createElement("span", __assign({ className: cn(className, "dough-overlay", {
             dark: variant === OverlayVariant.DARK,
+            blocking: blocking,
         }) }, dataAttributes, { style: {
             opacity: opacity,
             zIndex: zIndex,

package/dist/index.js

@@ -630,7 +630,7 @@ var Button = function (props) {
             cancelEvent(e);
             return;
         }
-        else if (!props.busy && !props.disabled) {
+        else {
             if (buttonRef.current) {
                 var buttonGlow_1 = buttonRef.current.querySelector(".dough-button-background-glow");
                 if (buttonGlow_1 === null || buttonGlow_1 === void 0 ? void 0 : buttonGlow_1.classList.contains("dough-glow-background")) {
@@ -751,7 +751,7 @@ var Button = function (props) {
                 "dough-button-full-width": props.fullWidth,
                 "dough-link-no-underline": type === exports.ButtonInputType.LINK,
             }), disabled: props.disabled, onClick: clickHandler, dataAttributes: props.dataAttributes }, linkProps), getButtonContent())),
-        type !== exports.ButtonInputType.LINK && (React__default.createElement("button", __assign({ ref: buttonRef, type: type, autoFocus: props.autoFocus, name: props.name, onMouseDown: cancelEvent, onPointerDown: cancelEvent, tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-button-wrapper", props.className, {
+        type !== exports.ButtonInputType.LINK && (React__default.createElement("button", __assign({ ref: buttonRef, type: type, autoFocus: props.autoFocus, name: props.name, tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-button-wrapper", props.className, {
                 "dough-button-full-width": props.fullWidth,
                 "dough-button-not-clickable": !props.onClick &&
                     !props.onDoubleClick &&
@@ -5052,7 +5052,7 @@ var Fader = function (props) { return (React__default.createElement("span", __as
                 : exports.Colors.THEME, "dough-fader-side dough-fader-left") }))); };
 Fader.displayName = "Fader";
 
-var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: auto;\n  height: auto;\n  position: absolute !important;\n  pointer-events: none;\n  background: rgba(0, 0, 0, 0.4);\n}\n.dough-overlay.dark {\n  background: rgba(0, 0, 0, 0.8);\n}";
+var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: auto;\n  height: auto;\n  position: absolute !important;\n  pointer-events: none;\n  background: rgba(0, 0, 0, 0.4);\n}\n.dough-overlay.dark {\n  background: rgba(0, 0, 0, 0.8);\n}\n.dough-overlay.blocking {\n  pointer-events: unset;\n}";
 styleInject(css_248z$G);
 
 (function (OverlayVariant) {
@@ -5060,9 +5060,10 @@ styleInject(css_248z$G);
     OverlayVariant["STANDARD"] = "standard";
 })(exports.OverlayVariant || (exports.OverlayVariant = {}));
 function Overlay(_a) {
-    var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? exports.OverlayVariant.STANDARD : _b;
+    var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? exports.OverlayVariant.STANDARD : _b, _c = _a.blocking, blocking = _c === void 0 ? true : _c;
     return (React__default.createElement("span", __assign({ className: cn(className, "dough-overlay", {
             dark: variant === exports.OverlayVariant.DARK,
+            blocking: blocking,
         }) }, dataAttributes, { style: {
             opacity: opacity,
             zIndex: zIndex,

package/dist/src/components/drop-menu/drop-menu.stories.d.ts

@@ -2,3 +2,4 @@ import React from "react";
 declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>;
 export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>;
+export declare const Multiple: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("./drop-menu").DropMenuProps & React.RefAttributes<import("./drop-menu").DoughDropMenuRef>>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@speakapbv/dough-component-library",
-    "version": "9.33.0",
+    "version": "10.0.0",
     "description": "DOUGH: Speakap React Component Library",
     "author": "Speakap",
     "license": "MIT",