@pie-element/inline-dropdown 4.7.1-beta.1 → 4.7.1-beta.4

package/lib/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _mathRendering = require("@pie-lib/math-rendering");
+var _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
+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 RootInlineDropdown = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(RootInlineDropdown, _HTMLElement);
+  var _super = _createSuper(RootInlineDropdown);
+  function RootInlineDropdown() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RootInlineDropdown);
+    _this = _super.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_render", function () {
+      if (_this._model && _this._session) {
+        var elem = /*#__PURE__*/_react["default"].createElement(_inlineDropdown["default"], {
+          prompt: _this._model.prompt,
+          rationale: _this._model.rationale,
+          teacherInstructions: _this._model.teacherInstructions,
+          disabled: _this._model.disabled,
+          displayType: _this._model.displayType,
+          markup: _this._model.markup,
+          mode: _this._model.mode,
+          choices: _this._model.choices,
+          value: _this._session.value,
+          feedback: _this._model.feedback,
+          onChange: _this.changeSession
+        });
+        _reactDom["default"].render(elem, (0, _assertThisInitialized2["default"])(_this), function () {
+          (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dispatchChangedEvent", function () {
+      _this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(_this.tagName.toLowerCase(), _this.session && !!_this.session.value));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeSession", function (value) {
+      _this.session.value = value;
+      _this.dispatchChangedEvent();
+      _this._render();
+    });
+    _this._model = null;
+    _this._session = null;
+    return _this;
+  }
+  (0, _createClass2["default"])(RootInlineDropdown, [{
+    key: "model",
+    set: function set(m) {
+      this._model = m;
+      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model));
+      this._render();
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }]);
+  return RootInlineDropdown;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = RootInlineDropdown;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_piePlayerEvents","_mathRendering","_inlineDropdown","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","RootInlineDropdown","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","_model","_session","elem","React","createElement","InlineDropdown","prompt","rationale","teacherInstructions","disabled","displayType","markup","mode","choices","value","feedback","onChange","changeSession","ReactDOM","render","renderMath","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","session","dispatchChangedEvent","_render","_createClass2","key","set","m","ModelSetEvent","get","s","connectedCallback","_wrapNativeSuper2","HTMLElement","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport InlineDropdown from './inline-dropdown';\n\nexport default class RootInlineDropdown extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model),\n    );\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  _render = () => {\n    if (this._model && this._session) {\n      let elem = React.createElement(InlineDropdown, {\n        prompt: this._model.prompt,\n        rationale: this._model.rationale,\n        teacherInstructions: this._model.teacherInstructions,\n        disabled: this._model.disabled,\n        displayType: this._model.displayType,\n        markup: this._model.markup,\n        mode: this._model.mode,\n        choices: this._model.choices,\n        value: this._session.value,\n        feedback: this._model.feedback,\n        onChange: this.changeSession,\n      });\n\n      ReactDOM.render(elem, this, () => {\n        renderMath(this);\n      });\n    }\n  };\n\n  dispatchChangedEvent = () => {\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.session && !!this.session.value));\n  };\n\n  changeSession = (value) => {\n    this.session.value = value;\n    this.dispatchChangedEvent();\n    this._render();\n  };\n\n  connectedCallback() {\n    this._render();\n  }\n}\n"],"mappings":"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"}

package/lib/inline-dropdown.js

