@useblu/ocean-react 1.45.0 → 1.46.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/Drawer/Drawer.d.ts +4 -3
- package/Drawer/Drawer.d.ts.map +1 -1
- package/Shortcut/Shortcut.d.ts +3 -3
- package/Shortcut/Shortcut.d.ts.map +1 -1
- package/index.es.js +11 -5
- package/index.es.js.map +1 -1
- package/index.js +11 -5
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -46248,8 +46248,14 @@ var Breadcrumb = e.forwardRef(function (_a, ref) {
|
|
|
46248
46248
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
46249
46249
|
|
|
46250
46250
|
var Drawer = function (_a) {
|
|
46251
|
-
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;
|
|
46251
|
+
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;
|
|
46252
46252
|
var drawerRef = e.useRef(null);
|
|
46253
|
+
var handleOverlayClose = function (event) {
|
|
46254
|
+
if (event.target === event.currentTarget) {
|
|
46255
|
+
event.preventDefault();
|
|
46256
|
+
overlayClose(event);
|
|
46257
|
+
}
|
|
46258
|
+
};
|
|
46253
46259
|
var getAnchorPosition = e.useCallback(function () {
|
|
46254
46260
|
if (!(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.current))
|
|
46255
46261
|
return null;
|
|
@@ -46279,8 +46285,8 @@ var Drawer = function (_a) {
|
|
|
46279
46285
|
e.useEffect(function () {
|
|
46280
46286
|
attachDrawer();
|
|
46281
46287
|
}, [anchorEl, drawerRef, attachDrawer]);
|
|
46282
|
-
return (e__default["default"].createElement("div", { className: classNames('ods-overlay', open && 'ods-overlay--open'), "aria-hidden": "true", onClick:
|
|
46283
|
-
e__default["default"].createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align)) },
|
|
46288
|
+
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" },
|
|
46289
|
+
e__default["default"].createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align)), onMouseLeave: onMouseOutDrawer },
|
|
46284
46290
|
e__default["default"].createElement("div", { className: classNames('ods-drawer__content--header', "ods-drawer__content--header--".concat(iconAlignment)) },
|
|
46285
46291
|
e__default["default"].createElement(Button$1, { type: "button", onClick: onDrawerClose }, headerIcon)),
|
|
46286
46292
|
children)));
|
|
@@ -46344,8 +46350,8 @@ var Snackbar = e__default["default"].forwardRef(function (_a, ref) {
|
|
|
46344
46350
|
Snackbar.displayName = 'Snackbar';
|
|
46345
46351
|
|
|
46346
46352
|
var Shortcut = function (_a) {
|
|
46347
|
-
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;
|
|
46348
|
-
return (e__default["default"].createElement("div", { className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled') },
|
|
46353
|
+
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"]);
|
|
46354
|
+
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),
|
|
46349
46355
|
blocked && (e__default["default"].createElement("div", { className: "ods-shortcut__blocked" },
|
|
46350
46356
|
e__default["default"].createElement(jr, null))),
|
|
46351
46357
|
count ? (e__default["default"].createElement(Badge, { className: "ods-shortcut__badge", variation: "small", color: "alert", count: count })) : null,
|