@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
89 lines (88 loc) • 3.47 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MenuColumn = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@iconify/react");
var _uuid = require("uuid");
var _material = require("@mui/material");
var _DropdownMenu = require("../../../../components/DropdownMenu");
var _icons = require("../../../../helpers/icons");
var _IconButtonComponent = require("../../../../components/IconButtonComponent");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["onUpdate", "onDelete", "disabledDelete"];
var MenuColumn = exports.MenuColumn = function MenuColumn(_ref) {
var onUpdate = _ref.onUpdate,
onDelete = _ref.onDelete,
disabledDelete = _ref.disabledDelete,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
var theme = (0, _material.useTheme)();
var _React$useState = _react["default"].useState(null),
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
anchorEl = _React$useState2[0],
setAnchorEl = _React$useState2[1];
var _React$useState3 = _react["default"].useState(false),
_React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
isVisible = _React$useState4[0],
setIsVisible = _React$useState4[1];
var handleClick = function handleClick(currentTarget) {
setAnchorEl(currentTarget);
setIsVisible(!isVisible);
};
var handleClose = function handleClose() {
setAnchorEl(null);
};
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DropdownMenu.DropdownMenu, {
Root: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
iconProps: {
size: 'small',
onClick: function onClick(_ref2) {
var currentTarget = _ref2.currentTarget;
handleClick(currentTarget);
}
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: _icons.ICONS_NAME.moreHorizontal,
color: theme.palette.text.primary
})
}),
anchorEl: anchorEl,
handleClose: handleClose,
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
onClick: onDelete,
disabled: disabledDelete,
sx: {
'&:hover': {
borderRadius: '10px'
}
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: _icons.ICONS_NAME.trash
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
variant: "body1",
children: props.textDelete
})]
}, (0, _uuid.v4)()), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
onClick: onUpdate,
sx: {
'&:hover': {
borderRadius: '10px'
}
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: _icons.ICONS_NAME.edit
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
variant: "body1",
children: props.textUpdate
})]
}, (0, _uuid.v4)())]
});
};