Socket
Socket
Sign inDemoInstall

material-ui-popup-state

Package Overview
Dependencies
8
Maintainers
1
Versions
57
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.2 to 1.0.3

.babelrc.js

131

es/index.js

@@ -1,4 +0,23 @@

import * as React from 'react';
import PropTypes from 'prop-types';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.bindTrigger = bindTrigger;
exports.bindToggle = bindToggle;
exports.bindHover = bindHover;
exports.bindPopover = bindPopover;
exports.bindPopper = bindPopper;
exports.default = exports.bindMenu = void 0;
var React = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
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 _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; }
/**

@@ -10,3 +29,8 @@ * Creates props for a component that opens the popup when clicked.

*/
export function bindTrigger({ isOpen, open, popupId, variant }) {
function bindTrigger({
isOpen,
open,
popupId,
variant
}) {
return {

@@ -18,3 +42,2 @@ [variant === 'popover' ? 'aria-owns' : 'aria-describedby']: isOpen ? popupId : null,

}
/**

@@ -26,3 +49,10 @@ * Creates props for a component that toggles the popup when clicked.

*/
export function bindToggle({ isOpen, toggle, popupId, variant }) {
function bindToggle({
isOpen,
toggle,
popupId,
variant
}) {
return {

@@ -34,3 +64,2 @@ [variant === 'popover' ? 'aria-owns' : 'aria-describedby']: isOpen ? popupId : null,

}
/**

@@ -42,3 +71,11 @@ * Creates props for a component that opens the popup while hovered.

*/
export function bindHover({ isOpen, open, close, popupId, variant }) {
function bindHover({
isOpen,
open,
close,
popupId,
variant
}) {
return {

@@ -51,3 +88,2 @@ [variant === 'popover' ? 'aria-owns' : 'aria-describedby']: isOpen ? popupId : null,

}
/**

@@ -59,3 +95,10 @@ * Creates props for a `Popover` component.

*/
export function bindPopover({ isOpen, anchorEl, close, popupId }) {
function bindPopover({
isOpen,
anchorEl,
close,
popupId
}) {
return {

@@ -68,3 +111,2 @@ id: popupId,

}
/**

@@ -76,4 +118,5 @@ * Creates props for a `Menu` component.

*/
export const bindMenu = bindPopover;
const bindMenu = bindPopover;
/**

@@ -85,3 +128,10 @@ * Creates props for a `Popper` component.

*/
export function bindPopper({ isOpen, anchorEl, popupId }) {
exports.bindMenu = bindMenu;
function bindPopper({
isOpen,
anchorEl,
popupId
}) {
return {

@@ -96,27 +146,44 @@ id: popupId,

export default class PopupState extends React.Component {
class PopupState extends React.Component {
constructor(...args) {
var _temp;
super(...args);
return _temp = super(...args), this.state = { anchorEl: null }, this.handleToggle = eventOrAnchorEl => {
_defineProperty(this, "state", {
anchorEl: null
});
_defineProperty(this, "handleToggle", eventOrAnchorEl => {
if (this.state.anchorEl) this.handleClose();else this.handleOpen(eventOrAnchorEl);
}, this.handleOpen = eventOrAnchorEl => {
if (!eventOrAnchorElWarned && !eventOrAnchorEl && !eventOrAnchorEl.target) {
});
_defineProperty(this, "handleOpen", eventOrAnchorEl => {
if (!eventOrAnchorElWarned && !eventOrAnchorEl) {
eventOrAnchorElWarned = true;
console.error('eventOrAnchorEl should be defined'); // eslint-disable-line no-console
}
this.setState({
anchorEl: eventOrAnchorEl && eventOrAnchorEl.target ? eventOrAnchorEl.target : eventOrAnchorEl
anchorEl: eventOrAnchorEl && eventOrAnchorEl.currentTarget ? eventOrAnchorEl.currentTarget : eventOrAnchorEl
});
}, this.handleClose = () => this.setState({ anchorEl: null }), this.handleSetOpen = (open, eventOrAnchorEl) => {
});
_defineProperty(this, "handleClose", () => this.setState({
anchorEl: null
}));
_defineProperty(this, "handleSetOpen", (open, eventOrAnchorEl) => {
if (open) this.handleOpen(eventOrAnchorEl);else this.handleClose();
}, _temp;
});
}
render() {
const { children, popupId, variant } = this.props;
const { anchorEl } = this.state;
const {
children,
popupId,
variant
} = this.props;
const {
anchorEl
} = this.state;
const isOpen = Boolean(anchorEl);
const result = children({

@@ -135,4 +202,8 @@ open: this.handleOpen,

}
}
PopupState.propTypes = {
exports.default = PopupState;
_defineProperty(PopupState, "propTypes", {
/**

@@ -158,3 +229,4 @@ * The render function.

*/
children: PropTypes.func.isRequired,
children: _propTypes.default.func.isRequired,
/**

@@ -165,3 +237,4 @@ * The `id` property to use for the popup. Will be passed to the render

*/
popupId: PropTypes.string,
popupId: _propTypes.default.string,
/**

@@ -173,3 +246,3 @@ * Which type of popup you are controlling. Use `'popover'` for `Popover`

*/
variant: PropTypes.oneOf(['popover', 'popper']).isRequired
};
variant: _propTypes.default.oneOf(['popover', 'popper']).isRequired
});

@@ -1,32 +0,10 @@

'use strict';
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.bindMenu = undefined;
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
exports.bindTrigger = bindTrigger;

@@ -37,15 +15,22 @@ exports.bindToggle = bindToggle;

exports.bindPopper = bindPopper;
exports.default = exports.bindMenu = void 0;
var _react = require('react');
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var React = _interopRequireWildcard(_react);
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _propTypes = require('prop-types');
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _propTypes2 = _interopRequireDefault(_propTypes);
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
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)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var React = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
/**

@@ -64,6 +49,4 @@ * Creates props for a component that opens the popup when clicked.

variant = _ref.variant;
return _ref2 = {}, (0, _defineProperty3.default)(_ref2, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty3.default)(_ref2, 'aria-haspopup', true), (0, _defineProperty3.default)(_ref2, 'onClick', open), _ref2;
return _ref2 = {}, (0, _defineProperty2.default)(_ref2, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2.default)(_ref2, 'aria-haspopup', true), (0, _defineProperty2.default)(_ref2, "onClick", open), _ref2;
}
/**

@@ -75,2 +58,4 @@ * Creates props for a component that toggles the popup when clicked.

*/
function bindToggle(_ref3) {

@@ -83,6 +68,4 @@ var _ref4;

variant = _ref3.variant;
return _ref4 = {}, (0, _defineProperty3.default)(_ref4, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty3.default)(_ref4, 'aria-haspopup', true), (0, _defineProperty3.default)(_ref4, 'onClick', toggle), _ref4;
return _ref4 = {}, (0, _defineProperty2.default)(_ref4, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2.default)(_ref4, 'aria-haspopup', true), (0, _defineProperty2.default)(_ref4, "onClick", toggle), _ref4;
}
/**

@@ -94,2 +77,4 @@ * Creates props for a component that opens the popup while hovered.

*/
function bindHover(_ref5) {

@@ -103,6 +88,4 @@ var _ref6;

variant = _ref5.variant;
return _ref6 = {}, (0, _defineProperty3.default)(_ref6, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty3.default)(_ref6, 'aria-haspopup', true), (0, _defineProperty3.default)(_ref6, 'onMouseEnter', open), (0, _defineProperty3.default)(_ref6, 'onMouseLeave', close), _ref6;
return _ref6 = {}, (0, _defineProperty2.default)(_ref6, variant === 'popover' ? 'aria-owns' : 'aria-describedby', isOpen ? popupId : null), (0, _defineProperty2.default)(_ref6, 'aria-haspopup', true), (0, _defineProperty2.default)(_ref6, "onMouseEnter", open), (0, _defineProperty2.default)(_ref6, "onMouseLeave", close), _ref6;
}
/**

@@ -114,2 +97,4 @@ * Creates props for a `Popover` component.

*/
function bindPopover(_ref7) {

@@ -120,3 +105,2 @@ var isOpen = _ref7.isOpen,

popupId = _ref7.popupId;
return {

@@ -129,3 +113,2 @@ id: popupId,

}
/**

@@ -137,4 +120,5 @@ * Creates props for a `Menu` component.

*/
var bindMenu = exports.bindMenu = bindPopover;
var bindMenu = bindPopover;
/**

@@ -146,2 +130,5 @@ * Creates props for a `Popper` component.

*/
exports.bindMenu = bindMenu;
function bindPopper(_ref8) {

@@ -151,3 +138,2 @@ var isOpen = _ref8.isOpen,

popupId = _ref8.popupId;
return {

@@ -162,45 +148,55 @@ id: popupId,

var PopupState = function (_React$Component) {
(0, _inherits3.default)(PopupState, _React$Component);
var PopupState =
/*#__PURE__*/
function (_React$Component) {
(0, _inherits2.default)(PopupState, _React$Component);
function PopupState() {
var _ref9;
var _getPrototypeOf2;
var _temp, _this, _ret;
var _this;
(0, _classCallCheck3.default)(this, PopupState);
(0, _classCallCheck2.default)(this, PopupState);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref9 = PopupState.__proto__ || (0, _getPrototypeOf2.default)(PopupState)).call.apply(_ref9, [this].concat(args))), _this), _this.state = { anchorEl: null }, _this.handleToggle = function (eventOrAnchorEl) {
_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", {
anchorEl: null
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "handleToggle", function (eventOrAnchorEl) {
if (_this.state.anchorEl) _this.handleClose();else _this.handleOpen(eventOrAnchorEl);
}, _this.handleOpen = function (eventOrAnchorEl) {
if (!eventOrAnchorElWarned && !eventOrAnchorEl && !eventOrAnchorEl.target) {
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "handleOpen", function (eventOrAnchorEl) {
if (!eventOrAnchorElWarned && !eventOrAnchorEl) {
eventOrAnchorElWarned = true;
console.error('eventOrAnchorEl should be defined'); // eslint-disable-line no-console
}
_this.setState({
anchorEl: eventOrAnchorEl && eventOrAnchorEl.target ? eventOrAnchorEl.target : eventOrAnchorEl
anchorEl: eventOrAnchorEl && eventOrAnchorEl.currentTarget ? eventOrAnchorEl.currentTarget : eventOrAnchorEl
});
}, _this.handleClose = function () {
return _this.setState({ anchorEl: null });
}, _this.handleSetOpen = function (open, eventOrAnchorEl) {
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "handleClose", function () {
return _this.setState({
anchorEl: null
});
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "handleSetOpen", function (open, eventOrAnchorEl) {
if (open) _this.handleOpen(eventOrAnchorEl);else _this.handleClose();
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
});
return _this;
}
(0, _createClass3.default)(PopupState, [{
key: 'render',
(0, _createClass2.default)(PopupState, [{
key: "render",
value: function render() {
var _props = this.props,
children = _props.children,
popupId = _props.popupId,
variant = _props.variant;
var _this$props = this.props,
children = _this$props.children,
popupId = _this$props.popupId,
variant = _this$props.variant;
var anchorEl = this.state.anchorEl;
var isOpen = Boolean(anchorEl);
var result = children({

@@ -223,3 +219,4 @@ open: this.handleOpen,

PopupState.propTypes = {
exports.default = PopupState;
(0, _defineProperty2.default)(PopupState, "propTypes", {
/**

@@ -245,3 +242,4 @@ * The render function.

*/
children: _propTypes2.default.func.isRequired,
children: _propTypes.default.func.isRequired,
/**

@@ -252,3 +250,4 @@ * The `id` property to use for the popup. Will be passed to the render

*/
popupId: _propTypes2.default.string,
popupId: _propTypes.default.string,
/**

@@ -260,4 +259,3 @@ * Which type of popup you are controlling. Use `'popover'` for `Popover`

*/
variant: _propTypes2.default.oneOf(['popover', 'popper']).isRequired
};
exports.default = PopupState;
variant: _propTypes.default.oneOf(['popover', 'popper']).isRequired
});
{
"name": "material-ui-popup-state",
"version": "1.0.2",
"version": "1.0.3",
"description": "easiest way to create menus, popovers, and poppers with material-ui",

@@ -10,5 +10,7 @@ "main": "index.js",

"scripts": {
"lint": "eslint src test stories --cache",
"lint:fix": "eslint --fix src test stories --cache",
"lint:watch": "esw --watch src test stories --cache",
"lint": "eslint src test --cache",
"lint:fix": "eslint --fix src test --cache",
"lint:watch": "esw --watch src test --cache",
"prettier": "prettier --write src/**/*.js test/**/*.js",
"prettier:check": "prettier --list-different src/**/*.js test/**/*.js",
"flow": "flow",

@@ -18,10 +20,8 @@ "flow:coverage": "for file in src/**.js test/**.js; do echo $file; flow coverage $file; done",

"clean": "rimraf es lib $(cd src; ls) *.js.flow",
"build": "npm run clean && BABEL_ENV=production babel src --out-dir es && flow-copy-source -v src/ es && BABEL_ENV=es5 babel src --out-dir . && flow-copy-source -v src/ .",
"test": "NODE_ENV=production BABEL_ENV=es5 mocha $npm_package_config_mocha && NODE_ENV=production BABEL_ENV=coverage nyc --reporter=lcov --reporter=text mocha $npm_package_config_mocha",
"test:watch": "NODE_ENV=production BABEL_ENV=test mocha --watch $npm_package_config_mocha",
"build": "npm run clean && cross-env BABEL_ENV=production babel src --out-dir es && flow-copy-source -v src/ es && cross-env BABEL_ENV=es5 babel src --out-dir . && flow-copy-source -v src/ .",
"test": "cross-env NODE_ENV=production BABEL_ENV=es5 mocha $npm_package_config_mocha && cross-env NODE_ENV=production BABEL_ENV=coverage nyc --reporter=lcov --reporter=text mocha $npm_package_config_mocha",
"test:watch": "cross-env NODE_ENV=production BABEL_ENV=test mocha --watch $npm_package_config_mocha",
"test:debug": "cross-env NODE_ENV=production BABEL_ENV=test mocha --inspect-brk $npm_package_config_mocha",
"codecov": "nyc report --reporter=text-lcov > coverage.lcov; codecov",
"commitmsg": "commitlint -e $GIT_PARAMS",
"precommit": "npm run lint && flow",
"prepush": "npm test",
"prepublishOnly": "npm run clean && npm run lint && flow && npm test && npm run build",
"prepublishOnly": "npm run clean && npm run prettier:check && npm run lint && flow && npm test && npm run build",
"open:coverage": "open coverage/lcov-report/index.html",

@@ -33,4 +33,17 @@ "semantic-release": "semantic-release",

},
"husky": {
"hooks": {
"pre-commit": "lint-staged && npm run lint && flow",
"commit-msg": "commitlint -e $GIT_PARAMS",
"pre-push": "npm test"
}
},
"lint-staged": {
"*.{js,json,css,md}": [
"prettier --write",
"git add"
]
},
"config": {
"mocha": "-r babel-register ./test/utils/setup.js ./test/*.js",
"mocha": "-r @babel/register ./test/utils/setup.js ./test/*.js",
"commitizen": {

@@ -45,3 +58,3 @@ "path": "cz-conventional-changelog"

"require": [
"babel-register"
"@babel/register"
],

@@ -70,2 +83,14 @@ "sourceMap": false,

"devDependencies": {
"@babel/cli": "^7.1.5",
"@babel/core": "^7.1.6",
"@babel/plugin-proposal-class-properties": "^7.1.0",
"@babel/plugin-proposal-export-default-from": "^7.0.0",
"@babel/plugin-proposal-export-namespace-from": "^7.0.0",
"@babel/plugin-proposal-object-rest-spread": "^7.0.0",
"@babel/plugin-syntax-dynamic-import": "^7.0.0",
"@babel/plugin-transform-runtime": "^7.1.0",
"@babel/preset-env": "^7.1.6",
"@babel/preset-flow": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"@babel/register": "^7.0.0",
"@commitlint/cli": "^6.0.2",

@@ -75,44 +100,36 @@ "@commitlint/config-conventional": "^6.0.2",

"@jedwards1211/eslint-config": "^2.0.0",
"@jedwards1211/eslint-config-flow": "^1.0.0",
"@jedwards1211/eslint-config-flow": "^1.0.2",
"@jedwards1211/eslint-config-react": "^4.0.0",
"@material-ui/core": "^1.4.3",
"babel-cli": "^6.23.0",
"babel-core": "^6.23.1",
"babel-eslint": "^7.1.1",
"babel-plugin-istanbul": "^4.0.0",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-export-extensions": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-plugin-transform-react-constant-elements": "^6.9.1",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-env": "^1.7.0",
"babel-preset-flow": "^6.23.0",
"babel-preset-react": "^6.16.0",
"babel-preset-stage-1": "^6.24.1",
"babel-register": "^6.23.0",
"babel-runtime": "^6.23.0",
"chai": "^4.1.2",
"codecov": "^3.0.0",
"copy": "^0.3.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-react": "^7.0.0",
"eslint-watch": "^3.0.0",
"flow-bin": "^0.87.0",
"flow-copy-source": "^1.2.1",
"flow-watch": "^1.1.0",
"husky": "^0.14.3",
"@material-ui/core": "^3.0.0",
"babel-eslint": "^10.0.1",
"babel-plugin-istanbul": "^5.1.0",
"chai": "^4.2.0",
"codecov": "^3.1.0",
"copy": "^0.3.2",
"cross-env": "^5.2.0",
"enzyme": "^3.8.0",
"enzyme-adapter-react-16": "^1.7.1",
"eslint": "^5.9.0",
"eslint-config-prettier": "^3.3.0",
"eslint-plugin-flowtype": "^3.2.0",
"eslint-plugin-react": "^7.11.1",
"eslint-watch": "^4.0.2",
"flow-bin": "^0.91.0",
"flow-copy-source": "^2.0.2",
"flow-watch": "^1.1.4",
"husky": "^1.1.4",
"istanbul": "^0.4.5",
"jsdom": "^11.12.0",
"mocha": "^5.0.0",
"nyc": "^11.4.1",
"react": "^16.4.2",
"react-dom": "^16.4.2",
"jsdom": "^11.5.1",
"jsdom-global": "^3.0.2",
"lint-staged": "^8.0.4",
"mocha": "^5.2.0",
"nyc": "^13.1.0",
"prettier": "^1.15.2",
"prettier-eslint": "^8.8.2",
"react": "^16.6.3",
"react-dom": "^16.6.3",
"rimraf": "^2.6.0",
"semantic-release": "^15.1.4",
"sinon": "^6.1.4",
"travis-deploy-once": "^4.3.1"
"travis-deploy-once": "^5.0.9"
},

@@ -123,4 +140,5 @@ "peerDependencies": {

"dependencies": {
"@babel/runtime": "^7.1.5",
"prop-types": "^15.0.0"
}
}

@@ -7,2 +7,3 @@ # material-ui-popup-state

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
[![npm version](https://badge.fury.io/js/material-ui-popup-state.svg)](https://badge.fury.io/js/material-ui-popup-state)

@@ -9,0 +10,0 @@ PopupState takes care of the boilerplate for common Menu, Popover and Popper use cases.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc