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

package/configure/lib/defaults.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  model: {
+    disabled: false,
+    mode: 'gather',
+    prompt: 'Use the dropdowns to complete the sentence',
+    shuffle: true,
+    markup: '',
+    choices: {},
+    alternateResponse: {},
+    promptEnabled: true,
+    rationaleEnabled: true,
+    choiceRationaleEnabled: true,
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom',
+    displayType: 'block'
+  },
+  configuration: {
+    prompt: {
+      settings: true,
+      label: 'Prompt'
+    },
+    settingsPanelDisabled: false,
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    lockChoiceOrder: {
+      settings: true,
+      label: 'Lock Choice Order'
+    },
+    partialScoring: {
+      settings: false,
+      label: 'Allow Partial Scoring'
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale'
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions'
+    },
+    choiceRationale: {
+      settings: true,
+      label: 'Choice Rationale'
+    },
+    toolbarEditorPosition: {
+      settings: false,
+      label: 'Toolbar Editor Position'
+    },
+    maxResponseAreas: 10,
+    maxResponseAreaChoices: 10,
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    }
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["model","disabled","mode","prompt","shuffle","markup","choices","alternateResponse","promptEnabled","rationaleEnabled","choiceRationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","displayType","configuration","settings","label","settingsPanelDisabled","spellCheck","enabled","lockChoiceOrder","partialScoring","rationale","teacherInstructions","choiceRationale","maxResponseAreas","maxResponseAreaChoices","maxImageWidth","maxImageHeight","withRubric","exports","_default"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  model: {\n    disabled: false,\n    mode: 'gather',\n    prompt: 'Use the dropdowns to complete the sentence',\n    shuffle: true,\n    markup: '',\n    choices: {},\n    alternateResponse: {},\n    promptEnabled: true,\n    rationaleEnabled: true,\n    choiceRationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    displayType: 'block',\n  },\n  configuration: {\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    settingsPanelDisabled: false,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    choiceRationale: {\n      settings: true,\n      label: 'Choice Rationale',\n    },\n    toolbarEditorPosition: {\n      settings: false,\n      label: 'Toolbar Editor Position',\n    },\n    maxResponseAreas: 10,\n    maxResponseAreaChoices: 10,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n  },\n};\n"],"mappings":";;;;;;eAAe;EACbA,KAAK,EAAE;IACLC,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE,4CAA4C;IACpDC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,CAAC,CAAC;IACXC,iBAAiB,EAAE,CAAC,CAAC;IACrBC,aAAa,EAAE,IAAI;IACnBC,gBAAgB,EAAE,IAAI;IACtBC,sBAAsB,EAAE,IAAI;IAC5BC,0BAA0B,EAAE,IAAI;IAChCC,0BAA0B,EAAE,IAAI;IAChCC,qBAAqB,EAAE,QAAQ;IAC/BC,WAAW,EAAE;EACf,CAAC;EACDC,aAAa,EAAE;IACbZ,MAAM,EAAE;MACNa,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDC,qBAAqB,EAAE,KAAK;IAC5BC,UAAU,EAAE;MACVF,KAAK,EAAE,YAAY;MACnBD,QAAQ,EAAE,KAAK;MACfI,OAAO,EAAE;IACX,CAAC;IACDC,eAAe,EAAE;MACfL,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDK,cAAc,EAAE;MACdN,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACT,CAAC;IACDM,SAAS,EAAE;MACTP,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDO,mBAAmB,EAAE;MACnBR,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDQ,eAAe,EAAE;MACfT,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDJ,qBAAqB,EAAE;MACrBG,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACT,CAAC;IACDS,gBAAgB,EAAE,EAAE;IACpBC,sBAAsB,EAAE,EAAE;IAC1BC,aAAa,EAAE;MACbJ,mBAAmB,EAAE,GAAG;MACxBrB,MAAM,EAAE,GAAG;MACXoB,SAAS,EAAE;IACb,CAAC;IACDM,cAAc,EAAE;MACdL,mBAAmB,EAAE,GAAG;MACxBrB,MAAM,EAAE,GAAG;MACXoB,SAAS,EAAE;IACb,CAAC;IACDO,UAAU,EAAE;MACVd,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAAc,OAAA,cAAAC,QAAA"}

