@pie-lib/rubric 0.9.1-beta.0 → 0.11.0

package/lib/point-menu.js

@@ -0,0 +1,172 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.IconMenu = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
+
+var _MoreHoriz = _interopRequireDefault(require("@material-ui/icons/MoreHoriz"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var IconMenu = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(IconMenu, _React$Component);
+
+  var _super = _createSuper(IconMenu);
+
+  function IconMenu(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, IconMenu);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
+      return _this.setState({
+        open: true,
+        anchorEl: event.currentTarget
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRequestClose", function () {
+      return _this.setState({
+        open: false
+      });
+    });
+    _this.state = {
+      anchorEl: undefined,
+      open: false
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(IconMenu, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          opts = _this$props.opts,
+          onClick = _this$props.onClick,
+          classes = _this$props.classes;
+      var _this$state = this.state,
+          open = _this$state.open,
+          anchorEl = _this$state.anchorEl;
+      var keys = Object.keys(opts) || [];
+
+      var handleMenuClick = function handleMenuClick(key) {
+        return function () {
+          onClick(key);
+
+          _this2.handleRequestClose();
+        };
+      };
+
+      var iconColor = open ? 'inherit' : 'disabled';
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        onClick: this.handleClick
+      }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        className: classes.icon
+      }, open ? /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], {
+        color: iconColor
+      }) : /*#__PURE__*/_react["default"].createElement(_MoreHoriz["default"], {
+        color: iconColor
+      }))), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
+        id: "point-menu",
+        anchorEl: anchorEl,
+        open: open,
+        onClose: this.handleRequestClose,
+        style: {
+          transform: 'translate(-15px, -15px)'
+        },
+        transformOrigin: {
+          vertical: 'center',
+          horizontal: 'right'
+        }
+      }, keys.map(function (k, index) {
+        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+          key: index,
+          onClick: handleMenuClick(k)
+        }, opts[k]);
+      })));
+    }
+  }]);
+  return IconMenu;
+}(_react["default"].Component);
+
+exports.IconMenu = IconMenu;
+(0, _defineProperty2["default"])(IconMenu, "propTypes", {
+  opts: _propTypes["default"].object,
+  onClick: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired
+});
+
+var PointMenu = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(PointMenu, _React$Component2);
+
+  var _super2 = _createSuper(PointMenu);
+
+  function PointMenu() {
+    (0, _classCallCheck2["default"])(this, PointMenu);
+    return _super2.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(PointMenu, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          onChange = _this$props2.onChange,
+          classes = _this$props2.classes,
+          showSampleAnswer = _this$props2.showSampleAnswer;
+      var sampleText = showSampleAnswer ? 'Provide Sample Response' : 'Remove Sample Response';
+      return /*#__PURE__*/_react["default"].createElement(IconMenu, {
+        onClick: function onClick(key) {
+          return onChange(key);
+        },
+        opts: {
+          sample: sampleText
+        },
+        classes: classes
+      });
+    }
+  }]);
+  return PointMenu;
+}(_react["default"].Component);
+
+exports["default"] = PointMenu;
+(0, _defineProperty2["default"])(PointMenu, "propTypes", {
+  onChange: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  showSampleAnswer: _propTypes["default"].bool.isRequired
+});
+(0, _defineProperty2["default"])(PointMenu, "defaultProps", {
+  classes: {}
+});
+//# sourceMappingURL=point-menu.js.map

package/lib/point-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/point-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","classes","keys","Object","handleMenuClick","key","handleRequestClose","iconColor","handleClick","icon","transform","vertical","horizontal","map","k","index","React","Component","PropTypes","object","func","isRequired","PointMenu","onChange","showSampleAnswer","sampleText","sample","bool"],"mappings":"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","sourcesContent":["import Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport MoreHorizIcon from '@material-ui/icons/MoreHoriz';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n  static propTypes = {\n    opts: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      anchorEl: undefined,\n      open: false,\n    };\n  }\n\n  handleClick = (event) => this.setState({ open: true, anchorEl: event.currentTarget });\n\n  handleRequestClose = () => this.setState({ open: false });\n\n  render() {\n    const { opts, onClick, classes } = this.props;\n    const { open, anchorEl } = this.state;\n    const keys = Object.keys(opts) || [];\n\n    const handleMenuClick = (key) => () => {\n      onClick(key);\n      this.handleRequestClose();\n    };\n\n    const iconColor = open ? 'inherit' : 'disabled';\n\n    return (\n      <div>\n        <div onClick={this.handleClick}>\n          <IconButton className={classes.icon}>\n            {open ? <MoreVertIcon color={iconColor} /> : <MoreHorizIcon color={iconColor} />}\n          </IconButton>\n        </div>\n        <Menu\n          id=\"point-menu\"\n          anchorEl={anchorEl}\n          open={open}\n          onClose={this.handleRequestClose}\n          style={{ transform: 'translate(-15px, -15px)' }}\n          transformOrigin={{\n            vertical: 'center',\n            horizontal: 'right',\n          }}\n        >\n          {keys.map((k, index) => (\n            <MenuItem key={index} onClick={handleMenuClick(k)}>\n              {opts[k]}\n            </MenuItem>\n          ))}\n        </Menu>\n      </div>\n    );\n  }\n}\n\nexport default class PointMenu extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    showSampleAnswer: PropTypes.bool.isRequired,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  render() {\n    const { onChange, classes, showSampleAnswer } = this.props;\n    const sampleText = showSampleAnswer ? 'Provide Sample Response' : 'Remove Sample Response';\n\n    return (\n      <IconMenu\n        onClick={(key) => onChange(key)}\n        opts={{\n          sample: sampleText,\n        }}\n        classes={classes}\n      />\n    );\n  }\n}\n"],"file":"point-menu.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/rubric",
-  "version": "0.9.1-beta.0",
+  "version": "0.11.0",
   "publishConfig": {
     "access": "public"
   },
@@ -9,8 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/config-ui": "beta",
-    "@pie-lib/editable-html": "^11.2.1-beta.0",
+    "@pie-lib/editable-html": "beta",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "editable-html": "npm:@pie-lib/editable-html@^7.21.0",
@@ -20,5 +19,5 @@
     "react-beautiful-dnd": "^11.0.2",
     "react-dom": "^16.9.0"
   },
-  "gitHead": "e2aa3ddac60f49bcb8c2562370f496323642f453"
+  "gitHead": "ecb1ca31aa1c24d23af00d5ad04ce73ed8871057"
 }