@pie-element/ebsr 6.6.2 → 6.6.3-next.1008

package/configure/node_modules/@pie-lib/math-toolbar/lib/done-button.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawDoneButton = exports.DoneButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var RawDoneButton = function RawDoneButton(_ref) {
+  var classes = _ref.classes,
+      onClick = _ref.onClick;
+  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    "aria-label": "Done",
+    className: classes.iconRoot,
+    onClick: onClick,
+    classes: {
+      label: classes.label,
+      root: classes.iconRoot
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
+};
+
+exports.RawDoneButton = RawDoneButton;
+RawDoneButton.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  onClick: _propTypes["default"].func
+};
+var styles = {
+  iconRoot: {
+    verticalAlign: 'top',
+    width: '28px',
+    height: '28px',
+    color: '#00bb00'
+  },
+  label: {
+    position: 'absolute',
+    top: '2px'
+  }
+};
+var DoneButton = (0, _styles.withStyles)(styles)(RawDoneButton);
+exports.DoneButton = DoneButton;
+//# sourceMappingURL=done-button.js.map

package/configure/node_modules/@pie-lib/math-toolbar/lib/done-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/done-button.jsx"],"names":["RawDoneButton","classes","onClick","iconRoot","label","root","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","position","top","DoneButton"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,OAAZ,QAAYA,OAAZ;AAAA,sBAC3B,gCAAC,sBAAD;AACE,kBAAW,MADb;AAEE,IAAA,SAAS,EAAED,OAAO,CAACE,QAFrB;AAGE,IAAA,OAAO,EAAED,OAHX;AAIE,IAAA,OAAO,EAAE;AACPE,MAAAA,KAAK,EAAEH,OAAO,CAACG,KADR;AAEPC,MAAAA,IAAI,EAAEJ,OAAO,CAACE;AAFP;AAJX,kBASE,gCAAC,iBAAD,OATF,CAD2B;AAAA,CAAtB;;;AAcPH,aAAa,CAACM,SAAd,GAA0B;AACxBL,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADF;AAExBP,EAAAA,OAAO,EAAEK,sBAAUG;AAFK,CAA1B;AAKA,IAAMC,MAAM,GAAG;AACbR,EAAAA,QAAQ,EAAE;AACRS,IAAAA,aAAa,EAAE,KADP;AAERC,IAAAA,KAAK,EAAE,MAFC;AAGRC,IAAAA,MAAM,EAAE,MAHA;AAIRC,IAAAA,KAAK,EAAE;AAJC,GADG;AAObX,EAAAA,KAAK,EAAE;AACLY,IAAAA,QAAQ,EAAE,UADL;AAELC,IAAAA,GAAG,EAAE;AAFA;AAPM,CAAf;AAYO,IAAMC,UAAU,GAAG,wBAAWP,MAAX,EAAmBX,aAAnB,CAAnB","sourcesContent":["import React from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport const RawDoneButton = ({ classes, onClick }) => (\n  <IconButton\n    aria-label=\"Done\"\n    className={classes.iconRoot}\n    onClick={onClick}\n    classes={{\n      label: classes.label,\n      root: classes.iconRoot\n    }}\n  >\n    <Check />\n  </IconButton>\n);\n\nRawDoneButton.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onClick: PropTypes.func\n};\n\nconst styles = {\n  iconRoot: {\n    verticalAlign: 'top',\n    width: '28px',\n    height: '28px',\n    color: '#00bb00'\n  },\n  label: {\n    position: 'absolute',\n    top: '2px'\n  }\n};\nexport const DoneButton = withStyles(styles)(RawDoneButton);\n"],"file":"done-button.js"}

package/configure/node_modules/@pie-lib/math-toolbar/lib/editor-and-pad.js