package/configure/lib/index.js

@@ -0,0 +1,137 @@
+"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 _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _main = _interopRequireDefault(require("./main"));
+var _debug = _interopRequireDefault(require("debug"));
+var _defaults = _interopRequireDefault(require("lodash/defaults"));
+var _defaults2 = _interopRequireDefault(require("./defaults"));
+var _markupUtils = require("./markupUtils");
+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) { (0, _defineProperty2["default"])(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 _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 log = (0, _debug["default"])('multiple-choice:configure');
+var InlineDropdown = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(InlineDropdown, _HTMLElement);
+  var _super = _createSuper(InlineDropdown);
+  function InlineDropdown() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, InlineDropdown);
+    _this = _super.call(this);
+    _this._model = InlineDropdown.prepareModel();
+    _this._configuration = _defaults2["default"].configuration;
+    _this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+  (0, _createClass2["default"])(InlineDropdown, [{
+    key: "model",
+    set: function set(s) {
+      this._model = InlineDropdown.prepareModel(s);
+      this._render();
+    }
+  }, {
+    key: "configuration",
+    set: function set(c) {
+      this._configuration = (0, _defaults["default"])(c, _defaults2["default"].configuration);
+      this._render();
+    }
+  }, {
+    key: "disableSidePanel",
+    set: function set(s) {
+      this._disableSidePanel = s;
+      this._render();
+    }
+  }, {
+    key: "dispatchModelUpdated",
+    value: function dispatchModelUpdated(reset) {
+      var resetValue = !!reset;
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
+    }
+  }, {
+    key: "onModelChanged",
+    value: function onModelChanged(m, reset) {
+      this._model = InlineDropdown.prepareModel(m);
+      this._render();
+      this.dispatchModelUpdated(reset);
+    }
+  }, {
+    key: "onConfigurationChanged",
+    value: function onConfigurationChanged(c) {
+      this._configuration = c;
+      this._render();
+    }
+
+    /** @param {done, progress, file} handler */
+  }, {
+    key: "insertImage",
+    value: function insertImage(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+    }
+  }, {
+    key: "onDeleteImage",
+    value: function onDeleteImage(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+    }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      log('_render');
+      var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.onModelChanged,
+        onConfigurationChanged: this.onConfigurationChanged,
+        disableSidePanel: this._disableSidePanel,
+        imageSupport: {
+          add: this.insertImage.bind(this),
+          "delete": this.onDeleteImage.bind(this)
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          "delete": this.onDeleteSound.bind(this)
+        }
+      });
+      _reactDom["default"].render(element, this);
+    }
+  }]);
+  return InlineDropdown;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = InlineDropdown;
+(0, _defineProperty2["default"])(InlineDropdown, "prepareModel", function () {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var currModal = _objectSpread(_objectSpread({}, _defaults2["default"].model), model);
+  var slateMarkup = model.slateMarkup || (0, _markupUtils.createSlateMarkup)(currModal.markup, currModal.choices);
+  var markup = (0, _markupUtils.processMarkup)(slateMarkup);
+  return _objectSpread(_objectSpread({}, currModal), {}, {
+    slateMarkup: slateMarkup,
+    markup: markup
+    /*...processedMarkup,*/
+  });
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_pieConfigureEvents","require","_react","_interopRequireDefault","_reactDom","_main","_debug","_defaults","_defaults2","_markupUtils","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","InlineDropdown","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_model","prepareModel","_configuration","sensibleDefaults","configuration","onModelChanged","bind","_assertThisInitialized2","onConfigurationChanged","_createClass2","set","s","_render","c","defaults","_disableSidePanel","value","dispatchModelUpdated","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Main","model","disableSidePanel","imageSupport","add","uploadSoundSupport","ReactDOM","render","_wrapNativeSuper2","HTMLElement","exports","undefined","currModal","slateMarkup","createSlateMarkup","markup","choices","processMarkup"],"sources":["../src/index.js"],"sourcesContent":["import {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport debug from 'debug';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\nimport { processMarkup, createSlateMarkup } from './markupUtils';\n\nconst log = debug('multiple-choice:configure');\n\nexport default class InlineDropdown extends HTMLElement {\n  static prepareModel = (model = {}) => {\n    const currModal = {\n      ...sensibleDefaults.model,\n      ...model,\n    };\n    const slateMarkup = model.slateMarkup || createSlateMarkup(currModal.markup, currModal.choices);\n    const markup = processMarkup(slateMarkup);\n\n    return {\n      ...currModal,\n      slateMarkup,\n      markup,\n      /*...processedMarkup,*/\n    };\n  };\n\n  constructor() {\n    super();\n    this._model = InlineDropdown.prepareModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = InlineDropdown.prepareModel(s);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = defaults(c, sensibleDefaults.configuration);\n    this._render();\n  }\n\n  set disableSidePanel(s) {\n    this._disableSidePanel = s;\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged(m, reset) {\n    this._model = InlineDropdown.prepareModel(m);\n    this._render();\n    this.dispatchModelUpdated(reset);\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  /** @param {done, progress, file} handler */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _render() {\n    log('_render');\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      disableSidePanel: this._disableSidePanel,\n      imageSupport: {\n        add: this.insertImage.bind(this),\n        delete: this.onDeleteImage.bind(this),\n      },\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n    });\n    ReactDOM.render(element, this);\n  }\n}\n"],"mappings":"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"}

package/configure/lib/inline-dropdown-toolbar.js

@@ -0,0 +1,401 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RespAreaToolbar = 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 _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _slateReact = require("slate-react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _editableHtml = _interopRequireWildcard(require("@pie-lib/editable-html"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _styles = require("@material-ui/core/styles");
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { (0, _defineProperty2["default"])(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 _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 MenuItemComp = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(MenuItemComp, _React$Component);
+  var _super = _createSuper(MenuItemComp);
+  function MenuItemComp() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, MenuItemComp);
+    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), "onRemoveClick", function (e) {
+      var onRemoveChoice = _this.props.onRemoveChoice;
+      e.preventDefault();
+      e.stopPropagation();
+      onRemoveChoice();
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(MenuItemComp, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        correct = _this$props.correct,
+        onClick = _this$props.onClick,
+        value = _this$props.value;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames2["default"])(classes.wrapper, (0, _defineProperty2["default"])({}, classes.correct, correct)),
+        onClick: onClick
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.valueHolder,
+        dangerouslySetInnerHTML: {
+          __html: value
+        }
+      }), /*#__PURE__*/_react["default"].createElement("i", {
+        className: classes.removeIcon,
+        onClick: this.onRemoveClick
+      }, "x"));
+    }
+  }]);
+  return MenuItemComp;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(MenuItemComp, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  correct: _propTypes["default"].bool.isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  onRemoveChoice: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].string.isRequired
+});
+var MenuItem = (0, _styles.withStyles)({
+  wrapper: {
+    background: '#fff',
+    borderBottom: '1px solid black',
+    boxSizing: 'border-box',
+    display: 'block',
+    cursor: 'pointer',
+    lineHeight: '30px',
+    padding: '10px 25px 10px 10px',
+    position: 'relative'
+  },
+  correct: {
+    background: '#C4DCFA'
+  },
+  removeIcon: {
+    cursor: 'pointer',
+    fontSize: '20px',
+    fontStyle: 'normal',
+    position: 'absolute',
+    transform: 'translate(0, -50%)',
+    top: '50%',
+    right: '5px',
+    zIndex: 3
+  },
+  valueHolder: {
+    wordBreak: 'break-all'
+  }
+})(MenuItemComp);
+var createElementFromHTML = function createElementFromHTML(htmlString) {
+  var div = document.createElement('div');
+  div.innerHTML = (htmlString || '').trim();
+  return div;
+};
+var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(RespAreaToolbar, _React$Component2);
+  var _super2 = _createSuper(RespAreaToolbar);
+  function RespAreaToolbar() {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, RespAreaToolbar);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "state", {
+      respAreaMarkup: ''
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRespAreaChange", function (respAreaMarkup) {
+      _this2.setState({
+        respAreaMarkup: respAreaMarkup
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onAddChoice", function () {
+      if (_this2.editorRef) {
+        _this2.editorRef.finishEditing();
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onDone", function (val) {
+      var _this2$props = _this2.props,
+        node = _this2$props.node,
+        onAddChoice = _this2$props.onAddChoice;
+      var onlyText = createElementFromHTML(val).textContent.trim();
+      if (!(0, _isEmpty["default"])(onlyText)) {
+        onAddChoice(node.data.index, val);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onSelectChoice", function (newValue, index) {
+      var _this2$props2 = _this2.props,
+        node = _this2$props2.node,
+        nodePath = _this2$props2.nodePath,
+        editor = _this2$props2.editor,
+        onToolbarDone = _this2$props2.onToolbarDone,
+        onSelectChoice = _this2$props2.onSelectChoice;
+      var update = _objectSpread(_objectSpread({}, node.data), {}, {
+        value: newValue
+      });
+      editor.apply({
+        type: 'set_node',
+        path: nodePath,
+        properties: {
+          data: node.data
+        },
+        newProperties: {
+          data: update
+        }
+      });
+      onToolbarDone(false);
+      onSelectChoice(index);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRemoveChoice", function (val, index) {
+      var _this2$props3 = _this2.props,
+        node = _this2$props3.node,
+        nodePath = _this2$props3.nodePath,
+        editor = _this2$props3.editor,
+        onToolbarDone = _this2$props3.onToolbarDone,
+        onRemoveChoice = _this2$props3.onRemoveChoice;
+      if ((0, _isEqual["default"])(val, node.data.value)) {
+        var update = _objectSpread(_objectSpread({}, node.data), {}, {
+          value: null
+        });
+        editor.apply({
+          type: 'set_node',
+          path: nodePath,
+          properties: {
+            data: node.data
+          },
+          newProperties: {
+            data: update
+          }
+        });
+        onToolbarDone(false);
+      }
+      onRemoveChoice(index);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onKeyDown", function (event) {
+      if (event.key === 'Enter') {
+        _this2.onAddChoice();
+        // Cancelling event
+        return false;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onBlur", function () {
+      if (_this2.clickedInside) {
+        _this2.clickedInside = false;
+        return;
+      }
+      var _this2$props4 = _this2.props,
+        nodePath = _this2$props4.nodePath,
+        choices = _this2$props4.choices,
+        onCheck = _this2$props4.onCheck,
+        onToolbarDone = _this2$props4.onToolbarDone,
+        editor = _this2$props4.editor;
+      var correctResponse = (choices || []).find(function (choice) {
+        return choice.correct;
+      });
+      _this2.onAddChoice();
+      if (!choices || choices && choices.length < 2 || !correctResponse) {
+        onCheck(function () {
+          editor.apply({
+            type: 'remove_node',
+            path: nodePath
+          });
+          onToolbarDone(false);
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onClickInside", function () {
+      _this2.clickedInside = true;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "focusInput", function () {
+      // we need to focus the input so that math is saved even without pressing the green checkmark
+      var slateEditorRef = _this2.editorRef && _this2.editorRef.rootRef && _this2.editorRef.rootRef.slateEditor;
+      var inputRef = slateEditorRef && slateEditorRef.editorRef && slateEditorRef.editorRef.element;
+      if (inputRef) {
+        inputRef.focus();
+      }
+    });
+    return _this2;
+  }
+  (0, _createClass2["default"])(RespAreaToolbar, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props2 = this.props,
+        node = _this$props2.node,
+        editor = _this$props2.editor;
+      var domNode = _slateReact.ReactEditor.toDOMNode(editor, node);
+      if (domNode) {
+        //eslint-disable-next-line
+        var domNodeRect = domNode.getBoundingClientRect();
+        var _editor = domNode.closest('[data-slate-editor]');
+        var editorRect = _editor.getBoundingClientRect();
+        var top = domNodeRect.top - editorRect.top;
+        var left = domNodeRect.left - editorRect.left;
+        this.setState({
+          toolbarStyle: {
+            position: 'absolute',
+            top: "".concat(top + domNodeRect.height + 60, "px"),
+            left: "".concat(left + 25, "px"),
+            width: domNodeRect.width
+          }
+        });
+      }
+    }
+  }, {
+    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 _this3 = this;
+      var _this$props3 = this.props,
+        classes = _this$props3.classes,
+        choices = _this$props3.choices,
+        spellCheck = _this$props3.spellCheck,
+        uploadSoundSupport = _this$props3.uploadSoundSupport;
+      var _this$state = this.state,
+        respAreaMarkup = _this$state.respAreaMarkup,
+        toolbarStyle = _this$state.toolbarStyle;
+      var filteredDefaultPlugins = (_editableHtml.DEFAULT_PLUGINS || []).filter(function (p) {
+        return p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list';
+      });
+      var labelPlugins = {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        }
+      };
+      if (!toolbarStyle) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: _objectSpread(_objectSpread({}, toolbarStyle), {}, {
+          backgroundColor: '#E0E1E6'
+        }),
+        onMouseDown: this.onClickInside
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.itemBuilder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+        ref: function ref(_ref) {
+          if (_ref) {
+            _this3.editorRef = _ref;
+          }
+        },
+        autoFocus: true,
+        autoSave: true,
+        className: classes.respArea,
+        toolbarOpts: {
+          position: 'top',
+          alwaysVisible: false,
+          showDone: false,
+          doneOn: 'blur'
+        },
+        markup: respAreaMarkup,
+        onKeyDown: this.onKeyDown,
+        onChange: this.onRespAreaChange,
+        onDone: this.onDone,
+        placeholder: "Add Choice",
+        activePlugins: filteredDefaultPlugins,
+        pluginProps: labelPlugins,
+        onBlur: this.onBlur,
+        spellCheck: spellCheck,
+        uploadSoundSupport: uploadSoundSupport
+      }), /*#__PURE__*/_react["default"].createElement("i", {
+        style: {
+          cursor: 'pointer',
+          fontSize: '20px',
+          fontStyle: 'normal',
+          position: 'absolute',
+          top: '50%',
+          right: '15px',
+          transform: 'translate(0, -50%)'
+        },
+        contentEditable: false,
+        onMouseDown: function onMouseDown() {
+          return _this3.focusInput();
+        },
+        onClick: function onClick() {
+          return _this3.onAddChoice();
+        }
+      }, "+")), choices && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.choicesHolder
+      }, choices.map(function (_ref2, index) {
+        var label = _ref2.label,
+          correct = _ref2.correct;
+        return /*#__PURE__*/_react["default"].createElement(MenuItem, {
+          key: index,
+          onClick: function onClick() {
+            return _this3.onSelectChoice(label, index);
+          },
+          onRemoveChoice: function onRemoveChoice() {
+            return _this3.onRemoveChoice(label, index);
+          },
+          value: label,
+          correct: correct
+        });
+      })));
+    }
+  }]);
+  return RespAreaToolbar;
+}(_react["default"].Component);
+exports.RespAreaToolbar = RespAreaToolbar;
+(0, _defineProperty2["default"])(RespAreaToolbar, "propTypes", {
+  classes: _propTypes["default"].object,
+  node: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].object,
+  onDone: _propTypes["default"].func,
+  choices: _propTypes["default"].array,
+  onAddChoice: _propTypes["default"].func.isRequired,
+  onRemoveChoice: _propTypes["default"].func.isRequired,
+  onSelectChoice: _propTypes["default"].func.isRequired,
+  onToolbarDone: _propTypes["default"].func.isRequired,
+  editor: _propTypes["default"].object.isRequired,
+  nodePath: _propTypes["default"].array.isRequired
+});
+var StyledRespAreaToolbar = (0, _styles.withStyles)({
+  respArea: {
+    backgroundColor: '#fff',
+    '& [data-slate-editor="true"]': {
+      minHeight: 'initial !important'
+    }
+  },
+  choicesHolder: {
+    display: 'flex',
+    flexDirection: 'column',
+    '& > div:last-child': {
+      border: 'none'
+    }
+  },
+  itemBuilder: {
+    padding: '8px',
+    position: 'relative'
+  }
+})(RespAreaToolbar);
+var _default = StyledRespAreaToolbar;
+exports["default"] = _default;
+//# sourceMappingURL=inline-dropdown-toolbar.js.map