@@ -0,0 +1,182 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InlineDropdown = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
+var _maskMarkup = require("@pie-lib/mask-markup");
+var _renderUi = require("@pie-lib/render-ui");
+var _mathRendering = require("@pie-lib/math-rendering");
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+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 InlineDropdown = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(InlineDropdown, _React$Component);
+  var _super = _createSuper(InlineDropdown);
+  function InlineDropdown() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, InlineDropdown);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      showCorrectAnswer: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleShowCorrect", function () {
+      _this.setState({
+        showCorrectAnswer: !_this.state.showCorrectAnswer
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(InlineDropdown, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if ((0, _isEmpty["default"])(nextProps.feedback)) {
+        this.setState({
+          showCorrectAnswer: false
+        });
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      // eslint-disable-next-line
+      var domNode = _reactDom["default"].findDOMNode(this);
+      (0, _mathRendering.renderMath)(domNode);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var showCorrectAnswer = this.state.showCorrectAnswer;
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        prompt = _this$props.prompt,
+        mode = _this$props.mode,
+        rationale = _this$props.rationale,
+        teacherInstructions = _this$props.teacherInstructions,
+        choices = _this$props.choices,
+        displayType = _this$props.displayType;
+      var showCorrectAnswerToggle = mode === 'evaluate';
+      var choiceRationalesHaveText = false;
+      var choiceRationales = (Object.keys(choices) || []).map(function (key) {
+        return (choices[key] || []).reduce(function (acc, currentValue) {
+          if (currentValue.rationale && (0, _renderUi.hasText)(currentValue.rationale)) {
+            choiceRationalesHaveText = true;
+            acc.push(currentValue);
+          }
+          return acc;
+        }, []);
+      });
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.mainContainer,
+        style: {
+          display: "".concat(displayType)
+        }
+      }, teacherInstructions && (0, _renderUi.hasText)(teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Teacher Instructions',
+          visible: 'Hide Teacher Instructions'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: teacherInstructions
+      })), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
+        show: showCorrectAnswerToggle,
+        toggled: showCorrectAnswer,
+        onToggle: this.toggleShowCorrect
+      }), showCorrectAnswerToggle && /*#__PURE__*/_react["default"].createElement("br", null), prompt && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: prompt
+      }), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_maskMarkup.InlineDropdown, (0, _extends2["default"])({}, this.props, {
+        showCorrectAnswer: showCorrectAnswer
+      })), rationale && (0, _renderUi.hasText)(rationale) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Rationale',
+          visible: 'Hide Rationale'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: rationale
+      })), choiceRationalesHaveText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Rationale for choices',
+          visible: 'Hide Rationale for choices'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", null, choiceRationales.map(function (choices, index) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          key: index
+        }, choices && choices.length > 0 && choices.map(function (choice) {
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            className: classes.choiceRationale,
+            key: choice.label
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: (0, _classnames["default"])(classes.choiceRationaleLabel, choice.correct ? 'correct' : 'incorrect'),
+            dangerouslySetInnerHTML: {
+              __html: "".concat(choice.label, ": ")
+            }
+          }), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+            prompt: choice.rationale
+          }));
+        }), choices && choices.length > 0 && /*#__PURE__*/_react["default"].createElement("br", null));
+      })))));
+    }
+  }]);
+  return InlineDropdown;
+}(_react["default"].Component);
+exports.InlineDropdown = InlineDropdown;
+(0, _defineProperty2["default"])(InlineDropdown, "propTypes", {
+  classes: _propTypes["default"].object,
+  prompt: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  markup: _propTypes["default"].string,
+  mode: _propTypes["default"].string,
+  displayType: _propTypes["default"].string,
+  rationale: _propTypes["default"].string,
+  teacherInstructions: _propTypes["default"].string,
+  choices: _propTypes["default"].object,
+  value: _propTypes["default"].object,
+  feedback: _propTypes["default"].object,
+  onChange: _propTypes["default"].func
+});
+(0, _defineProperty2["default"])(InlineDropdown, "defaultProps", {
+  value: {}
+});
+var styles = function styles(theme) {
+  return {
+    mainContainer: {
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background(),
+      padding: theme.spacing.unit
+    },
+    choiceRationale: {
+      display: 'flex',
+      whiteSpace: 'break-spaces'
+    },
+    choiceRationaleLabel: {
+      display: 'flex',
+      '&.correct': {
+        color: _renderUi.color.correct()
+      },
+      '&.incorrect': {
+        color: _renderUi.color.incorrect()
+      }
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(InlineDropdown);
+exports["default"] = _default;
+//# sourceMappingURL=inline-dropdown.js.map

package/lib/inline-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-dropdown.js","names":["_react","_interopRequireDefault","require","_reactDom","_propTypes","_isEmpty","_correctAnswerToggle","_maskMarkup","_renderUi","_mathRendering","_styles","_classnames","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","InlineDropdown","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","showCorrectAnswer","setState","state","_createClass2","key","value","UNSAFE_componentWillReceiveProps","nextProps","isEmpty","feedback","componentDidUpdate","domNode","ReactDOM","findDOMNode","renderMath","render","_this$props","props","classes","prompt","mode","rationale","teacherInstructions","choices","displayType","showCorrectAnswerToggle","choiceRationalesHaveText","choiceRationales","Object","keys","map","reduce","acc","currentValue","hasText","push","createElement","className","mainContainer","style","display","Fragment","Collapsible","labels","hidden","visible","PreviewPrompt","show","toggled","onToggle","toggleShowCorrect","_extends2","index","choice","choiceRationale","label","classNames","choiceRationaleLabel","correct","dangerouslySetInnerHTML","__html","React","Component","exports","PropTypes","object","string","disabled","bool","markup","onChange","func","styles","theme","color","text","backgroundColor","background","padding","spacing","unit","whiteSpace","incorrect","_default","withStyles"],"sources":["../src/inline-dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { InlineDropdown as DropDown } from '@pie-lib/mask-markup';\nimport { color, Collapsible, hasText, PreviewPrompt } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class InlineDropdown extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    disabled: PropTypes.bool,\n    markup: PropTypes.string,\n    mode: PropTypes.string,\n    displayType: PropTypes.string,\n    rationale: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    choices: PropTypes.object,\n    value: PropTypes.object,\n    feedback: PropTypes.object,\n    onChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    value: {},\n  };\n\n  state = {\n    showCorrectAnswer: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (isEmpty(nextProps.feedback)) {\n      this.setState({ showCorrectAnswer: false });\n    }\n  }\n\n  componentDidUpdate() {\n    // eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  render() {\n    const { showCorrectAnswer } = this.state;\n    const { classes, prompt, mode, rationale, teacherInstructions, choices, displayType } = this.props;\n    const showCorrectAnswerToggle = mode === 'evaluate';\n    let choiceRationalesHaveText = false;\n\n    const choiceRationales = (Object.keys(choices) || []).map((key) =>\n      (choices[key] || []).reduce((acc, currentValue) => {\n        if (currentValue.rationale && hasText(currentValue.rationale)) {\n          choiceRationalesHaveText = true;\n\n          acc.push(currentValue);\n        }\n        return acc;\n      }, []),\n    );\n\n    return (\n      <div className={classes.mainContainer} style={{ display: `${displayType}` }}>\n        {teacherInstructions && hasText(teacherInstructions) && (\n          <React.Fragment>\n            <Collapsible labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}>\n              <PreviewPrompt prompt={teacherInstructions} />\n            </Collapsible>\n            <br />\n          </React.Fragment>\n        )}\n\n        <CorrectAnswerToggle\n          show={showCorrectAnswerToggle}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n        />\n        {showCorrectAnswerToggle && <br />}\n\n        {prompt && (\n          <React.Fragment>\n            <PreviewPrompt prompt={prompt} />\n            <br />\n          </React.Fragment>\n        )}\n        <DropDown {...this.props} showCorrectAnswer={showCorrectAnswer} />\n        {rationale && hasText(rationale) && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n        {choiceRationalesHaveText && (\n          <React.Fragment>\n            <br />\n            <Collapsible labels={{ hidden: 'Show Rationale for choices', visible: 'Hide Rationale for choices' }}>\n              <div>\n                {choiceRationales.map((choices, index) => (\n                  <div key={index}>\n                    {choices &&\n                      choices.length > 0 &&\n                      choices.map((choice) => (\n                        <div className={classes.choiceRationale} key={choice.label}>\n                          <div\n                            className={classNames(\n                              classes.choiceRationaleLabel,\n                              choice.correct ? 'correct' : 'incorrect',\n                            )}\n                            dangerouslySetInnerHTML={{ __html: `${choice.label}: ` }}\n                          />\n                          <PreviewPrompt prompt={choice.rationale} />\n                        </div>\n                      ))}\n                    {choices && choices.length > 0 && <br />}\n                  </div>\n                ))}\n              </div>\n            </Collapsible>\n          </React.Fragment>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: theme.spacing.unit,\n  },\n  choiceRationale: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  choiceRationaleLabel: {\n    display: 'flex',\n    '&.correct': {\n      color: color.correct(),\n    },\n    '&.incorrect': {\n      color: color.incorrect(),\n    },\n  },\n});\n\nexport default withStyles(styles)(InlineDropdown);\n"],"mappings":"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"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "4.7.1-beta.1+73223f303",
+  "version": "4.7.1-beta.4+4157b2b34",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -14,7 +14,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/correct-answer-toggle": "^2.3.62",
-    "@pie-lib/mask-markup": "2.0.0-beta.1",
+    "@pie-lib/mask-markup": "2.0.0-beta.2",
     "@pie-lib/math-rendering": "^2.5.12",
     "@pie-lib/render-ui": "^4.14.12",
     "classnames": "^2.2.5",
@@ -23,11 +23,11 @@
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1",
-    "slate-react": "0.92.0"
+    "slate-react": "0.97.2"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "73223f303ea31ca510b096d77e6fb06382b0f0c6",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "main": "lib/index.js",
   "module": "src/index.js"
 }