@@ -0,0 +1,463 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.EditorAndPad = void 0;
+
+var _mathInput = require("@pie-lib/math-input");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+var log = (0, _debug["default"])('@pie-lib:math-toolbar:editor-and-pad');
+var decimalRegex = /\.|,/g;
+
+var toNodeData = function toNodeData(data) {
+  if (!data) {
+    return;
+  }
+
+  var type = data.type,
+      value = data.value;
+
+  if (type === 'command' || type === 'cursor') {
+    return data;
+  } else if (type === 'answer') {
+    return _objectSpread({
+      type: 'answer'
+    }, data);
+  } else if (value === 'clear') {
+    return {
+      type: 'clear'
+    };
+  } else {
+    return {
+      type: 'write',
+      value: value
+    };
+  }
+};
+
+var EditorAndPad = /*#__PURE__*/function (_React$Component) {
+  _inherits(EditorAndPad, _React$Component);
+
+  var _super = _createSuper(EditorAndPad);
+
+  function EditorAndPad(props) {
+    var _this;
+
+    _classCallCheck(this, EditorAndPad);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (data) {
+      var noDecimal = _this.props.noDecimal;
+      var c = toNodeData(data);
+      log('mathChange: ', c); // if decimals are not allowed for this response, we discard the input
+
+      if (noDecimal && (c.value === '.' || c.value === ',')) {
+        return;
+      }
+
+      if (c.type === 'clear') {
+        log('call clear...');
+
+        _this.input.clear();
+      } else if (c.type === 'command') {
+        _this.input.command(c.value);
+      } else if (c.type === 'cursor') {
+        _this.input.keystroke(c.value);
+      } else if (c.type === 'answer') {
+        _this.input.write('%response%');
+      } else {
+        _this.input.write(c.value);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "updateDisable", function (isEdit) {
+      var maxResponseAreas = _this.props.maxResponseAreas;
+
+      if (maxResponseAreas) {
+        var shouldDisable = _this.checkResponseAreasNumber(maxResponseAreas, isEdit);
+
+        _this.setState({
+          addDisabled: shouldDisable
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onAnswerBlockClick", function () {
+      _this.props.onAnswerBlockAdd();
+
+      _this.onClick({
+        type: 'answer'
+      });
+
+      _this.updateDisable(true);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onEditorChange", function (latex) {
+      var _this$props = _this.props,
+          onChange = _this$props.onChange,
+          noDecimal = _this$props.noDecimal;
+      (0, _mathInput.updateSpans)();
+
+      _this.updateDisable(true); // if no decimals are allowed and the last change is a decimal dot, discard the change
+
+
+      if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && _this.input) {
+        _this.input.clear();
+
+        _this.input.write(latex.replace(decimalRegex, ''));
+
+        return;
+      }
+
+      onChange(latex);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onEditorTypeChange", function (evt) {
+      _this.setState({
+        equationEditor: evt.target.value
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "checkResponseAreasNumber", function (maxResponseAreas, isEdit) {
+      var _ref = _this.input && _this.input.props || {},
+          latex = _ref.latex;
+
+      if (latex) {
+        var count = (latex.match(/answerBlock/g) || []).length;
+        return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;
+      }
+
+      return false;
+    });
+
+    _this.state = {
+      equationEditor: 'item-authoring',
+      addDisabled: false
+    };
+    return _this;
+  }
+
+  _createClass(EditorAndPad, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.input && this.props.autoFocus) {
+        this.input.focus();
+      }
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value:
+    /** Only render if the mathquill instance's latex is different
+     * or the keypad state changed from one state to the other (shown / hidden) */
+    function shouldComponentUpdate(nextProps, nextState) {
+      var inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;
+      log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);
+
+      if (!(0, _isEqual["default"])(this.props.error, nextProps.error)) {
+        return true;
+      }
+
+      if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {
+        return true;
+      }
+
+      if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {
+        return true;
+      }
+
+      if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {
+        return true;
+      }
+
+      if (!inputIsDifferent && this.props.controlledKeypad) {
+        return this.props.showKeypad !== nextProps.showKeypad;
+      }
+
+      return inputIsDifferent;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          classNames = _this$props2.classNames,
+          keypadMode = _this$props2.keypadMode,
+          allowAnswerBlock = _this$props2.allowAnswerBlock,
+          additionalKeys = _this$props2.additionalKeys,
+          controlledKeypad = _this$props2.controlledKeypad,
+          controlledKeypadMode = _this$props2.controlledKeypadMode,
+          showKeypad = _this$props2.showKeypad,
+          noDecimal = _this$props2.noDecimal,
+          latex = _this$props2.latex,
+          _onFocus = _this$props2.onFocus,
+          _onBlur = _this$props2.onBlur,
+          classes = _this$props2.classes,
+          error = _this$props2.error;
+      var shouldShowKeypad = !controlledKeypad || controlledKeypad && showKeypad;
+      var addDisabled = this.state.addDisabled;
+      log('[render]', latex);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.mathToolbar, classNames.mathToolbar)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.inputAndTypeContainer
+      }, controlledKeypadMode && /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+        label: "Equation Editor",
+        className: classes.selectContainer
+      }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+        className: classes.select,
+        onChange: this.onEditorTypeChange,
+        value: this.state.equationEditor
+      }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: "non-negative-integers"
+      }, "Numeric - Non-Negative Integers"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: "integers"
+      }, "Numeric - Integers"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: "decimals"
+      }, "Numeric - Decimals"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: "fractions"
+      }, "Numeric - Fractions"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: 1
+      }, "Grade 1 - 2"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: 3
+      }, "Grade 3 - 5"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: 6
+      }, "Grade 6 - 7"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: 8
+      }, "Grade 8 - HS"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: 'geometry'
+      }, "Geometry"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: 'advanced-algebra'
+      }, "Advanced Algebra"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: 'statistics'
+      }, "Statistics"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: 'item-authoring'
+      }, "Item Authoring"))), /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.inputContainer, error ? classes.error : '')
+      }, /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Input, {
+        onFocus: function onFocus() {
+          _onFocus && _onFocus();
+
+          _this2.updateDisable(false);
+        },
+        onBlur: function onBlur(event) {
+          _this2.updateDisable(false);
+
+          _onBlur && _onBlur(event);
+        },
+        className: (0, _classnames["default"])(classes.mathEditor, classNames.editor, !controlledKeypadMode ? classes.longMathEditor : ''),
+        innerRef: function innerRef(r) {
+          return _this2.input = r;
+        },
+        latex: latex,
+        onChange: this.onEditorChange
+      }))), allowAnswerBlock && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        className: classes.addAnswerBlockButton,
+        type: "primary",
+        style: {
+          bottom: shouldShowKeypad ? '320px' : '20px'
+        },
+        onClick: this.onAnswerBlockClick,
+        disabled: addDisabled
+      }, "+ Response Area"), /*#__PURE__*/_react["default"].createElement("hr", {
+        className: classes.hr
+      }), shouldShowKeypad && /*#__PURE__*/_react["default"].createElement(_mathInput.HorizontalKeypad, {
+        additionalKeys: additionalKeys,
+        mode: controlledKeypadMode ? this.state.equationEditor : keypadMode,
+        onClick: this.onClick,
+        noDecimal: noDecimal
+      }));
+    }
+  }]);
+
+  return EditorAndPad;
+}(_react["default"].Component);
+
+exports.EditorAndPad = EditorAndPad;
+
+_defineProperty(EditorAndPad, "propTypes", {
+  classNames: _propTypes["default"].object,
+  keypadMode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  autoFocus: _propTypes["default"].bool,
+  allowAnswerBlock: _propTypes["default"].bool,
+  showKeypad: _propTypes["default"].bool,
+  controlledKeypad: _propTypes["default"].bool,
+  controlledKeypadMode: _propTypes["default"].bool,
+  noDecimal: _propTypes["default"].bool,
+  additionalKeys: _propTypes["default"].array,
+  latex: _propTypes["default"].string.isRequired,
+  onAnswerBlockAdd: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  onChange: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object
+});
+
+var styles = function styles(theme) {
+  return {
+    inputAndTypeContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      '& *': {
+        fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
+      },
+      '& .mq-overarrow.mq-arrow-both': {
+        minWidth: '1.23em',
+        '& *': {
+          lineHeight: '1 !important'
+        },
+        '&:before': {
+          top: '-0.4em',
+          left: '-1px'
+        },
+        '&:after': {
+          top: '-2.36em',
+          right: '-1px'
+        },
+        '&.mq-empty:after': {
+          top: '-0.45em'
+        }
+      },
+      '& .mq-overarrow.mq-arrow-right': {
+        '&:before': {
+          top: '-0.4em',
+          right: '-1px'
+        }
+      }
+    },
+    selectContainer: {
+      flex: 'initial',
+      width: '25%',
+      minWidth: '100px',
+      marginLeft: '15px',
+      marginTop: '5px',
+      marginBottom: '5px',
+      marginRight: '5px'
+    },
+    mathEditor: {
+      maxWidth: '400px',
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background(),
+      padding: theme.spacing.unit
+    },
+    longMathEditor: {
+      maxWidth: '500px'
+    },
+    addAnswerBlockButton: {
+      position: 'absolute',
+      right: '12px',
+      border: '1px solid lightgrey'
+    },
+    hr: {
+      padding: 0,
+      margin: 0,
+      height: '1px',
+      border: 'none',
+      borderBottom: "solid 1px ".concat(theme.palette.primary.main)
+    },
+    mathToolbar: {
+      zIndex: 9,
+      position: 'relative',
+      textAlign: 'center',
+      width: 'auto',
+      '& > .mq-math-mode': {
+        border: 'solid 1px lightgrey'
+      },
+      '& > .mq-focused': {
+        outline: 'none',
+        boxShadow: 'none',
+        border: "dotted 1px ".concat(theme.palette.primary.main),
+        borderRadius: '0px'
+      },
+      '& .mq-overarrow-inner': {
+        border: 'none !important',
+        paddingTop: '0 !important'
+      },
+      '& .mq-overarrow-inner-right': {
+        display: 'none !important'
+      },
+      '& .mq-overarrow-inner-left': {
+        display: 'none !important'
+      },
+      '& .mq-longdiv-inner': {
+        borderTop: '1px solid !important',
+        paddingTop: '1.5px !important'
+      },
+      '& .mq-overarrow.mq-arrow-both': {
+        minWidth: '1.23em'
+      },
+      '& .mq-parallelogram': {
+        lineHeight: 0.85
+      }
+    },
+    inputContainer: {
+      minWidth: '500px',
+      maxWidth: '900px',
+      minHeight: '40px',
+      width: '100%',
+      display: 'flex',
+      marginTop: theme.spacing.unit,
+      marginBottom: theme.spacing.unit
+    },
+    error: {
+      border: '2px solid red'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(EditorAndPad);
+
+exports["default"] = _default;
+//# sourceMappingURL=editor-and-pad.js.map

package/configure/node_modules/@pie-lib/math-toolbar/lib/editor-and-pad.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor-and-pad.jsx"],"names":["log","decimalRegex","toNodeData","data","type","value","EditorAndPad","props","noDecimal","c","input","clear","command","keystroke","write","isEdit","maxResponseAreas","shouldDisable","checkResponseAreasNumber","setState","addDisabled","onAnswerBlockAdd","onClick","updateDisable","latex","onChange","indexOf","replace","evt","equationEditor","target","count","match","length","state","autoFocus","focus","nextProps","nextState","inputIsDifferent","mathField","error","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","onFocus","onBlur","classes","shouldShowKeypad","mathToolbar","inputAndTypeContainer","selectContainer","select","onEditorTypeChange","inputContainer","event","mathEditor","editor","longMathEditor","r","onEditorChange","addAnswerBlockButton","bottom","onAnswerBlockClick","hr","React","Component","PropTypes","object","oneOfType","string","number","bool","array","isRequired","func","styles","theme","display","alignItems","fontFamily","minWidth","lineHeight","top","left","right","flex","width","marginLeft","marginTop","marginBottom","marginRight","maxWidth","color","text","backgroundColor","background","padding","spacing","unit","position","border","margin","height","borderBottom","palette","primary","main","zIndex","textAlign","outline","boxShadow","borderRadius","paddingTop","borderTop","minHeight"],"mappings":"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","sourcesContent":["import { HorizontalKeypad, mq } from '@pie-lib/math-input';\nimport React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nconst log = debug('@pie-lib:math-toolbar:editor-and-pad');\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { updateSpans } from '@pie-lib/math-input';\nimport isEqual from 'lodash/isEqual';\n\nconst decimalRegex = /\\.|,/g;\n\nconst toNodeData = data => {\n  if (!data) {\n    return;\n  }\n\n  const { type, value } = data;\n\n  if (type === 'command' || type === 'cursor') {\n    return data;\n  } else if (type === 'answer') {\n    return { type: 'answer', ...data };\n  } else if (value === 'clear') {\n    return { type: 'clear' };\n  } else {\n    return { type: 'write', value };\n  }\n};\n\nexport class EditorAndPad extends React.Component {\n  static propTypes = {\n    classNames: PropTypes.object,\n    keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    autoFocus: PropTypes.bool,\n    allowAnswerBlock: PropTypes.bool,\n    showKeypad: PropTypes.bool,\n    controlledKeypad: PropTypes.bool,\n    controlledKeypadMode: PropTypes.bool,\n    noDecimal: PropTypes.bool,\n    additionalKeys: PropTypes.array,\n    latex: PropTypes.string.isRequired,\n    onAnswerBlockAdd: PropTypes.func,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = { equationEditor: 'item-authoring', addDisabled: false };\n  }\n\n  componentDidMount() {\n    if (this.input && this.props.autoFocus) {\n      this.input.focus();\n    }\n  }\n\n  onClick = data => {\n    const { noDecimal } = this.props;\n    const c = toNodeData(data);\n    log('mathChange: ', c);\n\n    // if decimals are not allowed for this response, we discard the input\n    if (noDecimal && (c.value === '.' || c.value === ',')) {\n      return;\n    }\n\n    if (c.type === 'clear') {\n      log('call clear...');\n      this.input.clear();\n    } else if (c.type === 'command') {\n      this.input.command(c.value);\n    } else if (c.type === 'cursor') {\n      this.input.keystroke(c.value);\n    } else if (c.type === 'answer') {\n      this.input.write('%response%');\n    } else {\n      this.input.write(c.value);\n    }\n  };\n\n  updateDisable = isEdit => {\n    const { maxResponseAreas } = this.props;\n\n    if (maxResponseAreas) {\n      const shouldDisable = this.checkResponseAreasNumber(maxResponseAreas, isEdit);\n\n      this.setState({ addDisabled: shouldDisable });\n    }\n  };\n\n  onAnswerBlockClick = () => {\n    this.props.onAnswerBlockAdd();\n    this.onClick({\n      type: 'answer'\n    });\n\n    this.updateDisable(true);\n  };\n\n  onEditorChange = latex => {\n    const { onChange, noDecimal } = this.props;\n\n    updateSpans();\n\n    this.updateDisable(true);\n\n    // if no decimals are allowed and the last change is a decimal dot, discard the change\n    if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n      this.input.clear();\n      this.input.write(latex.replace(decimalRegex, ''));\n      return;\n    }\n\n    onChange(latex);\n  };\n\n  /** Only render if the mathquill instance's latex is different\n   * or the keypad state changed from one state to the other (shown / hidden) */\n  shouldComponentUpdate(nextProps, nextState) {\n    const inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;\n    log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);\n\n    if (!isEqual(this.props.error, nextProps.error)) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.controlledKeypad) {\n      return this.props.showKeypad !== nextProps.showKeypad;\n    }\n\n    return inputIsDifferent;\n  }\n\n  onEditorTypeChange = evt => {\n    this.setState({ equationEditor: evt.target.value });\n  };\n\n  checkResponseAreasNumber = (maxResponseAreas, isEdit) => {\n    const { latex } = (this.input && this.input.props) || {};\n\n    if (latex) {\n      const count = (latex.match(/answerBlock/g) || []).length;\n\n      return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;\n    }\n\n    return false;\n  };\n\n  render() {\n    const {\n      classNames,\n      keypadMode,\n      allowAnswerBlock,\n      additionalKeys,\n      controlledKeypad,\n      controlledKeypadMode,\n      showKeypad,\n      noDecimal,\n      latex,\n      onFocus,\n      onBlur,\n      classes,\n      error\n    } = this.props;\n    const shouldShowKeypad = !controlledKeypad || (controlledKeypad && showKeypad);\n    const { addDisabled } = this.state;\n\n    log('[render]', latex);\n\n    return (\n      <div className={cx(classes.mathToolbar, classNames.mathToolbar)}>\n        <div className={classes.inputAndTypeContainer}>\n          {controlledKeypadMode && (\n            <InputContainer label=\"Equation Editor\" className={classes.selectContainer}>\n              <Select\n                className={classes.select}\n                onChange={this.onEditorTypeChange}\n                value={this.state.equationEditor}\n              >\n                <MenuItem value=\"non-negative-integers\">Numeric - Non-Negative Integers</MenuItem>\n                <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n                <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n                <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n                <MenuItem value={1}>Grade 1 - 2</MenuItem>\n                <MenuItem value={3}>Grade 3 - 5</MenuItem>\n                <MenuItem value={6}>Grade 6 - 7</MenuItem>\n                <MenuItem value={8}>Grade 8 - HS</MenuItem>\n                <MenuItem value={'geometry'}>Geometry</MenuItem>\n                <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n                <MenuItem value={'statistics'}>Statistics</MenuItem>\n                <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n              </Select>\n            </InputContainer>\n          )}\n          <div className={cx(classes.inputContainer, error ? classes.error : '')}>\n            <mq.Input\n              onFocus={() => {\n                onFocus && onFocus();\n                this.updateDisable(false);\n              }}\n              onBlur={event => {\n                this.updateDisable(false);\n                onBlur && onBlur(event);\n              }}\n              className={cx(\n                classes.mathEditor,\n                classNames.editor,\n                !controlledKeypadMode ? classes.longMathEditor : ''\n              )}\n              innerRef={r => (this.input = r)}\n              latex={latex}\n              onChange={this.onEditorChange}\n            />\n          </div>\n        </div>\n        {allowAnswerBlock && (\n          <Button\n            className={classes.addAnswerBlockButton}\n            type=\"primary\"\n            style={{ bottom: shouldShowKeypad ? '320px' : '20px' }}\n            onClick={this.onAnswerBlockClick}\n            disabled={addDisabled}\n          >\n            + Response Area\n          </Button>\n        )}\n        <hr className={classes.hr} />\n        {shouldShowKeypad && (\n          <HorizontalKeypad\n            additionalKeys={additionalKeys}\n            mode={controlledKeypadMode ? this.state.equationEditor : keypadMode}\n            onClick={this.onClick}\n            noDecimal={noDecimal}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  inputAndTypeContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    '& *': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      minWidth: '1.23em',\n      '& *': {\n        lineHeight: '1 !important'\n      },\n      '&:before': {\n        top: '-0.4em',\n        left: '-1px'\n      },\n      '&:after': {\n        top: '-2.36em',\n        right: '-1px'\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em'\n      }\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px'\n      }\n    }\n  },\n  selectContainer: {\n    flex: 'initial',\n    width: '25%',\n    minWidth: '100px',\n    marginLeft: '15px',\n    marginTop: '5px',\n    marginBottom: '5px',\n    marginRight: '5px'\n  },\n  mathEditor: {\n    maxWidth: '400px',\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: theme.spacing.unit\n  },\n  longMathEditor: {\n    maxWidth: '500px'\n  },\n  addAnswerBlockButton: {\n    position: 'absolute',\n    right: '12px',\n    border: '1px solid lightgrey'\n  },\n  hr: {\n    padding: 0,\n    margin: 0,\n    height: '1px',\n    border: 'none',\n    borderBottom: `solid 1px ${theme.palette.primary.main}`\n  },\n  mathToolbar: {\n    zIndex: 9,\n    position: 'relative',\n    textAlign: 'center',\n    width: 'auto',\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey'\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: `dotted 1px ${theme.palette.primary.main}`,\n      borderRadius: '0px'\n    },\n    '& .mq-overarrow-inner': {\n      border: 'none !important',\n      paddingTop: '0 !important'\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important'\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important'\n    },\n    '& .mq-longdiv-inner': {\n      borderTop: '1px solid !important',\n      paddingTop: '1.5px !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      minWidth: '1.23em'\n    },\n    '& .mq-parallelogram': {\n      lineHeight: 0.85\n    }\n  },\n  inputContainer: {\n    minWidth: '500px',\n    maxWidth: '900px',\n    minHeight: '40px',\n    width: '100%',\n    display: 'flex',\n    marginTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit\n  },\n  error: {\n    border: '2px solid red'\n  }\n});\n\nexport default withStyles(styles)(EditorAndPad);\n"],"file":"editor-and-pad.js"}