@useblu/ocean-react 1.60.0 → 1.61.0
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 +6 -0
- package/Drawer/Drawer.d.ts +2 -1
- package/Drawer/Drawer.d.ts.map +1 -1
- package/Drawer/examples/AttachedDrawer.d.ts +2 -1
- package/Drawer/examples/AttachedDrawer.d.ts.map +1 -1
- package/Drawer/examples/SimpleDrawer.d.ts +2 -1
- package/Drawer/examples/SimpleDrawer.d.ts.map +1 -1
- package/index.es.js +5 -5
- package/index.es.js.map +1 -1
- package/index.js +5 -5
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -47752,7 +47752,7 @@ var Breadcrumb = e.forwardRef(function (_a, ref) {
|
|
|
47752
47752
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
47753
47753
|
|
|
47754
47754
|
var Drawer = function (_a) {
|
|
47755
|
-
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;
|
|
47755
|
+
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, _e = _a.size, size = _e === void 0 ? 'small' : _e;
|
|
47756
47756
|
var drawerRef = e.useRef(null);
|
|
47757
47757
|
var handleOverlayClose = function (event) {
|
|
47758
47758
|
if (event.target === event.currentTarget) {
|
|
@@ -47765,10 +47765,10 @@ var Drawer = function (_a) {
|
|
|
47765
47765
|
return null;
|
|
47766
47766
|
var position = anchorEl.current.getBoundingClientRect();
|
|
47767
47767
|
if (align === 'right') {
|
|
47768
|
-
var
|
|
47768
|
+
var positionSize = window.innerWidth - position.left;
|
|
47769
47769
|
return {
|
|
47770
|
-
width: "".concat(
|
|
47771
|
-
right: "".concat(
|
|
47770
|
+
width: "".concat(positionSize, "px"),
|
|
47771
|
+
right: "".concat(positionSize, "px"),
|
|
47772
47772
|
left: 'auto'
|
|
47773
47773
|
};
|
|
47774
47774
|
}
|
|
@@ -47790,7 +47790,7 @@ var Drawer = function (_a) {
|
|
|
47790
47790
|
attachDrawer();
|
|
47791
47791
|
}, [anchorEl, drawerRef, attachDrawer]);
|
|
47792
47792
|
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" },
|
|
47793
|
-
e__default["default"].createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align)), onMouseLeave: onMouseOutDrawer },
|
|
47793
|
+
e__default["default"].createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align), "ods-drawer--".concat(size)), onMouseLeave: onMouseOutDrawer },
|
|
47794
47794
|
e__default["default"].createElement("div", { className: classNames('ods-drawer__content--header', "ods-drawer__content--header--".concat(iconAlignment)) },
|
|
47795
47795
|
e__default["default"].createElement(Button$1, { type: "button", onClick: onDrawerClose }, headerIcon)),
|
|
47796
47796
|
children)));
|