magneto365.ui 2.71.0 → 2.72.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/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/Drawer/Drawer.interface.d.ts +4 -0
- package/dist/cjs/types/components/docs/DesignSystem/DesignSystem.interface.d.ts +32 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/DesignSystemUtilityClassRenderer.component.d.ts +3 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/DesignSystemUtilityClassRenderer.interface.d.ts +4 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/index.d.ts +2 -0
- package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/index.d.ts +1 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/Drawer/Drawer.interface.d.ts +4 -0
- package/dist/esm/types/components/docs/DesignSystem/DesignSystem.interface.d.ts +32 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/DesignSystemUtilityClassRenderer.component.d.ts +3 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/DesignSystemUtilityClassRenderer.interface.d.ts +4 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/DesignSystemUtilityClassRenderer/index.d.ts +2 -0
- package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemUtilityClass/children/index.d.ts +1 -0
- package/dist/index.d.ts +4 -0
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -3665,13 +3665,13 @@ var style$T = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-
|
|
|
3665
3665
|
|
|
3666
3666
|
var DEFAULT_PADDING = 20;
|
|
3667
3667
|
var Component$22 = function (_a) {
|
|
3668
|
-
var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d;
|
|
3668
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d, _e = _a.backGroundClassName, backGroundClassName = _e === void 0 ? '' : _e;
|
|
3669
3669
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
3670
3670
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
3671
3671
|
var backgroundEffect = isMobile ? 'no-background' : 'background-drawer';
|
|
3672
3672
|
var widthValue = { '--drawer-width': drawerWidth };
|
|
3673
|
-
var
|
|
3674
|
-
var
|
|
3673
|
+
var _f = React.useState(false), showContent = _f[0], setShowContent = _f[1];
|
|
3674
|
+
var _g = React.useState(isOpen), renderPortal = _g[0], setRenderPortal = _g[1];
|
|
3675
3675
|
var showDrawer = showContent ? "show-".concat(direction) : "hidden-".concat(direction);
|
|
3676
3676
|
React.useEffect(function () {
|
|
3677
3677
|
var body = document.body;
|
|
@@ -3705,7 +3705,7 @@ var Component$22 = function (_a) {
|
|
|
3705
3705
|
!hideButton && (React__default["default"].createElement("button", { className: style$T['magneto-ui-close-button'], onClick: onClose },
|
|
3706
3706
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false }))),
|
|
3707
3707
|
children),
|
|
3708
|
-
isOpen && (React__default["default"].createElement("span", { className: "".concat(style$T[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
3708
|
+
isOpen && (React__default["default"].createElement("span", { className: "".concat(style$T[backgroundEffect], " ").concat(backGroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
3709
3709
|
};
|
|
3710
3710
|
/**
|
|
3711
3711
|
* Molecule UI component for Drawer
|