@useblu/ocean-react 1.46.0 → 1.46.2

package/index.js

@@ -25628,13 +25628,13 @@ Badge.displayName = 'Badge';
 
 var CrossSellCard = e__default["default"].forwardRef(function (_a, ref) {
     var title = _a.title, className = _a.className, description = _a.description, imageSrc = _a.imageSrc, ctaText = _a.ctaText, ctaAction = _a.ctaAction, customIcon = _a.customIcon, rest = __rest$1(_a, ["title", "className", "description", "imageSrc", "ctaText", "ctaAction", "customIcon"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className), onClick: ctaAction }),
-        e__default["default"].createElement("a", { className: "ods-cross-sell-card__content", onClick: function () { return ctaAction; }, "data-testid": "cta-test" },
+    return (e__default["default"].createElement("div", __assign$1({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className) }),
+        e__default["default"].createElement("a", { className: "ods-cross-sell-card__content" },
             e__default["default"].createElement("div", { className: "ods-cross-sell-card__information" },
                 e__default["default"].createElement("div", { className: "ods-cross-sell-card__title" }, title),
                 e__default["default"].createElement("div", { className: "ods-cross-sell-card__description" }, description)),
             imageSrc && (e__default["default"].createElement("img", { className: "ods-cross-sell-card__image", alt: imageSrc, src: imageSrc }))),
-        e__default["default"].createElement("button", { type: "button", className: "ods-cross-sell-card__cta" },
+        e__default["default"].createElement("button", { type: "button", className: "ods-cross-sell-card__cta", "data-testid": "cta-test", onClick: ctaAction },
             ctaText,
             ' ',
             e__default["default"].createElement("span", { className: "ods-cross-sell-card__cta-icon" }, customIcon || e__default["default"].createElement(ee, null)))));
@@ -46250,6 +46250,12 @@ Breadcrumb.displayName = 'Breadcrumb';
 var Drawer = function (_a) {
     var children = _a.children, open = _a.open, onDrawerClose = _a.onDrawerClose, overlayClose = _a.overlayClose, _b = _a.align, align = _b === void 0 ? 'right' : _b, _c = _a.headerIcon, headerIcon = _c === void 0 ? e__default["default"].createElement(ts, null) : _c, _d = _a.iconAlignment, iconAlignment = _d === void 0 ? 'right' : _d, anchorEl = _a.anchorEl, onMouseOutDrawer = _a.onMouseOutDrawer;
     var drawerRef = e.useRef(null);
+    var handleOverlayClose = function (event) {
+        if (event.target === event.currentTarget) {
+            event.preventDefault();
+            overlayClose(event);
+        }
+    };
     var getAnchorPosition = e.useCallback(function () {
         if (!(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.current))
             return null;
@@ -46279,7 +46285,7 @@ var Drawer = function (_a) {
     e.useEffect(function () {
         attachDrawer();
     }, [anchorEl, drawerRef, attachDrawer]);
-    return (e__default["default"].createElement("div", { className: classNames('ods-overlay', open && 'ods-overlay--open'), "aria-hidden": "true", onClick: overlayClose, ref: drawerRef },
+    return (e__default["default"].createElement("div", { className: classNames('ods-overlay', open && 'ods-overlay--open'), "aria-hidden": "true", onClick: handleOverlayClose, ref: drawerRef, "data-testId": "drawer-overlay" },
         e__default["default"].createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align)), onMouseLeave: onMouseOutDrawer },
             e__default["default"].createElement("div", { className: classNames('ods-drawer__content--header', "ods-drawer__content--header--".concat(iconAlignment)) },
                 e__default["default"].createElement(Button$1, { type: "button", onClick: onDrawerClose }, headerIcon)),
@@ -46344,8 +46350,8 @@ var Snackbar = e__default["default"].forwardRef(function (_a, ref) {
 Snackbar.displayName = 'Snackbar';
 
 var Shortcut = function (_a) {
-    var icon = _a.icon, label = _a.label, description = _a.description, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.blocked, blocked = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, count = _a.count;
-    return (e__default["default"].createElement("div", { className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled') },
+    var icon = _a.icon, label = _a.label, description = _a.description, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.blocked, blocked = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, count = _a.count, rest = __rest$1(_a, ["icon", "label", "description", "size", "blocked", "disabled", "count"]);
+    return (e__default["default"].createElement("div", __assign$1({ className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled') }, rest),
         blocked && (e__default["default"].createElement("div", { className: "ods-shortcut__blocked" },
             e__default["default"].createElement(jr, null))),
         count ? (e__default["default"].createElement(Badge, { className: "ods-shortcut__badge", variation: "small", color: "alert", count: count })) : null,