@mui-treasury/layout - npm Package Compare versions

Comparing version 5.0.0-alpha.13 to 5.0.0-alpha.14

EdgeSidebar/EdgeSidebar.d.ts

 import React from "react";
 import { DrawerProps } from "@material-ui/core/Drawer";
-import { PropsWithFunctionChildren } from "../Root/Root";
+import { PropsWithFunctionChildren, ContextValue } from "../Root/Root";
 import { DrawerAnchor } from "./EdgeSidebarBuilder";
 import { EDGE_SIDEBAR_ID } from "../utils/constant";
-export declare type EdgeSidebarClassKey = "root";
+export declare type EdgeSidebarClassKey = "root" | "paperExpanded";
 export interface EdgeSidebarProps extends Omit<DrawerProps, "anchor" | "variant"> {
@@ -28,2 +28,6 @@ anchor: "left" | "right";
 } | undefined;
-export declare const EdgeSidebar: ({ children, ...inProps }: PropsWithFunctionChildren<EdgeSidebarProps>) => JSX.Element | null;
+export declare const EdgeSidebar: ({ children, ...inProps }: PropsWithFunctionChildren<EdgeSidebarProps, ContextValue & {
+    expanded: boolean;
+    entered: boolean;
+    isMouseOverSidebar: boolean;
+}>) => JSX.Element | null;

EdgeSidebar/EdgeSidebar.js

@@ -12,2 +12,4 @@ "use strict";
 
+var _clsx = _interopRequireDefault(require("clsx"));
+
 var _styles = require("@material-ui/core/styles");
@@ -31,2 +33,4 @@
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -97,3 +101,3 @@
 var EdgeSidebar = function EdgeSidebar(_ref3) {
-  var _layoutState$sidebarI, _iDocument$body, _props$ModalProps, _props$PaperProps3, _props$PaperProps4, _builder$sidebarId;
+  var _layoutState$sidebarI, _iDocument$body, _props$ModalProps, _props$PaperProps3, _props$PaperProps4, _props$PaperProps5, _builder$sidebarId;
 
@@ -243,14 +247,20 @@ var children = _ref3.children,
     PaperProps: _extends({}, props.PaperProps, {
-      style: _extends({}, (_props$PaperProps3 = props.PaperProps) === null || _props$PaperProps3 === void 0 ? void 0 : _props$PaperProps3.style, expanded && {
-        width: config === null || config === void 0 ? void 0 : config.width
+      className: (0, _clsx["default"])((_props$PaperProps3 = props.PaperProps) === null || _props$PaperProps3 === void 0 ? void 0 : _props$PaperProps3.className, expanded && "AppEdgeSidebar-paperExpanded"),
+      style: _extends({}, (_props$PaperProps4 = props.PaperProps) === null || _props$PaperProps4 === void 0 ? void 0 : _props$PaperProps4.style, expanded && {
+        width: config === null || config === void 0 ? void 0 : config.width,
+        overflow: "visible"
       }),
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
-      sx: _extends({}, (_props$PaperProps4 = props.PaperProps) === null || _props$PaperProps4 === void 0 ? void 0 : _props$PaperProps4.sx, (_builder$sidebarId = builder[sidebarId]) === null || _builder$sidebarId === void 0 ? void 0 : _builder$sidebarId.getSxProps())
+      sx: _extends({}, (_props$PaperProps5 = props.PaperProps) === null || _props$PaperProps5 === void 0 ? void 0 : _props$PaperProps5.sx, (_builder$sidebarId = builder[sidebarId]) === null || _builder$sidebarId === void 0 ? void 0 : _builder$sidebarId.getSxProps())
     })
   }), variant && variant !== "temporary" && /*#__PURE__*/_react["default"].createElement(_EdgeOffset.EdgeOffset, {
     sidebarId: sidebarId
-  }), typeof children === "function" ? children(ctx) : children));
+  }), typeof children === "function" ? children(_extends({}, ctx, {
+    expanded: expanded,
+    entered: entered,
+    isMouseOverSidebar: isMouseOverSidebar.current
+  })) : children));
 };
 
 exports.EdgeSidebar = EdgeSidebar;

esm/EdgeSidebar/EdgeSidebar.js

@@ -6,2 +6,3 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from "react";
+import cx from "clsx";
 import { experimentalStyled, unstable_useThemeProps as useThemeProps } from "@material-ui/core/styles";
@@ -50,3 +51,3 @@ import Drawer, { drawerClasses } from "@material-ui/core/Drawer";
 export var EdgeSidebar = (_ref2) => {
-  var _layoutState$sidebarI, _iDocument$body, _props$ModalProps, _props$PaperProps3, _props$PaperProps4, _builder$sidebarId;
+  var _layoutState$sidebarI, _iDocument$body, _props$ModalProps, _props$PaperProps3, _props$PaperProps4, _props$PaperProps5, _builder$sidebarId;
 
@@ -187,12 +188,18 @@ var {
     PaperProps: _extends({}, props.PaperProps, {
-      style: _extends({}, (_props$PaperProps3 = props.PaperProps) === null || _props$PaperProps3 === void 0 ? void 0 : _props$PaperProps3.style, expanded && {
-        width: config === null || config === void 0 ? void 0 : config.width
+      className: cx((_props$PaperProps3 = props.PaperProps) === null || _props$PaperProps3 === void 0 ? void 0 : _props$PaperProps3.className, expanded && "AppEdgeSidebar-paperExpanded"),
+      style: _extends({}, (_props$PaperProps4 = props.PaperProps) === null || _props$PaperProps4 === void 0 ? void 0 : _props$PaperProps4.style, expanded && {
+        width: config === null || config === void 0 ? void 0 : config.width,
+        overflow: "visible"
       }),
       onMouseEnter,
       onMouseLeave,
-      sx: _extends({}, (_props$PaperProps4 = props.PaperProps) === null || _props$PaperProps4 === void 0 ? void 0 : _props$PaperProps4.sx, (_builder$sidebarId = builder[sidebarId]) === null || _builder$sidebarId === void 0 ? void 0 : _builder$sidebarId.getSxProps())
+      sx: _extends({}, (_props$PaperProps5 = props.PaperProps) === null || _props$PaperProps5 === void 0 ? void 0 : _props$PaperProps5.sx, (_builder$sidebarId = builder[sidebarId]) === null || _builder$sidebarId === void 0 ? void 0 : _builder$sidebarId.getSxProps())
     })
   }), variant && variant !== "temporary" && /*#__PURE__*/React.createElement(EdgeOffset, {
     sidebarId: sidebarId
-  }), typeof children === "function" ? children(ctx) : children));
+  }), typeof children === "function" ? children(_extends({}, ctx, {
+    expanded,
+    entered,
+    isMouseOverSidebar: isMouseOverSidebar.current
+  })) : children));
 };

package.json

 {
   "name": "@mui-treasury/layout",
-  "version": "5.0.0-alpha.13",
+  "version": "5.0.0-alpha.14",
   "description": "mui-treasury | layout-core",
@@ -35,3 +35,3 @@ "author": "siriwatknp <[e-mail]>",
   },
-  "gitHead": "0dded52a2dfb77e324406f41b46fc63bb2b1bfae"
+  "gitHead": "6ada453c43c54c7c889b681932efa016f3685522"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

278867

increased by0.37%

Lines of code

5457

increased by0.35%

No dependency changes