@pie-element/rubric 1.6.3-next.1217 → 1.6.3-next.1219

package/configure/node_modules/@pie-lib/rubric/lib/point-menu.js

@@ -1,172 +0,0 @@
-"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/configure/node_modules/@pie-lib/rubric/lib/point-menu.js.map

@@ -1 +0,0 @@
-{"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/configure/node_modules/@pie-lib/rubric/package.json

@@ -1,22 +0,0 @@
-{
-  "name": "@pie-lib/rubric",
-  "version": "0.5.1",
-  "publishConfig": {
-    "access": "public"
-  },
-  "main": "lib/index.js",
-  "module": "src/index.js",
-  "dependencies": {
-    "@material-ui/core": "^3.9.3",
-    "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "^9.1.6",
-    "debug": "^4.1.1",
-    "editable-html": "npm:@pie-lib/editable-html@^7.21.0",
-    "lodash": "^4.17.11",
-    "prop-types": "^15.7.2",
-    "react": "^16.8.1",
-    "react-beautiful-dnd": "^11.0.2",
-    "react-dom": "^16.9.0"
-  },
-  "gitHead": "945cf008fd2a4a0d136813a9034274288ae95510"
-}

package/configure/node_modules/@pie-lib/rubric/src/authoring.jsx

@@ -1,361 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import classNames from 'classnames';
-import OutlinedInput from '@material-ui/core/OutlinedInput';
-import InputLabel from '@material-ui/core/InputLabel';
-import Select from '@material-ui/core/Select';
-import FormControl from '@material-ui/core/FormControl';
-import MenuItem from '@material-ui/core/MenuItem';
-import times from 'lodash/times';
-import Checkbox from '@material-ui/core/Checkbox';
-import FormGroup from '@material-ui/core/FormGroup';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import grey from '@material-ui/core/colors/grey';
-import Typography from '@material-ui/core/Typography';
-import DragIndicator from '@material-ui/icons/DragIndicator';
-import EditableHtml from '@pie-lib/editable-html';
-import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import debug from 'debug';
-import takeRight from 'lodash/takeRight';
-import PointMenu from './point-menu';
-
-import range from 'lodash/range';
-const log = debug('pie-lib:rubric:authoring');
-
-const reorder = (list, startIndex, endIndex) => {
-  const result = Array.from(list);
-  const [removed] = result.splice(startIndex, 1);
-
-  result.splice(endIndex, 0, removed);
-
-  return result;
-};
-
-export const RubricType = PropTypes.shape({
-  excludeZero: PropTypes.bool,
-  points: PropTypes.arrayOf(PropTypes.string),
-  sampleAnswers: PropTypes.arrayOf(PropTypes.string)
-});
-
-const MaxPoints = withStyles(theme => ({
-  formControl: {
-    minWidth: '120px',
-    margin: theme.spacing.unit
-  }
-}))(props => {
-  const { value, onChange, max, classes } = props;
-
-  return (
-    <FormControl className={classes.formControl} variant="outlined">
-      <InputLabel width={100} htmlFor="...">
-        Max Points
-      </InputLabel>
-      <Select
-        value={value}
-        onChange={e => onChange(e.target.value)}
-        input={<OutlinedInput labelWidth={80} />}
-      >
-        {range(1, max).map(v => (
-          <MenuItem key={`${v}`} value={v}>
-            {v}
-          </MenuItem>
-        ))}
-      </Select>
-    </FormControl>
-  );
-});
-
-// if the value is null or 'null', the Sample Answer input field for that point will not be dispalyed
-// if the value is '', the Sample Answer input field will be empty
-const checkSampleAnswer = sampleAnswer => sampleAnswer === null || sampleAnswer === 'null';
-
-export const PointConfig = withStyles(theme => ({
-  pointConfig: {},
-  row: {
-    display: 'flex',
-    width: '100%',
-    position: 'relative'
-  },
-  editor: {
-    width: '100%',
-    backgroundColor: 'white !important'
-  },
-  dragIndicator: {
-    paddingTop: theme.spacing.unit,
-    color: grey[500]
-  },
-  pointsLabel: {
-    color: grey[500],
-    paddingBottom: theme.spacing.unit,
-    textTransform: 'uppercase'
-  },
-  sampleAnswersEditor: {
-    paddingLeft: theme.spacing.unit * 3
-  },
-  pointMenu: {
-    position: 'absolute',
-    right: 0
-  }
-}))(props => {
-  const { points, content, classes, sampleAnswer } = props;
-  const pointsLabel = `${points} ${points <= 1 ? 'pt' : 'pts'}`;
-  const showSampleAnswer = checkSampleAnswer(sampleAnswer);
-
-  return (
-    <div className={classes.pointConfig}>
-      <Typography variant="overline" className={classes.pointsLabel}>
-        {pointsLabel}
-      </Typography>
-      <div className={classes.row}>
-        <DragIndicator className={classes.dragIndicator} />
-        <EditableHtml className={classes.editor} markup={content} onChange={props.onChange} />
-        <PointMenu
-          classes={{
-            icon: classes.pointMenu
-          }}
-          showSampleAnswer={showSampleAnswer}
-          onChange={props.onMenuChange}
-        />
-      </div>
-      {!showSampleAnswer && (
-        <div className={classes.sampleAnswersEditor}>
-          <Typography variant="overline" className={classes.dragIndicator}>
-            Sample Response
-          </Typography>
-          <EditableHtml
-            className={classes.editor}
-            markup={sampleAnswer}
-            onChange={props.onSampleChange}
-          />
-        </div>
-      )}
-    </div>
-  );
-});
-
-export class RawAuthoring extends React.Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-    className: PropTypes.string,
-    value: RubricType,
-    onChange: PropTypes.func
-  };
-
-  static defaultProps = {};
-
-  dragEnd = result => {
-    if (!result.destination) {
-      return;
-    }
-
-    const { value, onChange } = this.props;
-
-    const points = reorder(value.points, result.source.index, result.destination.index);
-    const sampleAnswers = reorder(
-      value.sampleAnswers,
-      result.source.index,
-      result.destination.index
-    );
-
-    onChange({ ...value, points, sampleAnswers });
-  };
-
-  changeMaxPoints = maxPoints => {
-    const { value, onChange } = this.props;
-    const currentMax = value.points.length - 1;
-
-    log('current', currentMax, 'new: ', maxPoints);
-
-    let points, sampleAnswers;
-    if (maxPoints > currentMax) {
-      points = times(maxPoints - currentMax)
-        .map(() => '')
-        .concat(value.points);
-      sampleAnswers = times(maxPoints - currentMax)
-        .map(() => null)
-        .concat(value.sampleAnswers);
-    }
-
-    if (maxPoints < currentMax) {
-      log('less than');
-      points = takeRight(value.points, maxPoints + 1);
-      sampleAnswers = takeRight(value.sampleAnswers, maxPoints + 1);
-    }
-
-    if (points) {
-      onChange({ ...value, points, sampleAnswers });
-    }
-  };
-
-  changeContent = (index, content, type) => {
-    // type could be 'points' or 'sampleAnswers'
-    log(`changeModel[${type}]:`, index, content);
-
-    if (type !== 'points' && type !== 'sampleAnswers') {
-      return;
-    }
-
-    const { value, onChange } = this.props;
-    const items = value[type] && Array.from(value[type]);
-
-    items.splice(index, 1, content);
-    log(`changeModel[${type}]:`, items);
-
-    onChange({ ...value, [type]: items });
-  };
-
-  excludeZeros = () => {
-    const { value, onChange } = this.props;
-
-    onChange({ ...value, excludeZero: !value.excludeZero });
-  };
-
-  shouldRenderPoint = (index, value) => {
-    if (!value.excludeZero) {
-      return true;
-    } else {
-      if (index < value.points.length - 1) {
-        return true;
-      } else if (index === value.points.length - 1) {
-        return false;
-      }
-
-      return true;
-    }
-  };
-
-  onPointMenuChange = (index, clickedItem) => {
-    if (clickedItem === 'sample') {
-      const { value } = this.props;
-      const sampleAnswers = Array.from(value.sampleAnswers || []);
-
-      if (checkSampleAnswer(sampleAnswers[index])) {
-        // an empty string will display an empty Sample Answer input field
-        this.changeContent(index, '', 'sampleAnswers');
-      } else {
-        // when the content is null or 'null', the Sample Answer input field will not be displayed
-        this.changeContent(index, null, 'sampleAnswers');
-      }
-    }
-  };
-
-  render() {
-    const { classes, className, value } = this.props;
-
-    if (value && Number.isFinite(value.maxPoints)) {
-      // eslint-disable-next-line no-console
-      console.warn('maxPoints is deprecated - remove from model');
-    }
-
-    return (
-      <div className={classNames(classes.class, className)}>
-        <Typography variant="h5" className={classes.rubricTitle}>
-          Rubric
-        </Typography>
-        <FormGroup row>
-          <MaxPoints max={10} value={value.points.length - 1} onChange={this.changeMaxPoints} />
-          <FormControlLabel
-            label="Exclude zeros"
-            control={<Checkbox checked={value.excludeZero} onChange={this.excludeZeros} />}
-          />
-        </FormGroup>
-        <div className={classes.container}>
-          <DragDropContext onDragEnd={this.dragEnd}>
-            <Droppable droppableId="droppable">
-              {provided => (
-                <div {...provided.droppableProps} ref={provided.innerRef}>
-                  {value.points.map(
-                    (p, index) =>
-                      this.shouldRenderPoint(index, value) && (
-                        <Draggable
-                          key={`${p.points}-${index}`}
-                          index={index}
-                          draggableId={index.toString()}
-                        >
-                          {provided => (
-                            <div
-                              className={classes.configHolder}
-                              ref={provided.innerRef}
-                              {...provided.draggableProps}
-                              {...provided.dragHandleProps}
-                            >
-                              <PointConfig
-                                points={value.points.length - 1 - index}
-                                content={p}
-                                sampleAnswer={value.sampleAnswers && value.sampleAnswers[index]}
-                                onChange={content => this.changeContent(index, content, 'points')}
-                                onSampleChange={content =>
-                                  this.changeContent(index, content, 'sampleAnswers')
-                                }
-                                onMenuChange={clickedItem =>
-                                  this.onPointMenuChange(index, clickedItem)
-                                }
-                              />
-                            </div>
-                          )}
-                        </Draggable>
-                      )
-                  )}
-                  {provided.placeholder}
-                </div>
-              )}
-            </Droppable>
-          </DragDropContext>
-        </div>
-      </div>
-    );
-  }
-}
-
-const styles = theme => ({
-  container: {
-    backgroundColor: grey[200],
-    borderWidth: 1,
-    borderStyle: 'solid',
-    borderColor: grey[300],
-    padding: theme.spacing.unit * 2,
-    margin: theme.spacing.unit
-  },
-  configHolder: {
-    paddingTop: theme.spacing.unit,
-    paddingBottom: theme.spacing.unit
-  },
-  rubricTitle: {
-    paddingLeft: theme.spacing.unit,
-    margin: theme.spacing.unit
-  }
-});
-
-const StyledRawAuthoring = withStyles(styles)(RawAuthoring);
-
-const Reverse = props => {
-  const points = Array.from(props.value.points || []).reverse();
-  let sampleAnswers = Array.from(props.value.sampleAnswers || []).reverse();
-
-  if (points.length > sampleAnswers.length) {
-    sampleAnswers = times(points.length - sampleAnswers.length)
-      .map(() => null)
-      .concat(sampleAnswers);
-  }
-
-  const value = { ...props.value, points, sampleAnswers };
-
-  const onChange = value => {
-    props.onChange({
-      ...value,
-      points: Array.from(value.points || []).reverse(),
-      sampleAnswers: Array.from(value.sampleAnswers || []).reverse()
-    });
-  };
-
-  return <StyledRawAuthoring value={value} onChange={onChange} />;
-};
-
-Reverse.propTypes = {
-  value: RubricType,
-  getIndex: PropTypes.func,
-  onChange: PropTypes.func
-};
-
-export default Reverse;

package/configure/node_modules/@pie-lib/rubric/src/index.js

@@ -1,8 +0,0 @@
-import Authoring from './authoring';
-
-const RUBRIC_TYPES = {
-  SIMPLE_RUBRIC: 'simpleRubric',
-  MULTI_TRAIT_RUBRIC: 'multiTraitRubric'
-};
-
-export { Authoring, RUBRIC_TYPES };

package/configure/node_modules/@pie-lib/rubric/src/point-menu.jsx

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