material-ui-popup-state - npm Package Compare versions

Comparing version 1.6.0 to 1.6.1

es/hoverWorkaround.js

@@ -10,8 +10,2 @@ "use strict";
 
-var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -33,35 +27,23 @@
 
-const styles = {
-  _modalRoot: {
-    pointerEvents: 'none'
-  },
-  paper: {
-    pointerEvents: 'auto'
-  }
-};
-
 function hoverWorkaround(Comp) {
   /* eslint-disable react/display-name */
-  const HoverWorkaround = React.forwardRef((_ref, ref) => {
+  return React.forwardRef((_ref, ref) => {
     let {
-      classes: {
-        _modalRoot
-      },
-      ModalClasses,
-      style,
-      className
+      PaperProps,
+      style
     } = _ref,
-        classes = _objectWithoutProperties(_ref.classes, ["_modalRoot"]),
-        props = _objectWithoutProperties(_ref, ["classes", "ModalClasses", "style", "className"]);
+        props = _objectWithoutProperties(_ref, ["PaperProps", "style"]);
 
     return React.createElement(Comp, _extends({
       ref: ref,
-      classes: classes,
-      className: (0, _classnames.default)(className, _modalRoot),
       style: _objectSpread({
         pointerEvents: 'none'
-      }, style)
+      }, style),
+      PaperProps: _objectSpread({
+        style: _objectSpread({
+          pointerEvents: 'auto'
+        }, PaperProps === null || PaperProps === void 0 ? void 0 : PaperProps.style)
+      }, PaperProps)
     }, props));
   });
-  return (0, _withStyles.default)(styles)(HoverWorkaround);
 }

hoverWorkaround.d.ts

 import { Ref, CSSProperties } from 'react'
 import { PropInjector } from '@material-ui/types'
-import { Classes } from '@material-ui/styles/mergeClasses/mergeClasses'
-import { ClassNameMap } from '@material-ui/styles/withStyles'
 
 export const hoverWorkaround: PropInjector<{
   ref: Ref<any>
-  classes: ClassNameMap<'_modalRoot' | 'paper'>
-  className: string
   style: CSSProperties
+  PaperProps: {
+    style: CSSProperties
+  }
 }>

hoverWorkaround.js

@@ -20,6 +20,2 @@ "use strict";
 
-var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -29,31 +25,20 @@
 
-var styles = {
-  _modalRoot: {
-    pointerEvents: 'none'
-  },
-  paper: {
-    pointerEvents: 'auto'
-  }
-};
-
 function hoverWorkaround(Comp) {
   /* eslint-disable react/display-name */
-  var HoverWorkaround = React.forwardRef(function (_ref, ref) {
-    var _ref$classes = _ref.classes,
-        _modalRoot = _ref$classes._modalRoot,
-        classes = (0, _objectWithoutProperties2["default"])(_ref$classes, ["_modalRoot"]),
-        ModalClasses = _ref.ModalClasses,
+  return React.forwardRef(function (_ref, ref) {
+    var PaperProps = _ref.PaperProps,
         style = _ref.style,
-        className = _ref.className,
-        props = (0, _objectWithoutProperties2["default"])(_ref, ["classes", "ModalClasses", "style", "className"]);
+        props = (0, _objectWithoutProperties2["default"])(_ref, ["PaperProps", "style"]);
     return React.createElement(Comp, (0, _extends2["default"])({
       ref: ref,
-      classes: classes,
-      className: (0, _classnames["default"])(className, _modalRoot),
       style: _objectSpread({
         pointerEvents: 'none'
-      }, style)
+      }, style),
+      PaperProps: _objectSpread({
+        style: _objectSpread({
+          pointerEvents: 'auto'
+        }, PaperProps === null || PaperProps === void 0 ? void 0 : PaperProps.style)
+      }, PaperProps)
     }, props));
   });
-  return (0, _withStyles["default"])(styles)(HoverWorkaround);
 }

package.json

 {
   "name": "material-ui-popup-state",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "easiest way to create menus, popovers, and poppers with material-ui",
@@ -95,2 +95,3 @@ "main": "index.js",
     "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.10.3",
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
@@ -97,0 +98,0 @@ "@babel/plugin-transform-runtime": "^7.1.0",

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

Worsened metrics

Total package byte prevSize

605711

decreased by-0.04%

Dev dependency count

61

increased by1.67%

Lines of code

1482

decreased by-1.79%

No dependency changes