@speakapbv/dough-component-library 10.2.1 → 10.3.1

package/dist/{src/components → components}/containers/box/box.d.ts

@@ -113,7 +113,8 @@ export interface BoxProps {
     /** Event properties */
     onScrollReachedBottom?(e?: UIEvent): void;
     onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    onMouseMove?: MouseEventHandler<HTMLDivElement>;
     onMouseLeave?: MouseEventHandler<HTMLDivElement>;
     onClick?: MouseEventHandler<HTMLDivElement>;
 }
-export declare const Box: React.ForwardRefExoticComponent<Pick<BoxProps, "className" | "children" | "dataAttributes" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "absolute" | "zIndex" | "color" | "border" | "borderRadius" | "rounded" | "shadow" | "padding" | "transform" | "overflow" | "display" | "direction" | "flex" | "basis" | "grow" | "shrink" | "order" | "wrap" | "justifyContent" | "alignItems" | "alignContent" | "alignSelf" | "onScrollReachedBottom" | "onMouseEnter" | "onMouseLeave" | "onClick"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Box: React.ForwardRefExoticComponent<Pick<BoxProps, "className" | "children" | "dataAttributes" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "absolute" | "zIndex" | "color" | "border" | "borderRadius" | "rounded" | "shadow" | "padding" | "transform" | "overflow" | "display" | "direction" | "flex" | "basis" | "grow" | "shrink" | "order" | "wrap" | "justifyContent" | "alignItems" | "alignContent" | "alignSelf" | "onScrollReachedBottom" | "onMouseEnter" | "onMouseMove" | "onMouseLeave" | "onClick"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/link/link.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, MouseEvent, Ref } from "react";
+import React, { ReactNode, MouseEvent, Ref, MouseEventHandler } from "react";
 import { ColorsText, DoughDataAttributes } from "../../utils/constants";
 import "./link.scss";
 export interface LinkProps {
@@ -8,6 +8,9 @@ export interface LinkProps {
     color?: ColorsText;
     children: ReactNode;
     onClick?(e: MouseEvent): void | boolean;
+    onMouseDown?: MouseEventHandler<HTMLAnchorElement>;
+    onPointerDown?: MouseEventHandler<HTMLAnchorElement>;
+    allEvents?: boolean;
     underline?: boolean;
     fullWidth?: boolean;
     disabled?: boolean;
@@ -19,4 +22,4 @@ export interface LinkProps {
     width?: string;
     flex?: string;
 }
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "className" | "dataAttributes" | "color" | "children" | "onClick" | "underline" | "fullWidth" | "disabled" | "colorOnlyOnHover" | "href" | "target" | "rel" | "download" | "width" | "flex"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "className" | "dataAttributes" | "color" | "children" | "onClick" | "onMouseDown" | "onPointerDown" | "allEvents" | "underline" | "fullWidth" | "disabled" | "colorOnlyOnHover" | "href" | "target" | "rel" | "download" | "width" | "flex"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/index.es.js

@@ -593,8 +593,24 @@ var deRegisterBreakpointView = function (id) {
 };
 
 var Link = forwardRef(function (props, ref) {
-    var _a = props.color, color = _a === void 0 ? ColorsText.LINK : _a, _b = props.underline, underline = _b === void 0 ? true : _b, _c = props.rel, rel = _c === void 0 ? "noopener noreferrer" : _c;
-    return (React.createElement("a", __assign({ onMouseDown: cancelEvent, onPointerDown: cancelEvent, className: cn("dough-link", props.className, color, {
+    var _a = props.color, color = _a === void 0 ? ColorsText.LINK : _a, _b = props.underline, underline = _b === void 0 ? true : _b, _c = props.rel, rel = _c === void 0 ? "noopener noreferrer" : _c, onPointerDown = props.onPointerDown, onMouseDown = props.onMouseDown, _d = props.allEvents, allEvents = _d === void 0 ? false : _d;
+    function handleMouseDown(event) {
+        if (onMouseDown) {
+            onMouseDown(event);
+        }
+        else if (!allEvents) {
+            cancelEvent(event);
+        }
+    }
+    function handlePointerDown(event) {
+        if (onPointerDown) {
+            onPointerDown(event);
+        }
+        else if (!allEvents) {
+            cancelEvent(event);
+        }
+    }
+    return (React.createElement("a", __assign({ onMouseDown: handleMouseDown, onPointerDown: handlePointerDown, className: cn("dough-link", props.className, color, {
             "dough-link-color-only-on-hover": props.colorOnlyOnHover,
             "dough-link-no-underline": !underline,
             "dough-link-full-width": props.fullWidth,
@@ -1193,7 +1209,7 @@ var Box = forwardRef(function (props, ref) {
             _a["dough-flex-align-content-" + props.alignContent] = props.alignContent,
             _a["dough-flex-align-self-" + props.alignSelf] = props.alignSelf,
             _a)), style: __assign({ width: props.width, height: props.height, minWidth: props.minWidth, minHeight: props.minHeight, maxWidth: props.maxWidth, maxHeight: props.maxHeight, flexBasis: props.basis, flexGrow: props.grow, flexShrink: props.shrink, order: props.order, flex: props.flex, zIndex: props.zIndex, transform: props.transform }, (isTypeObject(props.absolute) &&
-            props.absolute)) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onClick: props.onClick }), props.children));
+            props.absolute)) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onMouseMove: props.onMouseMove, onClick: props.onClick }), props.children));
 });
 Box.displayName = "Box";
 

package/dist/index.js

@@ -588,8 +588,24 @@ var deRegisterBreakpointView = function (id) {
 };
 
 var Link = React.forwardRef(function (props, ref) {
-    var _a = props.color, color = _a === void 0 ? exports.ColorsText.LINK : _a, _b = props.underline, underline = _b === void 0 ? true : _b, _c = props.rel, rel = _c === void 0 ? "noopener noreferrer" : _c;
-    return (React__default.createElement("a", __assign({ onMouseDown: cancelEvent, onPointerDown: cancelEvent, className: cn("dough-link", props.className, color, {
+    var _a = props.color, color = _a === void 0 ? exports.ColorsText.LINK : _a, _b = props.underline, underline = _b === void 0 ? true : _b, _c = props.rel, rel = _c === void 0 ? "noopener noreferrer" : _c, onPointerDown = props.onPointerDown, onMouseDown = props.onMouseDown, _d = props.allEvents, allEvents = _d === void 0 ? false : _d;
+    function handleMouseDown(event) {
+        if (onMouseDown) {
+            onMouseDown(event);
+        }
+        else if (!allEvents) {
+            cancelEvent(event);
+        }
+    }
+    function handlePointerDown(event) {
+        if (onPointerDown) {
+            onPointerDown(event);
+        }
+        else if (!allEvents) {
+            cancelEvent(event);
+        }
+    }
+    return (React__default.createElement("a", __assign({ onMouseDown: handleMouseDown, onPointerDown: handlePointerDown, className: cn("dough-link", props.className, color, {
             "dough-link-color-only-on-hover": props.colorOnlyOnHover,
             "dough-link-no-underline": !underline,
             "dough-link-full-width": props.fullWidth,
@@ -1178,7 +1194,7 @@ var Box = React.forwardRef(function (props, ref) {
             _a["dough-flex-align-content-" + props.alignContent] = props.alignContent,
             _a["dough-flex-align-self-" + props.alignSelf] = props.alignSelf,
             _a)), style: __assign({ width: props.width, height: props.height, minWidth: props.minWidth, minHeight: props.minHeight, maxWidth: props.maxWidth, maxHeight: props.maxHeight, flexBasis: props.basis, flexGrow: props.grow, flexShrink: props.shrink, order: props.order, flex: props.flex, zIndex: props.zIndex, transform: props.transform }, (isTypeObject(props.absolute) &&
-            props.absolute)) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onClick: props.onClick }), props.children));
+            props.absolute)) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onMouseMove: props.onMouseMove, onClick: props.onClick }), props.children));
 });
 Box.displayName = "Box";
 

package/dist/src/components/button/button.stories.d.ts

@@ -14,6 +14,6 @@ export declare const ColorButton: import("@storybook/csf").AnnotatedStoryFn<impo
 export declare const ColorButtonWithoutBorder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps & {
     width: string;
 }>;
-export declare const ConstrainedButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<ButtonProps, "className" | "children" | "dataAttributes" | "type" | "size" | "color" | "border" | "rounded" | "shadow" | "padding" | "onClick" | "fullWidth" | "disabled" | "alignIconRight" | "linkProps" | "tabIndex" | "name" | "autoFocus" | "icon" | "onDoubleClick" | "onMouseDown" | "onPointerDown" | "allEvents" | "flat" | "busy" | "withoutBackground" | "colorPicker"> & {
+export declare const ConstrainedButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<ButtonProps, "className" | "children" | "dataAttributes" | "type" | "size" | "color" | "border" | "rounded" | "shadow" | "padding" | "onClick" | "onMouseDown" | "onPointerDown" | "allEvents" | "fullWidth" | "disabled" | "alignIconRight" | "linkProps" | "tabIndex" | "name" | "autoFocus" | "icon" | "onDoubleClick" | "flat" | "busy" | "withoutBackground" | "colorPicker"> & {
     singleLabel: boolean;
 }>;

package/package.json

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