@pie-element/ebsr 6.6.3-next.264 → 6.6.3-next.280

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/index.js

@@ -0,0 +1,277 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ResponseAreaPlugin;
+exports.serialization = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
+
+var _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
+
+var _dragInTheBlank = _interopRequireDefault(require("./drag-in-the-blank"));
+
+var _explicitConstructedResponse = _interopRequireDefault(require("./explicit-constructed-response"));
+
+var _utils = require("./utils");
+
+var _icons = require("./icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:respArea');
+var lastIndexMap = {};
+var elTypesArray = ['inline_dropdown', 'explicit_constructed_response', 'drag_in_the_blank'];
+
+function ResponseAreaPlugin(opts) {
+  var toolbar = {
+    icon: _react["default"].createElement(_icons.ToolbarIcon, null),
+    buttonStyles: {
+      margin: '0 20px 0 auto'
+    },
+    onClick: function onClick(value, onChange) {
+      log('[toolbar] onClick');
+      var change = value.change();
+      var type = opts.type.replace(/-/g, '_');
+      var prevIndex = lastIndexMap[type];
+      var newIndex = prevIndex === 0 ? prevIndex : prevIndex + 1;
+      var newInline = (0, _utils.getDefaultElement)(opts, newIndex);
+      lastIndexMap[type] += 1;
+
+      if (newInline) {
+        if (change.value.selection.startKey || change.value.selection.endKey) {
+          change.insertInline(newInline);
+        } else {
+          // If the markup is empty and there's no focus
+          var lastText = value.document.getLastText();
+          var parentNode = value.document.getParent(lastText.key);
+
+          if (parentNode) {
+            var index = parentNode.nodes.indexOf(lastText.key);
+            if (parentNode.isVoid) return;
+            change.insertNodeByKey(parentNode.key, index + 1, newInline);
+          }
+        }
+
+        if (newInline.type === 'drag_in_the_blank') {
+          var nextText = change.value.document.getNextText(newInline.key);
+
+          if (nextText) {
+            change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
+          }
+        }
+
+        onChange(change);
+      }
+    },
+    customToolbar: opts.respAreaToolbar,
+    supports: function supports(node) {
+      return node.object === 'inline' && elTypesArray.indexOf(node.type) >= 0;
+    },
+    showDone: false
+  };
+  return {
+    name: 'response_area',
+    toolbar: toolbar,
+    filterPlugins: function filterPlugins(node, plugins) {
+      if (node.type === 'explicit_constructed_response') {
+        return [];
+      }
+
+      return plugins.filter(function (p) {
+        return p.name !== 'response_area';
+      });
+    },
+    deleteNode: function deleteNode(e, node, value, onChange) {
+      e.preventDefault();
+      var change = value.change().removeNodeByKey(node.key);
+      onChange(change);
+    },
+    renderNode: function renderNode(props) {
+      var attributes = props.attributes,
+          n = props.node;
+
+      if (n.type === 'explicit_constructed_response') {
+        var data = n.data.toJSON();
+        return _react["default"].createElement(_explicitConstructedResponse["default"], {
+          attributes: attributes,
+          value: data.value
+        });
+      }
+
+      if (n.type === 'drag_in_the_blank') {
+        var _data = n.data.toJSON();
+
+        return _react["default"].createElement(_dragInTheBlank["default"], {
+          attributes: attributes,
+          data: _data,
+          n: n,
+          nodeProps: props,
+          opts: opts
+        });
+      }
+
+      if (n.type === 'inline_dropdown') {
+        var _data2 = n.data.toJSON();
+
+        return _react["default"].createElement(_inlineDropdown["default"], {
+          attributes: attributes,
+          selectedItem: _data2.value
+        });
+      }
+    },
+    onChange: function onChange(change) {
+      var type = opts.type.replace(/-/g, '_');
+
+      if ((0, _isUndefined["default"])(lastIndexMap[type])) {
+        lastIndexMap[type] = 0;
+        change.value.document.forEachDescendant(function (d) {
+          if (d.type === type) {
+            var newIndex = parseInt(d.data.get('index'), 10);
+
+            if (newIndex > lastIndexMap[type]) {
+              lastIndexMap[type] = newIndex;
+            }
+          }
+        });
+      }
+    },
+    normalizeNode: function normalizeNode(node) {
+      if (node.object !== 'document') {
+        return;
+      }
+
+      var addSpacesArray = [];
+      var allElements = node.filterDescendants(function (d) {
+        return elTypesArray.indexOf(d.type) >= 0;
+      });
+      allElements.forEach(function (el) {
+        var prevText = node.getPreviousText(el.key);
+        var lastCharIsNewLine = prevText.text[prevText.text.length - 1] === '\n';
+
+        if (prevText.text.length === 0 || lastCharIsNewLine) {
+          addSpacesArray.push({
+            nr: lastCharIsNewLine ? 1 : 2,
+            key: prevText.key
+          });
+        }
+      });
+
+      if (!addSpacesArray.length) {
+        return;
+      }
+
+      return function (change) {
+        change.withoutNormalization(function () {
+          addSpacesArray.forEach(function (_ref) {
+            var key = _ref.key,
+                nr = _ref.nr;
+            var node = change.value.document.getNode(key);
+            change.insertTextByKey(key, node.text.length, "\xA0".repeat(nr));
+          });
+        });
+      };
+    },
+    onDrop: function onDrop(event, change, editor) {
+      var closestEl = event.target.closest('[data-key]');
+      var inline = editor.value.document.findDescendant(function (d) {
+        return d.key === closestEl.dataset.key;
+      });
+
+      if (inline.type === 'drag_in_the_blank') {
+        return false;
+      }
+    }
+  };
+}
+
+var serialization = {
+  deserialize: function deserialize(el) {
+    var type = el.dataset && el.dataset.type;
+
+    switch (type) {
+      case 'inline_dropdown':
+        return {
+          object: 'inline',
+          type: 'inline_dropdown',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        };
+
+      case 'explicit_constructed_response':
+        return {
+          object: 'inline',
+          type: 'explicit_constructed_response',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        };
+
+      case 'drag_in_the_blank':
+        return {
+          object: 'inline',
+          type: 'drag_in_the_blank',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            id: el.dataset.id,
+            value: el.dataset.value,
+            inTable: el.dataset.inTable
+          }
+        };
+    }
+  },
+  serialize: function serialize(object) {
+    if (object.object !== 'inline') {
+      return;
+    }
+
+    switch (object.type) {
+      case 'inline_dropdown':
+        {
+          var data = object.data.toJSON();
+          return _react["default"].createElement("span", {
+            "data-type": "inline_dropdown",
+            "data-index": data.index,
+            "data-value": data.value
+          });
+        }
+
+      case 'explicit_constructed_response':
+        {
+          var _data3 = object.data.toJSON();
+
+          return _react["default"].createElement("span", {
+            "data-type": "explicit_constructed_response",
+            "data-index": _data3.index,
+            "data-value": _data3.value
+          });
+        }
+
+      case 'drag_in_the_blank':
+        {
+          var _data4 = object.data.toJSON();
+
+          return _react["default"].createElement("span", {
+            "data-type": "drag_in_the_blank",
+            "data-index": _data4.index,
+            "data-id": _data4.id,
+            "data-value": _data4.value,
+            "data-in-table": _data4.inTable
+          });
+        }
+    }
+  }
+};
+exports.serialization = serialization;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/respArea/index.jsx"],"names":["log","lastIndexMap","elTypesArray","ResponseAreaPlugin","opts","toolbar","icon","buttonStyles","margin","onClick","value","onChange","change","type","replace","prevIndex","newIndex","newInline","selection","startKey","endKey","insertInline","lastText","document","getLastText","parentNode","getParent","key","index","nodes","indexOf","isVoid","insertNodeByKey","nextText","getNextText","moveFocusTo","moveAnchorTo","customToolbar","respAreaToolbar","supports","node","object","showDone","name","filterPlugins","plugins","filter","p","deleteNode","e","preventDefault","removeNodeByKey","renderNode","props","attributes","n","data","toJSON","forEachDescendant","d","parseInt","get","normalizeNode","addSpacesArray","allElements","filterDescendants","forEach","el","prevText","getPreviousText","lastCharIsNewLine","text","length","push","nr","withoutNormalization","getNode","insertTextByKey","repeat","onDrop","event","editor","closestEl","target","closest","inline","findDescendant","dataset","serialization","deserialize","id","inTable","serialize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport isUndefined from 'lodash/isUndefined';\n\nimport InlineDropdown from './inline-dropdown';\nimport DragInTheBlank from './drag-in-the-blank';\nimport ExplicitConstructedResponse from './explicit-constructed-response';\nimport { getDefaultElement } from './utils';\nimport { ToolbarIcon } from './icons';\n\nconst log = debug('@pie-lib:editable-html:plugins:respArea');\n\nconst lastIndexMap = {};\nconst elTypesArray = ['inline_dropdown', 'explicit_constructed_response', 'drag_in_the_blank'];\n\nexport default function ResponseAreaPlugin(opts) {\n  const toolbar = {\n    icon: <ToolbarIcon />,\n    buttonStyles: {\n      margin: '0 20px 0 auto'\n    },\n    onClick: (value, onChange) => {\n      log('[toolbar] onClick');\n      const change = value.change();\n      const type = opts.type.replace(/-/g, '_');\n      const prevIndex = lastIndexMap[type];\n      const newIndex = prevIndex === 0 ? prevIndex : prevIndex + 1;\n      const newInline = getDefaultElement(opts, newIndex);\n\n      lastIndexMap[type] += 1;\n\n      if (newInline) {\n        if (change.value.selection.startKey || change.value.selection.endKey) {\n          change.insertInline(newInline);\n        } else {\n          // If the markup is empty and there's no focus\n          const lastText = value.document.getLastText();\n          const parentNode = value.document.getParent(lastText.key);\n\n          if (parentNode) {\n            const index = parentNode.nodes.indexOf(lastText.key);\n\n            if (parentNode.isVoid) return;\n\n            change.insertNodeByKey(parentNode.key, index + 1, newInline);\n          }\n        }\n\n        if (newInline.type === 'drag_in_the_blank') {\n          const nextText = change.value.document.getNextText(newInline.key);\n\n          if (nextText) {\n            change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n          }\n        }\n\n        onChange(change);\n      }\n    },\n    customToolbar: opts.respAreaToolbar,\n    supports: node => node.object === 'inline' && elTypesArray.indexOf(node.type) >= 0,\n    showDone: false\n  };\n\n  return {\n    name: 'response_area',\n    toolbar,\n    filterPlugins: (node, plugins) => {\n      if (node.type === 'explicit_constructed_response') {\n        return [];\n      }\n\n      return plugins.filter(p => p.name !== 'response_area');\n    },\n    deleteNode: (e, node, value, onChange) => {\n      e.preventDefault();\n\n      const change = value.change().removeNodeByKey(node.key);\n\n      onChange(change);\n    },\n    renderNode(props) {\n      const { attributes, node: n } = props;\n\n      if (n.type === 'explicit_constructed_response') {\n        const data = n.data.toJSON();\n\n        return <ExplicitConstructedResponse attributes={attributes} value={data.value} />;\n      }\n\n      if (n.type === 'drag_in_the_blank') {\n        const data = n.data.toJSON();\n\n        return (\n          <DragInTheBlank attributes={attributes} data={data} n={n} nodeProps={props} opts={opts} />\n        );\n      }\n\n      if (n.type === 'inline_dropdown') {\n        const data = n.data.toJSON();\n\n        return <InlineDropdown attributes={attributes} selectedItem={data.value} />;\n      }\n    },\n    onChange(change) {\n      const type = opts.type.replace(/-/g, '_');\n\n      if (isUndefined(lastIndexMap[type])) {\n        lastIndexMap[type] = 0;\n\n        change.value.document.forEachDescendant(d => {\n          if (d.type === type) {\n            const newIndex = parseInt(d.data.get('index'), 10);\n\n            if (newIndex > lastIndexMap[type]) {\n              lastIndexMap[type] = newIndex;\n            }\n          }\n        });\n      }\n    },\n    normalizeNode: node => {\n      if (node.object !== 'document') {\n        return;\n      }\n\n      const addSpacesArray = [];\n\n      const allElements = node.filterDescendants(d => elTypesArray.indexOf(d.type) >= 0);\n\n      allElements.forEach(el => {\n        const prevText = node.getPreviousText(el.key);\n        const lastCharIsNewLine = prevText.text[prevText.text.length - 1] === '\\n';\n\n        if (prevText.text.length === 0 || lastCharIsNewLine) {\n          addSpacesArray.push({\n            nr: lastCharIsNewLine ? 1 : 2,\n            key: prevText.key\n          });\n        }\n      });\n\n      if (!addSpacesArray.length) {\n        return;\n      }\n\n      return change => {\n        change.withoutNormalization(() => {\n          addSpacesArray.forEach(({ key, nr }) => {\n            const node = change.value.document.getNode(key);\n\n            change.insertTextByKey(key, node.text.length, '\\u00A0'.repeat(nr));\n          });\n        });\n      };\n    },\n    onDrop(event, change, editor) {\n      const closestEl = event.target.closest('[data-key]');\n      const inline = editor.value.document.findDescendant(d => d.key === closestEl.dataset.key);\n\n      if (inline.type === 'drag_in_the_blank') {\n        return false;\n      }\n    }\n  };\n}\n\nexport const serialization = {\n  deserialize(el) {\n    const type = el.dataset && el.dataset.type;\n\n    switch (type) {\n      case 'inline_dropdown':\n        return {\n          object: 'inline',\n          type: 'inline_dropdown',\n          isVoid: true,\n          data: {\n            index: el.dataset.index,\n            value: el.dataset.value\n          }\n        };\n      case 'explicit_constructed_response':\n        return {\n          object: 'inline',\n          type: 'explicit_constructed_response',\n          isVoid: true,\n          data: {\n            index: el.dataset.index,\n            value: el.dataset.value\n          }\n        };\n      case 'drag_in_the_blank':\n        return {\n          object: 'inline',\n          type: 'drag_in_the_blank',\n          isVoid: true,\n          data: {\n            index: el.dataset.index,\n            id: el.dataset.id,\n            value: el.dataset.value,\n            inTable: el.dataset.inTable\n          }\n        };\n    }\n  },\n  serialize(object) {\n    if (object.object !== 'inline') {\n      return;\n    }\n\n    switch (object.type) {\n      case 'inline_dropdown': {\n        const data = object.data.toJSON();\n\n        return <span data-type=\"inline_dropdown\" data-index={data.index} data-value={data.value} />;\n      }\n      case 'explicit_constructed_response': {\n        const data = object.data.toJSON();\n\n        return (\n          <span\n            data-type=\"explicit_constructed_response\"\n            data-index={data.index}\n            data-value={data.value}\n          />\n        );\n      }\n      case 'drag_in_the_blank': {\n        const data = object.data.toJSON();\n\n        return (\n          <span\n            data-type=\"drag_in_the_blank\"\n            data-index={data.index}\n            data-id={data.id}\n            data-value={data.value}\n            data-in-table={data.inTable}\n          />\n        );\n      }\n    }\n  }\n};\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/inline-dropdown/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _icons = require("../icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var InlineDropdown = function InlineDropdown(_ref) {
+  var attributes = _ref.attributes,
+      selectedItem = _ref.selectedItem;
+  // TODO: Investigate
+  // Needed because items with values inside have different positioning for some reason
+  var html = selectedItem || '<div>&nbsp</div>';
+  return _react["default"].createElement("span", _extends({}, attributes, {
+    style: {
+      display: 'inline-flex',
+      height: '50px',
+      margin: '0 5px',
+      cursor: 'pointer'
+    }
+  }), _react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex',
+      minWidth: '178px',
+      height: '36px',
+      background: '#FFF',
+      border: '1px solid #C0C3CF',
+      boxSizing: 'border-box',
+      borderRadius: '3px',
+      position: 'relative'
+    }
+  }, _react["default"].createElement("div", {
+    style: {
+      flex: 1,
+      overflow: 'hidden',
+      padding: '0 25px 0 8px',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      lineHeight: '35px'
+    },
+    dangerouslySetInnerHTML: {
+      __html: html
+    }
+  }), _react["default"].createElement(_icons.Chevron, {
+    direction: "down",
+    style: {
+      position: 'absolute',
+      top: '5px',
+      right: '5px'
+    }
+  })));
+};
+
+InlineDropdown.propTypes = {
+  attributes: _propTypes["default"].object,
+  selectedItem: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])
+};
+var _default = InlineDropdown;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/inline-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/respArea/inline-dropdown/index.jsx"],"names":["InlineDropdown","attributes","selectedItem","html","display","height","margin","cursor","minWidth","background","border","boxSizing","borderRadius","position","flex","overflow","padding","whiteSpace","textOverflow","lineHeight","__html","top","right","propTypes","PropTypes","object","oneOfType","string"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAAkC;AAAA,MAA/BC,UAA+B,QAA/BA,UAA+B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACvD;AACA;AACA,MAAMC,IAAI,GAAGD,YAAY,IAAI,kBAA7B;AAEA,SACE,qDACMD,UADN;AAEE,IAAA,KAAK,EAAE;AACLG,MAAAA,OAAO,EAAE,aADJ;AAELC,MAAAA,MAAM,EAAE,MAFH;AAGLC,MAAAA,MAAM,EAAE,OAHH;AAILC,MAAAA,MAAM,EAAE;AAJH;AAFT,MASE;AACE,IAAA,KAAK,EAAE;AACLH,MAAAA,OAAO,EAAE,aADJ;AAELI,MAAAA,QAAQ,EAAE,OAFL;AAGLH,MAAAA,MAAM,EAAE,MAHH;AAILI,MAAAA,UAAU,EAAE,MAJP;AAKLC,MAAAA,MAAM,EAAE,mBALH;AAMLC,MAAAA,SAAS,EAAE,YANN;AAOLC,MAAAA,YAAY,EAAE,KAPT;AAQLC,MAAAA,QAAQ,EAAE;AARL;AADT,KAYE;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE,CADD;AAELC,MAAAA,QAAQ,EAAE,QAFL;AAGLC,MAAAA,OAAO,EAAE,cAHJ;AAILC,MAAAA,UAAU,EAAE,QAJP;AAKLC,MAAAA,YAAY,EAAE,UALT;AAMLC,MAAAA,UAAU,EAAE;AANP,KADT;AASE,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,MAAM,EAAEjB;AADe;AAT3B,IAZF,EAyBE,gCAAC,cAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,KAAK,EAAE;AACLU,MAAAA,QAAQ,EAAE,UADL;AAELQ,MAAAA,GAAG,EAAE,KAFA;AAGLC,MAAAA,KAAK,EAAE;AAHF;AAFT,IAzBF,CATF,CADF;AA8CD,CAnDD;;AAqDAtB,cAAc,CAACuB,SAAf,GAA2B;AACzBtB,EAAAA,UAAU,EAAEuB,sBAAUC,MADG;AAEzBvB,EAAAA,YAAY,EAAEsB,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,MAAX,EAAmBH,sBAAUC,MAA7B,CAApB;AAFW,CAA3B;eAKezB,c","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Chevron } from '../icons';\n\nconst InlineDropdown = ({ attributes, selectedItem }) => {\n  // TODO: Investigate\n  // Needed because items with values inside have different positioning for some reason\n  const html = selectedItem || '<div>&nbsp</div>';\n\n  return (\n    <span\n      {...attributes}\n      style={{\n        display: 'inline-flex',\n        height: '50px',\n        margin: '0 5px',\n        cursor: 'pointer'\n      }}\n    >\n      <div\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          height: '36px',\n          background: '#FFF',\n          border: '1px solid #C0C3CF',\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          position: 'relative'\n        }}\n      >\n        <div\n          style={{\n            flex: 1,\n            overflow: 'hidden',\n            padding: '0 25px 0 8px',\n            whiteSpace: 'nowrap',\n            textOverflow: 'ellipsis',\n            lineHeight: '35px'\n          }}\n          dangerouslySetInnerHTML={{\n            __html: html\n          }}\n        />\n        <Chevron\n          direction=\"down\"\n          style={{\n            position: 'absolute',\n            top: '5px',\n            right: '5px'\n          }}\n        />\n      </div>\n    </span>\n  );\n};\n\nInlineDropdown.propTypes = {\n  attributes: PropTypes.object,\n  selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object])\n};\n\nexport default InlineDropdown;\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/utils.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultElement = exports.defaultIDD = exports.defaultDIB = exports.defaultECR = exports.insertSnackBar = exports.isNumber = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _slate = require("slate");
+
+var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var isNumber = function isNumber(val) {
+  return !isNaN(parseFloat(val)) && isFinite(val);
+};
+
+exports.isNumber = isNumber;
+
+var insertSnackBar = function insertSnackBar(message) {
+  var prevSnacks = document.querySelectorAll('.response-area-alert');
+  prevSnacks.forEach(function (s) {
+    return s.remove();
+  });
+  var newEl = document.createElement('div');
+  newEl.className = 'response-area-alert';
+
+  var el = _react["default"].createElement(_Snackbar["default"], {
+    anchorOrigin: {
+      vertical: 'top',
+      horizontal: 'center'
+    },
+    open: true,
+    ContentProps: {
+      'aria-describedby': 'message-id'
+    },
+    message: _react["default"].createElement("span", {
+      id: "message-id"
+    }, message)
+  });
+
+  _reactDom["default"].render(el, newEl);
+
+  document.body.appendChild(newEl);
+  setTimeout(function () {
+    newEl.remove();
+  }, 2000);
+};
+
+exports.insertSnackBar = insertSnackBar;
+
+var defaultECR = function defaultECR(index) {
+  return _slate.Inline.create({
+    type: 'explicit_constructed_response',
+    isVoid: true,
+    data: {
+      index: index
+    }
+  });
+};
+
+exports.defaultECR = defaultECR;
+
+var defaultDIB = function defaultDIB(opts, index) {
+  return _slate.Inline.create({
+    type: 'drag_in_the_blank',
+    isVoid: true,
+    data: {
+      index: index,
+      duplicates: opts.options.duplicates,
+      value: null
+    }
+  });
+};
+
+exports.defaultDIB = defaultDIB;
+
+var defaultIDD = function defaultIDD(index) {
+  return _slate.Inline.create({
+    object: 'inline',
+    type: 'inline_dropdown',
+    isVoid: true,
+    data: {
+      index: index
+    }
+  });
+};
+
+exports.defaultIDD = defaultIDD;
+
+var getDefaultElement = function getDefaultElement(opts, index) {
+  switch (opts.type) {
+    case 'explicit-constructed-response':
+      return defaultECR(index);
+
+    case 'drag-in-the-blank':
+      return defaultDIB(opts, index);
+
+    default:
+      // inline-dropdown
+      return defaultIDD(index);
+  }
+};
+
+exports.getDefaultElement = getDefaultElement;
+//# sourceMappingURL=utils.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/respArea/utils.jsx"],"names":["isNumber","val","isNaN","parseFloat","isFinite","insertSnackBar","message","prevSnacks","document","querySelectorAll","forEach","s","remove","newEl","createElement","className","el","vertical","horizontal","ReactDOM","render","body","appendChild","setTimeout","defaultECR","index","Inline","create","type","isVoid","data","defaultDIB","opts","duplicates","options","value","defaultIDD","object","getDefaultElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAAAC,GAAG;AAAA,SAAI,CAACC,KAAK,CAACC,UAAU,CAACF,GAAD,CAAX,CAAN,IAA2BG,QAAQ,CAACH,GAAD,CAAvC;AAAA,CAApB;;;;AAEA,IAAMI,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,OAAO,EAAI;AACvC,MAAMC,UAAU,GAAGC,QAAQ,CAACC,gBAAT,CAA0B,sBAA1B,CAAnB;AAEAF,EAAAA,UAAU,CAACG,OAAX,CAAmB,UAAAC,CAAC;AAAA,WAAIA,CAAC,CAACC,MAAF,EAAJ;AAAA,GAApB;AAEA,MAAMC,KAAK,GAAGL,QAAQ,CAACM,aAAT,CAAuB,KAAvB,CAAd;AAEAD,EAAAA,KAAK,CAACE,SAAN,GAAkB,qBAAlB;;AAEA,MAAMC,EAAE,GACN,gCAAC,oBAAD;AACE,IAAA,YAAY,EAAE;AAAEC,MAAAA,QAAQ,EAAE,KAAZ;AAAmBC,MAAAA,UAAU,EAAE;AAA/B,KADhB;AAEE,IAAA,IAAI,EAAE,IAFR;AAGE,IAAA,YAAY,EAAE;AACZ,0BAAoB;AADR,KAHhB;AAME,IAAA,OAAO,EAAE;AAAM,MAAA,EAAE,EAAC;AAAT,OAAuBZ,OAAvB;AANX,IADF;;AAWAa,uBAASC,MAAT,CAAgBJ,EAAhB,EAAoBH,KAApB;;AAEAL,EAAAA,QAAQ,CAACa,IAAT,CAAcC,WAAd,CAA0BT,KAA1B;AAEAU,EAAAA,UAAU,CAAC,YAAM;AACfV,IAAAA,KAAK,CAACD,MAAN;AACD,GAFS,EAEP,IAFO,CAAV;AAGD,CA3BM;;;;AA6BA,IAAMY,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK;AAAA,SAC7BC,cAAOC,MAAP,CAAc;AACZC,IAAAA,IAAI,EAAE,+BADM;AAEZC,IAAAA,MAAM,EAAE,IAFI;AAGZC,IAAAA,IAAI,EAAE;AACJL,MAAAA,KAAK,EAALA;AADI;AAHM,GAAd,CAD6B;AAAA,CAAxB;;;;AASA,IAAMM,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAOP,KAAP;AAAA,SACxBC,cAAOC,MAAP,CAAc;AACZC,IAAAA,IAAI,EAAE,mBADM;AAEZC,IAAAA,MAAM,EAAE,IAFI;AAGZC,IAAAA,IAAI,EAAE;AACJL,MAAAA,KAAK,EAALA,KADI;AAEJQ,MAAAA,UAAU,EAAED,IAAI,CAACE,OAAL,CAAaD,UAFrB;AAGJE,MAAAA,KAAK,EAAE;AAHH;AAHM,GAAd,CADwB;AAAA,CAAnB;;;;AAWA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAAAX,KAAK;AAAA,SAC7BC,cAAOC,MAAP,CAAc;AACZU,IAAAA,MAAM,EAAE,QADI;AAEZT,IAAAA,IAAI,EAAE,iBAFM;AAGZC,IAAAA,MAAM,EAAE,IAHI;AAIZC,IAAAA,IAAI,EAAE;AACJL,MAAAA,KAAK,EAALA;AADI;AAJM,GAAd,CAD6B;AAAA,CAAxB;;;;AAUA,IAAMa,iBAAiB,GAAG,SAApBA,iBAAoB,CAACN,IAAD,EAAOP,KAAP,EAAiB;AAChD,UAAQO,IAAI,CAACJ,IAAb;AACE,SAAK,+BAAL;AACE,aAAOJ,UAAU,CAACC,KAAD,CAAjB;;AACF,SAAK,mBAAL;AACE,aAAOM,UAAU,CAACC,IAAD,EAAOP,KAAP,CAAjB;;AACF;AACE;AACA,aAAOW,UAAU,CAACX,KAAD,CAAjB;AAPJ;AASD,CAVM","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Inline } from 'slate';\nimport Snackbar from '@material-ui/core/Snackbar';\n\nexport const isNumber = val => !isNaN(parseFloat(val)) && isFinite(val);\n\nexport const insertSnackBar = message => {\n  const prevSnacks = document.querySelectorAll('.response-area-alert');\n\n  prevSnacks.forEach(s => s.remove());\n\n  const newEl = document.createElement('div');\n\n  newEl.className = 'response-area-alert';\n\n  const el = (\n    <Snackbar\n      anchorOrigin={{ vertical: 'top', horizontal: 'center' }}\n      open={true}\n      ContentProps={{\n        'aria-describedby': 'message-id'\n      }}\n      message={<span id=\"message-id\">{message}</span>}\n    />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n\n  setTimeout(() => {\n    newEl.remove();\n  }, 2000);\n};\n\nexport const defaultECR = index =>\n  Inline.create({\n    type: 'explicit_constructed_response',\n    isVoid: true,\n    data: {\n      index\n    }\n  });\n\nexport const defaultDIB = (opts, index) =>\n  Inline.create({\n    type: 'drag_in_the_blank',\n    isVoid: true,\n    data: {\n      index,\n      duplicates: opts.options.duplicates,\n      value: null\n    }\n  });\n\nexport const defaultIDD = index =>\n  Inline.create({\n    object: 'inline',\n    type: 'inline_dropdown',\n    isVoid: true,\n    data: {\n      index\n    }\n  });\n\nexport const getDefaultElement = (opts, index) => {\n  switch (opts.type) {\n    case 'explicit-constructed-response':\n      return defaultECR(index);\n    case 'drag-in-the-blank':\n      return defaultDIB(opts, index);\n    default:\n      // inline-dropdown\n      return defaultIDD(index);\n  }\n};\n"],"file":"utils.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/table/icons/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RemoveTable = exports.RemoveColumn = exports.AddColumn = exports.RemoveRow = exports.AddRow = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var styles = {
+  icon: {
+    fill: 'grey',
+    '&:hover': {
+      fill: 'black'
+    }
+  }
+};
+
+var SvgIcon = function SvgIcon(Component) {
+  return (0, _styles.withStyles)(styles)(function (props) {
+    return _react["default"].createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24"
+    }, _react["default"].createElement(Component, {
+      className: props.classes.icon
+    }));
+  });
+};
+
+var AddRow = SvgIcon(function (props) {
+  return _react["default"].createElement("path", _extends({}, props, {
+    d: "M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z"
+  }));
+});
+exports.AddRow = AddRow;
+var RemoveRow = SvgIcon(function (props) {
+  return _react["default"].createElement("path", _extends({}, props, {
+    d: "M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z"
+  }));
+});
+exports.RemoveRow = RemoveRow;
+var AddColumn = SvgIcon(function (props) {
+  return _react["default"].createElement("path", _extends({}, props, {
+    d: "M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z"
+  }));
+});
+exports.AddColumn = AddColumn;
+var RemoveColumn = SvgIcon(function (props) {
+  return _react["default"].createElement("path", _extends({}, props, {
+    d: "M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z"
+  }));
+});
+exports.RemoveColumn = RemoveColumn;
+var RemoveTable = SvgIcon(function (props) {
+  return _react["default"].createElement("path", _extends({}, props, {
+    d: "M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z"
+  }));
+});
+exports.RemoveTable = RemoveTable;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/table/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/table/icons/index.jsx"],"names":["styles","icon","fill","SvgIcon","Component","props","classes","AddRow","RemoveRow","AddColumn","RemoveColumn","RemoveTable"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,MADF;AAEJ,eAAW;AACTA,MAAAA,IAAI,EAAE;AADG;AAFP;AADO,CAAf;;AASA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS,EAAI;AAC3B,SAAO,wBAAWJ,MAAX,EAAmB,UAAAK,KAAK;AAAA,WAC7B;AACE,MAAA,KAAK,EAAC,4BADR;AAEE,MAAA,OAAO,EAAC,KAFV;AAGE,MAAA,KAAK,EAAC,IAHR;AAIE,MAAA,MAAM,EAAC,IAJT;AAKE,MAAA,OAAO,EAAC;AALV,OAOE,gCAAC,SAAD;AAAW,MAAA,SAAS,EAAEA,KAAK,CAACC,OAAN,CAAcL;AAApC,MAPF,CAD6B;AAAA,GAAxB,CAAP;AAWD,CAZD;;AAaO,IAAMM,MAAM,GAAGJ,OAAO,CAAC,UAAAE,KAAK;AAAA,SACjC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADiC;AAAA,CAAN,CAAtB;;AAOA,IAAMG,SAAS,GAAGL,OAAO,CAAC,UAAAE,KAAK;AAAA,SACpC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADoC;AAAA,CAAN,CAAzB;;AAOA,IAAMI,SAAS,GAAGN,OAAO,CAAC,UAAAE,KAAK;AAAA,SACpC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADoC;AAAA,CAAN,CAAzB;;AAOA,IAAMK,YAAY,GAAGP,OAAO,CAAC,UAAAE,KAAK;AAAA,SACvC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADuC;AAAA,CAAN,CAA5B;;AAOA,IAAMM,WAAW,GAAGR,OAAO,CAAC,UAAAE,KAAK;AAAA,SACtC,qDACMA,KADN;AAEE,IAAA,CAAC,EAAC;AAFJ,KADsC;AAAA,CAAN,CAA3B","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = {\n  icon: {\n    fill: 'grey',\n    '&:hover': {\n      fill: 'black'\n    }\n  }\n};\n\nconst SvgIcon = Component => {\n  return withStyles(styles)(props => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      version=\"1.1\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n    >\n      <Component className={props.classes.icon} />\n    </svg>\n  ));\n};\nexport const AddRow = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z\"\n  />\n));\n\nexport const RemoveRow = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z\"\n  />\n));\n\nexport const AddColumn = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z\"\n  />\n));\n\nexport const RemoveColumn = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z\"\n  />\n));\n\nexport const RemoveTable = SvgIcon(props => (\n  <path\n    {...props}\n    d=\"M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z\"\n  />\n));\n"],"file":"index.js"}