@useblu/ocean-react 1.45.0 → 1.46.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.46.1](https://github.com/ocean-ds/ocean-web/compare/v1.46.0...v1.46.1) (2023-06-16)
+
+### Bug Fixes
+
+- adjust handle clicks on drawer and shortcut ([#1070](https://github.com/ocean-ds/ocean-web/issues/1070)) ([70870f0](https://github.com/ocean-ds/ocean-web/commit/70870f0932601df2551e15ccf5e5eed95a818666))
+
+# [1.46.0](https://github.com/ocean-ds/ocean-web/compare/v1.45.0...v1.46.0) (2023-06-08)
+
+### Features
+
+- add mouse events on drawer ([#1069](https://github.com/ocean-ds/ocean-web/issues/1069)) ([f5bbd98](https://github.com/ocean-ds/ocean-web/commit/f5bbd98848df4f8e6a768240d7df2d6e70c3ae31))
+
 # [1.45.0](https://github.com/ocean-ds/ocean-web/compare/v1.44.0...v1.45.0) (2023-06-02)
 
 ### Features

package/Drawer/Drawer.d.ts

@@ -1,14 +1,15 @@
-import React, { RefObject } from 'react';
+import React, { MouseEvent, RefObject } from 'react';
 interface DrawerProps {
     children: React.ReactNode;
     open: boolean;
     onDrawerClose?(event: React.MouseEvent | React.KeyboardEvent): void;
-    overlayClose: () => void;
+    overlayClose: (event?: MouseEvent<HTMLDivElement>) => void;
     headerIcon?: React.ReactNode;
     align?: 'right' | 'left';
     iconAlignment?: 'right' | 'left';
     anchorEl?: RefObject<HTMLDivElement> | null;
+    onMouseOutDrawer?: (event?: MouseEvent<HTMLDivElement>) => void;
 }
-declare const Drawer: ({ children, open, onDrawerClose, overlayClose, align, headerIcon, iconAlignment, anchorEl, }: DrawerProps) => React.ReactElement;
+declare const Drawer: ({ children, open, onDrawerClose, overlayClose, align, headerIcon, iconAlignment, anchorEl, onMouseOutDrawer, }: DrawerProps) => React.ReactElement;
 export default Drawer;
 //# sourceMappingURL=Drawer.d.ts.map

package/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAMzE,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IACpE,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,MAAM,iGAST,WAAW,KAAG,MAAM,YAmEtB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,SAAS,EAIV,MAAM,OAAO,CAAC;AAMf,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IACpE,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC5C,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,QAAA,MAAM,MAAM,mHAUT,WAAW,KAAG,MAAM,YA4EtB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/Shortcut/Shortcut.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare type ShortcutSize = 'tiny' | 'small' | 'medium' | 'large';
-export interface ShortcutProps {
+export declare type ShortcutProps = {
     icon: React.ReactNode;
     label: string;
     description?: string;
@@ -8,7 +8,7 @@ export interface ShortcutProps {
     blocked?: boolean;
     disabled?: boolean;
     count?: number;
-}
-declare const Shortcut: ({ icon, label, description, size, blocked, disabled, count, }: ShortcutProps) => React.ReactElement;
+} & React.ComponentPropsWithoutRef<'div'>;
+declare const Shortcut: ({ icon, label, description, size, blocked, disabled, count, ...rest }: ShortcutProps) => React.ReactElement;
 export default Shortcut;
 //# sourceMappingURL=Shortcut.d.ts.map

package/Shortcut/Shortcut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../src/Shortcut/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,kEAQX,aAAa,KAAG,MAAM,YA8CxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../src/Shortcut/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ,0EASX,aAAa,KAAG,MAAM,YA+CxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/index.es.js

@@ -46239,8 +46239,14 @@ var Breadcrumb = forwardRef(function (_a, ref) {
 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.createElement(ts, null) : _c, _d = _a.iconAlignment, iconAlignment = _d === void 0 ? 'right' : _d, anchorEl = _a.anchorEl;
+    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.createElement(ts, null) : _c, _d = _a.iconAlignment, iconAlignment = _d === void 0 ? 'right' : _d, anchorEl = _a.anchorEl, onMouseOutDrawer = _a.onMouseOutDrawer;
     var drawerRef = useRef(null);
+    var handleOverlayClose = function (event) {
+        if (event.target === event.currentTarget) {
+            event.preventDefault();
+            overlayClose(event);
+        }
+    };
     var getAnchorPosition = useCallback(function () {
         if (!(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.current))
             return null;
@@ -46270,8 +46276,8 @@ var Drawer = function (_a) {
     useEffect(function () {
         attachDrawer();
     }, [anchorEl, drawerRef, attachDrawer]);
-    return (e.createElement("div", { className: classNames('ods-overlay', open && 'ods-overlay--open'), "aria-hidden": "true", onClick: overlayClose, ref: drawerRef },
-        e.createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align)) },
+    return (e.createElement("div", { className: classNames('ods-overlay', open && 'ods-overlay--open'), "aria-hidden": "true", onClick: handleOverlayClose, ref: drawerRef, "data-testId": "drawer-overlay" },
+        e.createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align)), onMouseLeave: onMouseOutDrawer },
             e.createElement("div", { className: classNames('ods-drawer__content--header', "ods-drawer__content--header--".concat(iconAlignment)) },
                 e.createElement(Button$1, { type: "button", onClick: onDrawerClose }, headerIcon)),
             children)));
@@ -46335,8 +46341,8 @@ var Snackbar = e.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.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.createElement("div", __assign$1({ className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled') }, rest),
         blocked && (e.createElement("div", { className: "ods-shortcut__blocked" },
             e.createElement(jr, null))),
         count ? (e.createElement(Badge, { className: "ods-shortcut__badge", variation: "small", color: "alert", count: count })) : null,