@metacell/geppetto-meta-ui
Version:
React components from geppetto-meta to create neuroscience applications and visualize data.
148 lines • 9.64 kB
JavaScript
var _excluded = ["action", "icon", "style"];
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import React from 'react';
import MenuPopper from './MenuPopper';
import MenuItem from '@mui/material/MenuItem';
import ListItemIcon from '@mui/material/ListItemIcon';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
var MenuSingleItem = /*#__PURE__*/function (_React$Component) {
function MenuSingleItem(props) {
var _this;
_classCallCheck(this, MenuSingleItem);
_this = _callSuper(this, MenuSingleItem, [props]);
_defineProperty(_this, "handleClick", function (event, action) {
var currentTarget = event.currentTarget;
_this.setState(function (state) {
return {
anchorEl: state.anchorEl ? null : currentTarget
};
});
_this.props.menuHandler(action);
});
_defineProperty(_this, "handleMouseOver", function (event, index) {
var currentTarget = event.currentTarget;
if (_this.state.sectionOpened !== index) {
_this.setState(function (state) {
return {
anchorEl: currentTarget,
sectionOpened: index
};
});
}
});
_this.state = {
anchorEl: null,
subMenuOpened: false,
sectionOpened: undefined
};
_this.handleClick = _this.handleClick.bind(_this);
_this.handleMouseOver = _this.handleMouseOver.bind(_this);
return _this;
}
_inherits(MenuSingleItem, _React$Component);
return _createClass(MenuSingleItem, [{
key: "renderArrow",
value: function renderArrow() {
var customArrow = this.props.customArrow;
return customArrow ? customArrow : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
icon: "chevron-right",
style: {
marginLeft: '10px',
position: 'absolute',
marginRight: '0px',
paddingRight: '0px',
right: '5px'
}
});
}
}, {
key: "renderMenuItem",
value: function renderMenuItem(item, index) {
var _this2 = this;
if (!item.label) {
return /*#__PURE__*/React.createElement(React.Fragment, {
key: index
}, item); // Free markup, e.g. for dividers
}
var anchorEl = this.state.anchorEl;
var labelsStyle = this.props.labelsStyle;
var iconStyle = this.props.iconStyle;
var menuToRender = undefined;
var action = item.action,
icon = item.icon,
style = item.style,
others = _objectWithoutProperties(item, _excluded);
var mergedStyle = _objectSpread(_objectSpread(_objectSpread({}, labelsStyle), style), {}, {
hover: _objectSpread(_objectSpread({}, labelsStyle === null || labelsStyle === void 0 ? void 0 : labelsStyle.hover), style === null || style === void 0 ? void 0 : style.hover),
standard: _objectSpread(_objectSpread({}, labelsStyle === null || labelsStyle === void 0 ? void 0 : labelsStyle.standard), style === null || style === void 0 ? void 0 : style.standard)
});
var appliedStyle = anchorEl && index === Number(this.state.sectionOpened) ? mergedStyle.hover : mergedStyle.standard;
if (anchorEl && index === Number(this.state.sectionOpened)) {
var tempList = item.list ? item.list : item.dynamicListInjector ? this.props.menuHandlerDirect(item.dynamicListInjector) : null;
if (tempList) {
menuToRender = /*#__PURE__*/React.createElement(MenuPopper, {
position: item.position,
menuList: tempList,
parentRef: anchorEl,
menuHandler: this.props.menuHandler,
menuHandlerDirect: this.props.menuHandlerDirect,
awayClickHandler: this.props.awayClickHandler,
drawersStyle: this.props.drawersStyle,
labelsStyle: this.props.labelsStyle,
iconStyle: this.props.iconStyle,
itemOptions: {
customArrow: this.props.customArrow
}
});
}
}
return /*#__PURE__*/React.createElement(MenuItem, _extends({
key: index,
id: item.label,
onClick: function onClick(e) {
_this2.handleClick(e, item.action);
},
onMouseOver: function onMouseOver(e) {
_this2.handleMouseOver(e, index);
},
ContainerProps: {
menuHandlerDirect: this.props.menuHandlerDirect
},
menuaction: item.action,
style: appliedStyle
}, others), item.icon ? /*#__PURE__*/React.createElement(ListItemIcon, {
style: iconStyle
}, icon) : undefined, /*#__PURE__*/React.createElement("span", {
className: "menu-item-label"
}, item.label), item.list || item.dynamicListInjector ? /*#__PURE__*/React.createElement(React.Fragment, null, this.renderArrow(), menuToRender) : '');
}
}, {
key: "render",
value: function render() {
var _this3 = this;
var menuItems = this.props.menuList.map(function (item, index) {
return _this3.renderMenuItem(item, index);
});
return /*#__PURE__*/React.createElement(React.Fragment, null, menuItems);
}
}]);
}(React.Component);
export default MenuSingleItem;