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

Comparing version 1.5.0 to 1.5.1

core.d.ts

@@ -6,5 +6,5 @@ import { SyntheticEvent } from 'react'
 export type PopupState = {
-  open: (eventOrAnchorEl?: SyntheticEvent<any> | HTMLElement) => void
+  open: (eventOrAnchorEl?: SyntheticEvent<any> | HTMLElement | null) => void
   close: () => void
-  toggle: (eventOrAnchorEl?: SyntheticEvent<any> | HTMLElement) => void
+  toggle: (eventOrAnchorEl?: SyntheticEvent<any> | HTMLElement | null) => void
   onMouseLeave: (event: SyntheticEvent<any>) => void
@@ -16,8 +16,8 @@ setOpen: (
   isOpen: boolean
-  anchorEl: HTMLElement | null | undefined
+  anchorEl: HTMLElement | undefined
   setAnchorEl: (anchorEl: HTMLElement) => any
   setAnchorElUsed: boolean
-  popupId: string | null | undefined
+  popupId: string | undefined
   variant: Variant
-  _childPopupState: PopupState | null | undefined
+  _childPopupState: PopupState | undefined
   _setChildPopupState: (popupState: PopupState | null | undefined) => void
@@ -29,5 +29,5 @@ }
   setAnchorElUsed: boolean
-  anchorEl: HTMLElement | null | undefined
+  anchorEl: HTMLElement | undefined
   hovered: boolean
-  _childPopupState: PopupState | null | undefined
+  _childPopupState: PopupState | undefined
 }
@@ -40,5 +40,5 @@
   setState: (state: Partial<CoreState>) => any
-  popupId: string | null | undefined
+  popupId: string | undefined
   variant: Variant
-  parentPopupState?: PopupState | null | undefined
+  parentPopupState?: PopupState | null
 }): PopupState
@@ -54,3 +54,3 @@
   popupState: PopupState
-): (popupState: HTMLElement | null | undefined) => any
+): (popupState: HTMLElement | undefined) => any
 
@@ -66,5 +66,5 @@ /**
 ): {
-  'aria-owns'?: string | null | undefined
-  'aria-describedby'?: string | null | undefined
-  'aria-haspopup': true | null | undefined
+  'aria-owns'?: string | undefined
+  'aria-describedby'?: string | undefined
+  'aria-haspopup': true | undefined
   onClick: (event: SyntheticEvent<any>) => void
@@ -82,5 +82,5 @@ }
 ): {
-  'aria-owns'?: string | null | undefined
-  'aria-describedby'?: string | null | undefined
-  'aria-haspopup': true | null | undefined
+  'aria-owns'?: string
+  'aria-describedby'?: string
+  'aria-haspopup': true | undefined
   onClick: (event: SyntheticEvent<any>) => void
@@ -98,5 +98,5 @@ }
 ): {
-  'aria-owns'?: string | null | undefined
-  'aria-describedby'?: string | null | undefined
-  'aria-haspopup': true | null | undefined
+  'aria-owns'?: string
+  'aria-describedby'?: string
+  'aria-haspopup': true | undefined
   onMouseEnter: (event: SyntheticEvent<any>) => any
@@ -115,4 +115,4 @@ onMouseLeave: (event: SyntheticEvent<any>) => any
 ): {
-  id: string | null | undefined
-  anchorEl: HTMLElement | null | undefined
+  id: string | undefined
+  anchorEl: HTMLElement | undefined
   open: boolean
@@ -132,4 +132,4 @@ onClose: () => void
 ): {
-  id: string | null | undefined
-  anchorEl: HTMLElement | null | undefined
+  id: string | undefined
+  anchorEl: HTMLElement | undefined
   open: boolean
@@ -149,5 +149,5 @@ onClose: () => void
 ): {
-  id: string | null | undefined
-  anchorEl: HTMLElement | null | undefined
+  id: string | undefined
+  anchorEl: HTMLElement | undefined
   open: boolean
 }

core.js

@@ -19,11 +19,12 @@ "use strict";
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var React = _interopRequireWildcard(require("react"));
 
-/* eslint-env browser */
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var eventOrAnchorElWarned = false;
@@ -56,3 +57,3 @@ var initCoreState = {
     if (hasChanges(lastState, nextState)) {
-      _setState(lastState = (0, _objectSpread2.default)({}, lastState, nextState));
+      _setState(lastState = _objectSpread({}, lastState, {}, nextState));
     }
@@ -87,3 +88,3 @@ };
 
-    if ((typeof document === "undefined" ? "undefined" : (0, _typeof2.default)(document)) === 'object' && document.activeElement) {
+    if ((typeof document === "undefined" ? "undefined" : (0, _typeof2["default"])(document)) === 'object' && document.activeElement) {
       document.activeElement.blur();
@@ -183,3 +184,3 @@ }
       variant = _ref3.variant;
-  return _ref4 = {}, (0, _defineProperty2.default)(_ref4, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2.default)(_ref4, 'aria-haspopup', variant === 'popover' ? true : undefined), (0, _defineProperty2.default)(_ref4, "onClick", open), _ref4;
+  return _ref4 = {}, (0, _defineProperty2["default"])(_ref4, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2["default"])(_ref4, 'aria-haspopup', variant === 'popover' ? true : undefined), (0, _defineProperty2["default"])(_ref4, "onClick", open), _ref4;
 }
@@ -201,3 +202,3 @@ /**
       variant = _ref5.variant;
-  return _ref6 = {}, (0, _defineProperty2.default)(_ref6, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2.default)(_ref6, 'aria-haspopup', variant === 'popover' ? true : undefined), (0, _defineProperty2.default)(_ref6, "onClick", toggle), _ref6;
+  return _ref6 = {}, (0, _defineProperty2["default"])(_ref6, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2["default"])(_ref6, 'aria-haspopup', variant === 'popover' ? true : undefined), (0, _defineProperty2["default"])(_ref6, "onClick", toggle), _ref6;
 }
@@ -220,3 +221,3 @@ /**
       variant = _ref7.variant;
-  return _ref8 = {}, (0, _defineProperty2.default)(_ref8, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2.default)(_ref8, 'aria-haspopup', variant === 'popover' ? true : undefined), (0, _defineProperty2.default)(_ref8, "onMouseEnter", open), (0, _defineProperty2.default)(_ref8, "onMouseLeave", onMouseLeave), _ref8;
+  return _ref8 = {}, (0, _defineProperty2["default"])(_ref8, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2["default"])(_ref8, 'aria-haspopup', variant === 'popover' ? true : undefined), (0, _defineProperty2["default"])(_ref8, "onMouseEnter", open), (0, _defineProperty2["default"])(_ref8, "onMouseLeave", onMouseLeave), _ref8;
 }
@@ -223,0 +224,0 @@ /**

es/core.js

@@ -17,6 +17,10 @@ "use strict";
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -54,3 +58,3 @@
     if (hasChanges(lastState, nextState)) {
-      _setState(lastState = _objectSpread({}, lastState, nextState));
+      _setState(lastState = _objectSpread({}, lastState, {}, nextState));
     }
@@ -179,2 +183,3 @@ };
   return {
+    // $FlowFixMe
     [variant === 'popover' ? 'aria-owns' : 'aria-describedby']: isOpen ? popupId : null,
@@ -200,2 +205,3 @@ 'aria-haspopup': variant === 'popover' ? true : undefined,
   return {
+    // $FlowFixMe
     [variant === 'popover' ? 'aria-owns' : 'aria-describedby']: isOpen ? popupId : null,
@@ -222,2 +228,3 @@ 'aria-haspopup': variant === 'popover' ? true : undefined,
   return {
+    // $FlowFixMe
     [variant === 'popover' ? 'aria-owns' : 'aria-describedby']: isOpen ? popupId : null,
@@ -224,0 +231,0 @@ 'aria-haspopup': variant === 'popover' ? true : undefined,

es/HoverMenu.js

@@ -8,2 +8,4 @@ "use strict";
 
+var React = _interopRequireWildcard(require("react"));
+
 var _hoverWorkaround = _interopRequireDefault(require("./hoverWorkaround"));
@@ -15,2 +17,6 @@
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
@@ -17,0 +23,0 @@ *

es/HoverPopover.js

@@ -8,2 +8,4 @@ "use strict";
 
+var React = _interopRequireWildcard(require("react"));
+
 var _hoverWorkaround = _interopRequireDefault(require("./hoverWorkaround"));
@@ -15,2 +17,6 @@
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
@@ -17,0 +23,0 @@ *

es/hoverWorkaround.js

@@ -12,10 +12,16 @@ "use strict";
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+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; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -37,2 +43,3 @@
 function hoverWorkaround(Comp) {
+  /* eslint-disable react/display-name */
   const HoverWorkaround = React.forwardRef((_ref, ref) => {
@@ -44,6 +51,7 @@ let {
       ModalClasses,
-      style
+      style,
+      className
     } = _ref,
         classes = _objectWithoutProperties(_ref.classes, ["_modalRoot"]),
-        props = _objectWithoutProperties(_ref, ["classes", "ModalClasses", "style"]);
+        props = _objectWithoutProperties(_ref, ["classes", "ModalClasses", "style", "className"]);
 
@@ -53,3 +61,3 @@ return React.createElement(Comp, _extends({
       classes: classes,
-      className: _modalRoot,
+      className: (0, _classnames.default)(className, _modalRoot),
       style: _objectSpread({
@@ -56,0 +64,0 @@ pointerEvents: 'none'

es/index.js

@@ -58,4 +58,6 @@ "use strict";
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -62,0 +64,0 @@

hooks.js

@@ -71,3 +71,3 @@ "use strict";
   var _useState = (0, _react.useState)(_core.initCoreState),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       state = _useState2[0],
@@ -83,3 +83,3 @@ setState = _useState2[1];
   (0, _react.useEffect)(function () {
-    if (popupId && (typeof document === "undefined" ? "undefined" : (0, _typeof2.default)(document)) === 'object') {
+    if (popupId && (typeof document === "undefined" ? "undefined" : (0, _typeof2["default"])(document)) === 'object') {
       var popup = document.getElementById(popupId);
@@ -86,0 +86,0 @@ if (popup) popup.focus();

HoverMenu.js

@@ -5,7 +5,11 @@ "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
+var React = _interopRequireWildcard(require("react"));
+
 var _hoverWorkaround = _interopRequireDefault(require("./hoverWorkaround"));
@@ -19,4 +23,4 @@
  */
-var _default = (0, _hoverWorkaround.default)(_Menu.default);
+var _default = (0, _hoverWorkaround["default"])(_Menu["default"]);
 
-exports.default = _default;
+exports["default"] = _default;

HoverPopover.js

@@ -5,7 +5,11 @@ "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
+var React = _interopRequireWildcard(require("react"));
+
 var _hoverWorkaround = _interopRequireDefault(require("./hoverWorkaround"));
@@ -19,4 +23,4 @@
  */
-var _default = (0, _hoverWorkaround.default)(_Popover.default);
+var _default = (0, _hoverWorkaround["default"])(_Popover["default"]);
 
-exports.default = _default;
+exports["default"] = _default;

hoverWorkaround.js

@@ -10,7 +10,7 @@ "use strict";
 });
-exports.default = hoverWorkaround;
+exports["default"] = hoverWorkaround;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -23,2 +23,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var styles = {
@@ -34,14 +40,16 @@ _modalRoot: {
 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"]),
+        classes = (0, _objectWithoutProperties2["default"])(_ref$classes, ["_modalRoot"]),
         ModalClasses = _ref.ModalClasses,
         style = _ref.style,
-        props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "ModalClasses", "style"]);
-    return React.createElement(Comp, (0, _extends2.default)({
+        className = _ref.className,
+        props = (0, _objectWithoutProperties2["default"])(_ref, ["classes", "ModalClasses", "style", "className"]);
+    return React.createElement(Comp, (0, _extends2["default"])({
       ref: ref,
       classes: classes,
-      className: _modalRoot,
-      style: (0, _objectSpread2.default)({
+      className: (0, _classnames["default"])(className, _modalRoot),
+      style: _objectSpread({
         pointerEvents: 'none'
@@ -51,3 +59,3 @@ }, style)
   });
-  return (0, _withStyles.default)(styles)(HoverWorkaround);
+  return (0, _withStyles["default"])(styles)(HoverWorkaround);
 }

index.d.ts

@@ -39,2 +39,3 @@ /* eslint-env browser */
 
-export default class PopupState extends React.Component<Props, CoreState> {}
+declare const PopupState: React.ComponentType<Props>
+export default PopupState

index.js

@@ -52,3 +52,3 @@ "use strict";
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
@@ -65,6 +65,6 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -82,3 +82,3 @@
 function (_React$Component) {
-  (0, _inherits2.default)(PopupState, _React$Component);
+  (0, _inherits2["default"])(PopupState, _React$Component);
 
@@ -90,3 +90,3 @@ function PopupState() {
 
-    (0, _classCallCheck2.default)(this, PopupState);
+    (0, _classCallCheck2["default"])(this, PopupState);
 
@@ -97,6 +97,6 @@ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(PopupState)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "state", _core.initCoreState);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "_mounted", true);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "_setStateIfMounted", function (state) {
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(PopupState)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", _core.initCoreState);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_mounted", true);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_setStateIfMounted", function (state) {
       if (_this._mounted) _this.setState(state);
@@ -107,3 +107,3 @@ });
 
-  (0, _createClass2.default)(PopupState, [{
+  (0, _createClass2["default"])(PopupState, [{
     key: "componentWillUnmount",
@@ -119,3 +119,3 @@ value: function componentWillUnmount() {
       if (popupId !== prevProps.popupId || this.state.anchorEl !== prevState.anchorEl) {
-        if (popupId && (typeof document === "undefined" ? "undefined" : (0, _typeof2.default)(document)) === 'object') {
+        if (popupId && (typeof document === "undefined" ? "undefined" : (0, _typeof2["default"])(document)) === 'object') {
           var popup = document.getElementById(popupId);
@@ -149,4 +149,4 @@ if (popup) popup.focus();
 
-exports.default = PopupState;
-(0, _defineProperty2.default)(PopupState, "propTypes", {
+exports["default"] = PopupState;
+(0, _defineProperty2["default"])(PopupState, "propTypes", {
   /**
@@ -172,3 +172,3 @@ * The render function.
    */
-  children: _propTypes.default.func.isRequired,
+  children: _propTypes["default"].func.isRequired,
 
@@ -180,3 +180,3 @@ /**
    */
-  popupId: _propTypes.default.string,
+  popupId: _propTypes["default"].string,
 
@@ -189,3 +189,3 @@ /**
    */
-  variant: _propTypes.default.oneOf(['popover', 'popper']).isRequired,
+  variant: _propTypes["default"].oneOf(['popover', 'popper']).isRequired,
 
@@ -195,3 +195,3 @@ /**
    */
-  parentPopupState: _propTypes.default.object
+  parentPopupState: _propTypes["default"].object
 });

package.json

 {
   "name": "material-ui-popup-state",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "easiest way to create menus, popovers, and poppers with material-ui",
@@ -11,4 +11,4 @@ "main": "index.js",
     "lint:watch": "esw --watch src test --cache",
-    "prettier": "prettier --write *.json *.md *.js src/**/*.js test/**/*.js",
-    "prettier:check": "prettier --list-different *.json *.md *.js src/**/*.js test/**/*.js",
+    "prettier": "prettier --write *.json *.md *.js *.d.ts src/**/*.js test/**/*.js",
+    "prettier:check": "prettier --list-different *.json *.md *.js *.d.ts src/**/*.js test/**/*.js",
     "flow": "flow",
@@ -103,4 +103,4 @@ "flow:coverage": "for file in src/**.js test/**.js; do echo $file; flow coverage $file; done",
     "@babel/register": "^7.0.0",
-    "@commitlint/cli": "^6.0.2",
-    "@commitlint/config-conventional": "^6.0.2",
+    "@commitlint/cli": "^8.2.0",
+    "@commitlint/config-conventional": "^8.2.0",
     "@jedwards1211/commitlint-config": "^1.0.0",
@@ -128,3 +128,3 @@ "@jedwards1211/eslint-config": "^2.0.0",
     "eslint-watch": "^4.0.2",
-    "flow-bin": "^0.92.0",
+    "flow-bin": "^0.113.0",
     "flow-copy-source": "^2.0.2",
@@ -131,0 +131,0 @@ "flow-watch": "^1.1.4",

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

598343

increased by6.73%

Lines of code

1406

increased by2.93%

No dependency changes