@pie-element/ebsr 9.0.2-next.16 → 9.0.2-next.17

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/respArea/icons/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarIcon = exports.GripIcon = exports.Chevron = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
+var _styles = require("@material-ui/core/styles");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getRotate = function getRotate(direction) {
+  switch (direction) {
+    case 'down':
+      return 90;
+    case 'up':
+      return -90;
+    case 'left':
+      return 180;
+    default:
+      return 0;
+  }
+};
+var Chevron = exports.Chevron = function Chevron(props) {
+  var direction = props.direction,
+    style = props.style;
+  var rotate = getRotate(direction);
+  return /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
+    style: _objectSpread({
+      transform: "rotate(".concat(rotate, "deg)")
+    }, style)
+  });
+};
+Chevron.propTypes = {
+  direction: _propTypes["default"].string,
+  style: _propTypes["default"].object
+};
+var GripIcon = exports.GripIcon = function GripIcon(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], {
+    style: {
+      margin: '0 -16px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null));
+};
+GripIcon.propTypes = {
+  style: _propTypes["default"].object
+};
+var ToolbarIcon = exports.ToolbarIcon = (0, _styles.withStyles)(function (theme) {
+  return {
+    icon: {
+      fontFamily: 'Cerebri Sans !important',
+      fontSize: theme.typography.fontSize,
+      fontWeight: 'bold',
+      lineHeight: '14px',
+      position: 'relative',
+      top: '7px',
+      width: '110px',
+      height: '28px',
+      whiteSpace: 'nowrap'
+    }
+  };
+})(function (_ref2) {
+  var classes = _ref2.classes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.icon
+  }, "+ Response Area");
+});
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/respArea/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_ChevronRight","_MoreVert","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","getRotate","direction","Chevron","exports","props","style","rotate","createElement","transform","concat","propTypes","PropTypes","string","object","GripIcon","_ref","margin","ToolbarIcon","withStyles","theme","icon","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","width","height","whiteSpace","_ref2","classes","className"],"sources":["../../../../../src/code/editable-html/plugins/respArea/icons/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport MoreVert from '@material-ui/icons/MoreVert';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst getRotate = (direction) => {\n  switch (direction) {\n    case 'down':\n      return 90;\n\n    case 'up':\n      return -90;\n\n    case 'left':\n      return 180;\n\n    default:\n      return 0;\n  }\n};\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = getRotate(direction);\n\n  return (\n    <ChevronRight\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n    />\n  );\n};\n\nChevron.propTypes = {\n  direction: PropTypes.string,\n  style: PropTypes.object,\n};\n\nexport const GripIcon = ({ style }) => {\n  return (\n    <span style={style}>\n      <MoreVert\n        style={{\n          margin: '0 -16px',\n        }}\n      />\n      <MoreVert />\n    </span>\n  );\n};\n\nGripIcon.propTypes = {\n  style: PropTypes.object,\n};\n\nexport const ToolbarIcon = withStyles((theme) => ({\n  icon: {\n    fontFamily: 'Cerebri Sans !important',\n    fontSize: theme.typography.fontSize,\n    fontWeight: 'bold',\n    lineHeight: '14px',\n    position: 'relative',\n    top: '7px',\n    width: '110px',\n    height: '28px',\n    whiteSpace: 'nowrap',\n  },\n}))(({ classes }) => <div className={classes.icon}>+ Response Area</div>);\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/respArea/index.js

@@ -0,0 +1,281 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ResponseAreaPlugin;
+exports.serialization = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _slate = require("slate");
+var _slateHyperscript = require("slate-hyperscript");
+var _debug = _interopRequireDefault(require("debug"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+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");
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:respArea');
+var lastIndexMap = {};
+var elTypesMap = {
+  'inline-dropdown': 'inline_dropdown',
+  'explicit-constructed-response': 'explicit_constructed_response',
+  'drag-in-the-blank': 'drag_in_the_blank'
+};
+var elTypesArray = Object.values(elTypesMap);
+function ResponseAreaPlugin(opts) {
+  var isOfCurrentType = function isOfCurrentType(d) {
+    return d.type === opts.type || d.type === elTypesMap[opts.type];
+  };
+  var toolbar = {
+    icon: /*#__PURE__*/_react["default"].createElement(_icons.ToolbarIcon, null),
+    buttonStyles: {
+      margin: '0 20px 0 auto'
+    },
+    onClick: function onClick(editor) {
+      log('[toolbar] onClick');
+      var currentRespAreaList = [];
+      var descendants = Array.from(_slate.Node.descendants(editor, {
+        reverse: true
+      })).map(function (_ref) {
+        var _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
+          d = _ref2[0];
+        return d;
+      });
+      descendants.forEach(function (d) {
+        if (isOfCurrentType(d)) {
+          currentRespAreaList.push(d);
+        }
+      });
+      if (currentRespAreaList.length >= opts.maxResponseAreas) {
+        return;
+      }
+      var type = opts.type.replace(/-/g, '_');
+      var prevIndex = lastIndexMap[type];
+      var newIndex = !prevIndex ? 0 : 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
+          const lastText = value.document.getLastText();
+           if (!lastText) {
+            return;
+          }
+          const parentNode = value.document.getParent(lastText.key);
+           if (parentNode) {
+            const index = parentNode.nodes.indexOf(lastText.key);
+             if (parentNode.isVoid) return;
+             change.insertNodeByKey(parentNode.key, index + 1, newInline);
+          }
+        }
+         if (newInline.type === 'drag_in_the_blank') {
+          const nextText = change.value.document.getNextText(newInline.key);
+           if (nextText) {
+            change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
+          }
+        }*/
+        editor.insertNode(newInline);
+      }
+    },
+    customToolbar: opts.respAreaToolbar,
+    showDone: false
+  };
+  return {
+    name: 'response_area',
+    toolbar: toolbar,
+    rules: function rules(editor) {
+      var isVoid = editor.isVoid,
+        isInline = editor.isInline,
+        onChange = editor.onChange;
+      editor.isVoid = function (element) {
+        return elTypesArray.includes(element.type) ? true : isVoid(element);
+      };
+      editor.isInline = function (element) {
+        return elTypesArray.includes(element.type) ? true : isInline(element);
+      };
+      var oldEditor = (0, _cloneDeep["default"])(editor);
+      editor.onChange = function (options) {
+        var descendants = Array.from(_slate.Node.descendants(editor, {
+          reverse: true
+        })).map(function (_ref3) {
+          var _ref4 = (0, _slicedToArray2["default"])(_ref3, 1),
+            d = _ref4[0];
+          return d;
+        });
+        var type = opts.type.replace(/-/g, '_');
+        if ((0, _isUndefined["default"])(lastIndexMap[type])) {
+          lastIndexMap[type] = 0;
+          descendants.forEach(function (d) {
+            if (d.type === type) {
+              var newIndex = parseInt(d.data.index, 10);
+              if (newIndex > lastIndexMap[type]) {
+                lastIndexMap[type] = newIndex;
+              }
+            }
+          });
+        }
+        if ((0, _isEqual["default"])(editor, oldEditor)) {
+          return;
+        }
+        var oldDescendants = Array.from(_slate.Node.descendants(oldEditor, {
+          reverse: true
+        })).map(function (_ref5) {
+          var _ref6 = (0, _slicedToArray2["default"])(_ref5, 1),
+            d = _ref6[0];
+          return d;
+        });
+        var currentRespAreaList = descendants.filter(isOfCurrentType);
+        var oldRespAreaList = oldDescendants.filter(isOfCurrentType);
+        toolbar.disabled = currentRespAreaList.length >= opts.maxResponseAreas;
+        var arrayToFilter = oldRespAreaList.length > currentRespAreaList.length ? oldRespAreaList : currentRespAreaList;
+        var arrayToUseForFilter = arrayToFilter === oldRespAreaList ? currentRespAreaList : oldRespAreaList;
+        var elementsWithChangedStatus = arrayToFilter.filter(function (d) {
+          return !arrayToUseForFilter.find(function (e) {
+            return e.data.index === d.data.index;
+          });
+        });
+        if (elementsWithChangedStatus.length && oldRespAreaList.length > currentRespAreaList.length) {
+          opts.onHandleAreaChange(elementsWithChangedStatus);
+        }
+        oldEditor = (0, _cloneDeep["default"])(editor);
+        onChange(options);
+      };
+      return editor;
+    },
+    filterPlugins: function filterPlugins(node, plugins) {
+      if (node.type === 'explicit_constructed_response' || node.type === 'drag_in_the_blank') {
+        return [];
+      }
+      return plugins.filter(function (p) {
+        return p.name !== 'response_area';
+      });
+    },
+    deleteNode: function deleteNode(e, node, nodePath, editor, onChange) {
+      e.preventDefault();
+      editor.apply({
+        type: 'remove_node',
+        path: nodePath
+      });
+      onChange(editor);
+    },
+    supports: function supports(node) {
+      return elTypesArray.indexOf(node.type) >= 0;
+    },
+    renderNode: function renderNode(props) {
+      var attributes = props.attributes,
+        node = props.node;
+      if (node.type === 'explicit_constructed_response') {
+        var data = node.data;
+        var error;
+        if (opts.error) {
+          error = opts.error();
+        }
+        return /*#__PURE__*/_react["default"].createElement(_explicitConstructedResponse["default"], {
+          attributes: attributes,
+          value: data.value,
+          error: error && error[data.index] && error[data.index][0]
+        }, props.children);
+      }
+      if (node.type === 'drag_in_the_blank') {
+        var _data = node.data;
+        return /*#__PURE__*/_react["default"].createElement(_dragInTheBlank["default"], {
+          attributes: attributes,
+          data: _data,
+          n: node,
+          nodeProps: props,
+          opts: opts
+        }, props.children);
+      }
+      if (node.type === 'inline_dropdown') {
+        var _data2 = node.data;
+        return /*#__PURE__*/_react["default"].createElement(_inlineDropdown["default"], {
+          attributes: attributes,
+          selectedItem: _data2.value
+        }, props.children);
+      }
+    },
+    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 = exports.serialization = {
+  deserialize: function deserialize(el) {
+    var type = el.dataset && el.dataset.type;
+    switch (type) {
+      case 'inline_dropdown':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'inline_dropdown',
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        });
+      case 'explicit_constructed_response':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'explicit_constructed_response',
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        });
+      case 'drag_in_the_blank':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'drag_in_the_blank',
+          data: {
+            index: el.dataset.index,
+            id: el.dataset.id,
+            value: el.dataset.value,
+            inTable: el.dataset.inTable
+          }
+        });
+    }
+  },
+  serialize: function serialize(object) {
+    switch (object.type) {
+      case 'inline_dropdown':
+        {
+          var data = object.data;
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "inline_dropdown",
+            "data-index": data.index,
+            "data-value": data.value
+          });
+        }
+      case 'explicit_constructed_response':
+        {
+          var _data3 = object.data;
+          return /*#__PURE__*/_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;
+          return /*#__PURE__*/_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
+          });
+        }
+    }
+  }
+};
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/respArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_slate","_slateHyperscript","_debug","_cloneDeep","_isEqual","_isUndefined","_inlineDropdown","_dragInTheBlank","_explicitConstructedResponse","_utils","_icons","log","debug","lastIndexMap","elTypesMap","elTypesArray","Object","values","ResponseAreaPlugin","opts","isOfCurrentType","d","type","toolbar","icon","createElement","ToolbarIcon","buttonStyles","margin","onClick","editor","currentRespAreaList","descendants","Array","from","SlateNode","reverse","map","_ref","_ref2","_slicedToArray2","forEach","push","length","maxResponseAreas","replace","prevIndex","newIndex","newInline","getDefaultElement","insertNode","customToolbar","respAreaToolbar","showDone","name","rules","isVoid","isInline","onChange","element","includes","oldEditor","cloneDeep","options","_ref3","_ref4","isUndefined","parseInt","data","index","isEqual","oldDescendants","_ref5","_ref6","filter","oldRespAreaList","disabled","arrayToFilter","arrayToUseForFilter","elementsWithChangedStatus","find","e","onHandleAreaChange","filterPlugins","node","plugins","p","deleteNode","nodePath","preventDefault","apply","path","supports","indexOf","renderNode","props","attributes","error","value","children","n","nodeProps","selectedItem","onDrop","event","change","closestEl","target","closest","inline","document","findDescendant","key","dataset","serialization","exports","deserialize","el","jsx","id","inTable","serialize","object"],"sources":["../../../../src/code/editable-html/plugins/respArea/index.jsx"],"sourcesContent":["import React from 'react';\nimport { Node as SlateNode } from 'slate';\nimport { jsx } from 'slate-hyperscript';\nimport debug from 'debug';\n\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEqual from 'lodash/isEqual';\nimport isUndefined from 'lodash/isUndefined';\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 elTypesMap = {\n  'inline-dropdown': 'inline_dropdown',\n  'explicit-constructed-response': 'explicit_constructed_response',\n  'drag-in-the-blank': 'drag_in_the_blank',\n};\nconst elTypesArray = Object.values(elTypesMap);\n\nexport default function ResponseAreaPlugin(opts) {\n  const isOfCurrentType = (d) => d.type === opts.type || d.type === elTypesMap[opts.type];\n\n  const toolbar = {\n    icon: <ToolbarIcon />,\n    buttonStyles: {\n      margin: '0 20px 0 auto',\n    },\n    onClick: (editor) => {\n      log('[toolbar] onClick');\n      const currentRespAreaList = [];\n      const descendants = Array.from(SlateNode.descendants(editor, { reverse: true })).map(([d]) => d);\n\n      descendants.forEach((d) => {\n        if (isOfCurrentType(d)) {\n          currentRespAreaList.push(d);\n        }\n      });\n\n      if (currentRespAreaList.length >= opts.maxResponseAreas) {\n        return;\n      }\n\n      const type = opts.type.replace(/-/g, '_');\n      const prevIndex = lastIndexMap[type];\n      const newIndex = !prevIndex ? 0 : 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\n          if (!lastText) {\n            return;\n          }\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        editor.insertNode(newInline);\n      }\n    },\n    customToolbar: opts.respAreaToolbar,\n    showDone: false,\n  };\n\n  return {\n    name: 'response_area',\n    toolbar,\n    rules: (editor) => {\n      const { isVoid, isInline, onChange } = editor;\n\n      editor.isVoid = (element) => {\n        return elTypesArray.includes(element.type) ? true : isVoid(element);\n      };\n\n      editor.isInline = (element) => {\n        return elTypesArray.includes(element.type) ? true : isInline(element);\n      };\n\n      let oldEditor = cloneDeep(editor);\n\n      editor.onChange = (options) => {\n        const descendants = Array.from(SlateNode.descendants(editor, { reverse: true })).map(([d]) => d);\n        const type = opts.type.replace(/-/g, '_');\n\n        if (isUndefined(lastIndexMap[type])) {\n          lastIndexMap[type] = 0;\n\n          descendants.forEach((d) => {\n            if (d.type === type) {\n              const newIndex = parseInt(d.data.index, 10);\n\n              if (newIndex > lastIndexMap[type]) {\n                lastIndexMap[type] = newIndex;\n              }\n            }\n          });\n        }\n\n        if (isEqual(editor, oldEditor)) {\n          return;\n        }\n\n        const oldDescendants = Array.from(SlateNode.descendants(oldEditor, { reverse: true })).map(([d]) => d);\n        const currentRespAreaList = descendants.filter(isOfCurrentType);\n        const oldRespAreaList = oldDescendants.filter(isOfCurrentType);\n\n        toolbar.disabled = currentRespAreaList.length >= opts.maxResponseAreas;\n\n        const arrayToFilter =\n          oldRespAreaList.length > currentRespAreaList.length ? oldRespAreaList : currentRespAreaList;\n        const arrayToUseForFilter = arrayToFilter === oldRespAreaList ? currentRespAreaList : oldRespAreaList;\n\n        const elementsWithChangedStatus = arrayToFilter.filter(\n          (d) => !arrayToUseForFilter.find((e) => e.data.index === d.data.index),\n        );\n\n        if (elementsWithChangedStatus.length && oldRespAreaList.length > currentRespAreaList.length) {\n          opts.onHandleAreaChange(elementsWithChangedStatus);\n        }\n\n        oldEditor = cloneDeep(editor);\n        onChange(options);\n      };\n\n      return editor;\n    },\n    filterPlugins: (node, plugins) => {\n      if (node.type === 'explicit_constructed_response' || node.type === 'drag_in_the_blank') {\n        return [];\n      }\n\n      return plugins.filter((p) => p.name !== 'response_area');\n    },\n    deleteNode: (e, node, nodePath, editor, onChange) => {\n      e.preventDefault();\n\n      editor.apply({\n        type: 'remove_node',\n        path: nodePath,\n      });\n\n      onChange(editor);\n    },\n    supports: (node) => elTypesArray.indexOf(node.type) >= 0,\n    renderNode(props) {\n      const { attributes, node } = props;\n\n      if (node.type === 'explicit_constructed_response') {\n        const { data } = node;\n        let error;\n\n        if (opts.error) {\n          error = opts.error();\n        }\n\n        return (\n          <ExplicitConstructedResponse\n            attributes={attributes}\n            value={data.value}\n            error={error && error[data.index] && error[data.index][0]}\n          >\n            {props.children}\n          </ExplicitConstructedResponse>\n        );\n      }\n\n      if (node.type === 'drag_in_the_blank') {\n        const { data } = node;\n\n        return (\n          <DragInTheBlank attributes={attributes} data={data} n={node} nodeProps={props} opts={opts}>\n            {props.children}\n          </DragInTheBlank>\n        );\n      }\n\n      if (node.type === 'inline_dropdown') {\n        const { data } = node;\n\n        return (\n          <InlineDropdown attributes={attributes} selectedItem={data.value}>\n            {props.children}\n          </InlineDropdown>\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 jsx('element', {\n          type: 'inline_dropdown',\n          data: {\n            index: el.dataset.index,\n            value: el.dataset.value,\n          },\n        });\n      case 'explicit_constructed_response':\n        return jsx('element', {\n          type: 'explicit_constructed_response',\n          data: {\n            index: el.dataset.index,\n            value: el.dataset.value,\n          },\n        });\n      case 'drag_in_the_blank':\n        return jsx('element', {\n          type: 'drag_in_the_blank',\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    switch (object.type) {\n      case 'inline_dropdown': {\n        const data = object.data;\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;\n\n        return <span data-type=\"explicit_constructed_response\" data-index={data.index} data-value={data.value} />;\n      }\n      case 'drag_in_the_blank': {\n        const data = object.data;\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"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,eAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,eAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,4BAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAEA,IAAMY,GAAG,GAAG,IAAAC,iBAAK,EAAC,yCAAyC,CAAC;AAE5D,IAAMC,YAAY,GAAG,CAAC,CAAC;AACvB,IAAMC,UAAU,GAAG;EACjB,iBAAiB,EAAE,iBAAiB;EACpC,+BAA+B,EAAE,+BAA+B;EAChE,mBAAmB,EAAE;AACvB,CAAC;AACD,IAAMC,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACH,UAAU,CAAC;AAE/B,SAASI,kBAAkBA,CAACC,IAAI,EAAE;EAC/C,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAC;IAAA,OAAKA,CAAC,CAACC,IAAI,KAAKH,IAAI,CAACG,IAAI,IAAID,CAAC,CAACC,IAAI,KAAKR,UAAU,CAACK,IAAI,CAACG,IAAI,CAAC;EAAA;EAEvF,IAAMC,OAAO,GAAG;IACdC,IAAI,eAAE3B,MAAA,YAAA4B,aAAA,CAACf,MAAA,CAAAgB,WAAW,MAAE,CAAC;IACrBC,YAAY,EAAE;MACZC,MAAM,EAAE;IACV,CAAC;IACDC,OAAO,EAAE,SAAAA,QAACC,MAAM,EAAK;MACnBnB,GAAG,CAAC,mBAAmB,CAAC;MACxB,IAAMoB,mBAAmB,GAAG,EAAE;MAC9B,IAAMC,WAAW,GAAGC,KAAK,CAACC,IAAI,CAACC,WAAS,CAACH,WAAW,CAACF,MAAM,EAAE;QAAEM,OAAO,EAAE;MAAK,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAAAC,IAAA;QAAA,IAAAC,KAAA,OAAAC,eAAA,aAAAF,IAAA;UAAEjB,CAAC,GAAAkB,KAAA;QAAA,OAAMlB,CAAC;MAAA,EAAC;MAEhGW,WAAW,CAACS,OAAO,CAAC,UAACpB,CAAC,EAAK;QACzB,IAAID,eAAe,CAACC,CAAC,CAAC,EAAE;UACtBU,mBAAmB,CAACW,IAAI,CAACrB,CAAC,CAAC;QAC7B;MACF,CAAC,CAAC;MAEF,IAAIU,mBAAmB,CAACY,MAAM,IAAIxB,IAAI,CAACyB,gBAAgB,EAAE;QACvD;MACF;MAEA,IAAMtB,IAAI,GAAGH,IAAI,CAACG,IAAI,CAACuB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;MACzC,IAAMC,SAAS,GAAGjC,YAAY,CAACS,IAAI,CAAC;MACpC,IAAMyB,QAAQ,GAAG,CAACD,SAAS,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;MAC/C,IAAME,SAAS,GAAG,IAAAC,wBAAiB,EAAC9B,IAAI,EAAE4B,QAAQ,CAAC;MAEnDlC,YAAY,CAACS,IAAI,CAAC,IAAI,CAAC;MAEvB,IAAI0B,SAAS,EAAE;QACb;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;QAOQlB,MAAM,CAACoB,UAAU,CAACF,SAAS,CAAC;MAC9B;IACF,CAAC;IACDG,aAAa,EAAEhC,IAAI,CAACiC,eAAe;IACnCC,QAAQ,EAAE;EACZ,CAAC;EAED,OAAO;IACLC,IAAI,EAAE,eAAe;IACrB/B,OAAO,EAAPA,OAAO;IACPgC,KAAK,EAAE,SAAAA,MAACzB,MAAM,EAAK;MACjB,IAAQ0B,MAAM,GAAyB1B,MAAM,CAArC0B,MAAM;QAAEC,QAAQ,GAAe3B,MAAM,CAA7B2B,QAAQ;QAAEC,QAAQ,GAAK5B,MAAM,CAAnB4B,QAAQ;MAElC5B,MAAM,CAAC0B,MAAM,GAAG,UAACG,OAAO,EAAK;QAC3B,OAAO5C,YAAY,CAAC6C,QAAQ,CAACD,OAAO,CAACrC,IAAI,CAAC,GAAG,IAAI,GAAGkC,MAAM,CAACG,OAAO,CAAC;MACrE,CAAC;MAED7B,MAAM,CAAC2B,QAAQ,GAAG,UAACE,OAAO,EAAK;QAC7B,OAAO5C,YAAY,CAAC6C,QAAQ,CAACD,OAAO,CAACrC,IAAI,CAAC,GAAG,IAAI,GAAGmC,QAAQ,CAACE,OAAO,CAAC;MACvE,CAAC;MAED,IAAIE,SAAS,GAAG,IAAAC,qBAAS,EAAChC,MAAM,CAAC;MAEjCA,MAAM,CAAC4B,QAAQ,GAAG,UAACK,OAAO,EAAK;QAC7B,IAAM/B,WAAW,GAAGC,KAAK,CAACC,IAAI,CAACC,WAAS,CAACH,WAAW,CAACF,MAAM,EAAE;UAAEM,OAAO,EAAE;QAAK,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAAA2B,KAAA;UAAA,IAAAC,KAAA,OAAAzB,eAAA,aAAAwB,KAAA;YAAE3C,CAAC,GAAA4C,KAAA;UAAA,OAAM5C,CAAC;QAAA,EAAC;QAChG,IAAMC,IAAI,GAAGH,IAAI,CAACG,IAAI,CAACuB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;QAEzC,IAAI,IAAAqB,uBAAW,EAACrD,YAAY,CAACS,IAAI,CAAC,CAAC,EAAE;UACnCT,YAAY,CAACS,IAAI,CAAC,GAAG,CAAC;UAEtBU,WAAW,CAACS,OAAO,CAAC,UAACpB,CAAC,EAAK;YACzB,IAAIA,CAAC,CAACC,IAAI,KAAKA,IAAI,EAAE;cACnB,IAAMyB,QAAQ,GAAGoB,QAAQ,CAAC9C,CAAC,CAAC+C,IAAI,CAACC,KAAK,EAAE,EAAE,CAAC;cAE3C,IAAItB,QAAQ,GAAGlC,YAAY,CAACS,IAAI,CAAC,EAAE;gBACjCT,YAAY,CAACS,IAAI,CAAC,GAAGyB,QAAQ;cAC/B;YACF;UACF,CAAC,CAAC;QACJ;QAEA,IAAI,IAAAuB,mBAAO,EAACxC,MAAM,EAAE+B,SAAS,CAAC,EAAE;UAC9B;QACF;QAEA,IAAMU,cAAc,GAAGtC,KAAK,CAACC,IAAI,CAACC,WAAS,CAACH,WAAW,CAAC6B,SAAS,EAAE;UAAEzB,OAAO,EAAE;QAAK,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAAAmC,KAAA;UAAA,IAAAC,KAAA,OAAAjC,eAAA,aAAAgC,KAAA;YAAEnD,CAAC,GAAAoD,KAAA;UAAA,OAAMpD,CAAC;QAAA,EAAC;QACtG,IAAMU,mBAAmB,GAAGC,WAAW,CAAC0C,MAAM,CAACtD,eAAe,CAAC;QAC/D,IAAMuD,eAAe,GAAGJ,cAAc,CAACG,MAAM,CAACtD,eAAe,CAAC;QAE9DG,OAAO,CAACqD,QAAQ,GAAG7C,mBAAmB,CAACY,MAAM,IAAIxB,IAAI,CAACyB,gBAAgB;QAEtE,IAAMiC,aAAa,GACjBF,eAAe,CAAChC,MAAM,GAAGZ,mBAAmB,CAACY,MAAM,GAAGgC,eAAe,GAAG5C,mBAAmB;QAC7F,IAAM+C,mBAAmB,GAAGD,aAAa,KAAKF,eAAe,GAAG5C,mBAAmB,GAAG4C,eAAe;QAErG,IAAMI,yBAAyB,GAAGF,aAAa,CAACH,MAAM,CACpD,UAACrD,CAAC;UAAA,OAAK,CAACyD,mBAAmB,CAACE,IAAI,CAAC,UAACC,CAAC;YAAA,OAAKA,CAAC,CAACb,IAAI,CAACC,KAAK,KAAKhD,CAAC,CAAC+C,IAAI,CAACC,KAAK;UAAA,EAAC;QAAA,CACxE,CAAC;QAED,IAAIU,yBAAyB,CAACpC,MAAM,IAAIgC,eAAe,CAAChC,MAAM,GAAGZ,mBAAmB,CAACY,MAAM,EAAE;UAC3FxB,IAAI,CAAC+D,kBAAkB,CAACH,yBAAyB,CAAC;QACpD;QAEAlB,SAAS,GAAG,IAAAC,qBAAS,EAAChC,MAAM,CAAC;QAC7B4B,QAAQ,CAACK,OAAO,CAAC;MACnB,CAAC;MAED,OAAOjC,MAAM;IACf,CAAC;IACDqD,aAAa,EAAE,SAAAA,cAACC,IAAI,EAAEC,OAAO,EAAK;MAChC,IAAID,IAAI,CAAC9D,IAAI,KAAK,+BAA+B,IAAI8D,IAAI,CAAC9D,IAAI,KAAK,mBAAmB,EAAE;QACtF,OAAO,EAAE;MACX;MAEA,OAAO+D,OAAO,CAACX,MAAM,CAAC,UAACY,CAAC;QAAA,OAAKA,CAAC,CAAChC,IAAI,KAAK,eAAe;MAAA,EAAC;IAC1D,CAAC;IACDiC,UAAU,EAAE,SAAAA,WAACN,CAAC,EAAEG,IAAI,EAAEI,QAAQ,EAAE1D,MAAM,EAAE4B,QAAQ,EAAK;MACnDuB,CAAC,CAACQ,cAAc,CAAC,CAAC;MAElB3D,MAAM,CAAC4D,KAAK,CAAC;QACXpE,IAAI,EAAE,aAAa;QACnBqE,IAAI,EAAEH;MACR,CAAC,CAAC;MAEF9B,QAAQ,CAAC5B,MAAM,CAAC;IAClB,CAAC;IACD8D,QAAQ,EAAE,SAAAA,SAACR,IAAI;MAAA,OAAKrE,YAAY,CAAC8E,OAAO,CAACT,IAAI,CAAC9D,IAAI,CAAC,IAAI,CAAC;IAAA;IACxDwE,UAAU,WAAAA,WAACC,KAAK,EAAE;MAChB,IAAQC,UAAU,GAAWD,KAAK,CAA1BC,UAAU;QAAEZ,IAAI,GAAKW,KAAK,CAAdX,IAAI;MAExB,IAAIA,IAAI,CAAC9D,IAAI,KAAK,+BAA+B,EAAE;QACjD,IAAQ8C,IAAI,GAAKgB,IAAI,CAAbhB,IAAI;QACZ,IAAI6B,KAAK;QAET,IAAI9E,IAAI,CAAC8E,KAAK,EAAE;UACdA,KAAK,GAAG9E,IAAI,CAAC8E,KAAK,CAAC,CAAC;QACtB;QAEA,oBACEpG,MAAA,YAAA4B,aAAA,CAACjB,4BAAA,WAA2B;UAC1BwF,UAAU,EAAEA,UAAW;UACvBE,KAAK,EAAE9B,IAAI,CAAC8B,KAAM;UAClBD,KAAK,EAAEA,KAAK,IAAIA,KAAK,CAAC7B,IAAI,CAACC,KAAK,CAAC,IAAI4B,KAAK,CAAC7B,IAAI,CAACC,KAAK,CAAC,CAAC,CAAC;QAAE,GAEzD0B,KAAK,CAACI,QACoB,CAAC;MAElC;MAEA,IAAIf,IAAI,CAAC9D,IAAI,KAAK,mBAAmB,EAAE;QACrC,IAAQ8C,KAAI,GAAKgB,IAAI,CAAbhB,IAAI;QAEZ,oBACEvE,MAAA,YAAA4B,aAAA,CAAClB,eAAA,WAAc;UAACyF,UAAU,EAAEA,UAAW;UAAC5B,IAAI,EAAEA,KAAK;UAACgC,CAAC,EAAEhB,IAAK;UAACiB,SAAS,EAAEN,KAAM;UAAC5E,IAAI,EAAEA;QAAK,GACvF4E,KAAK,CAACI,QACO,CAAC;MAErB;MAEA,IAAIf,IAAI,CAAC9D,IAAI,KAAK,iBAAiB,EAAE;QACnC,IAAQ8C,MAAI,GAAKgB,IAAI,CAAbhB,IAAI;QAEZ,oBACEvE,MAAA,YAAA4B,aAAA,CAACnB,eAAA,WAAc;UAAC0F,UAAU,EAAEA,UAAW;UAACM,YAAY,EAAElC,MAAI,CAAC8B;QAAM,GAC9DH,KAAK,CAACI,QACO,CAAC;MAErB;IACF,CAAC;IACDI,MAAM,WAAAA,OAACC,KAAK,EAAEC,MAAM,EAAE3E,MAAM,EAAE;MAC5B,IAAM4E,SAAS,GAAGF,KAAK,CAACG,MAAM,CAACC,OAAO,CAAC,YAAY,CAAC;MACpD,IAAMC,MAAM,GAAG/E,MAAM,CAACoE,KAAK,CAACY,QAAQ,CAACC,cAAc,CAAC,UAAC1F,CAAC;QAAA,OAAKA,CAAC,CAAC2F,GAAG,KAAKN,SAAS,CAACO,OAAO,CAACD,GAAG;MAAA,EAAC;MAE3F,IAAIH,MAAM,CAACvF,IAAI,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAK;MACd;IACF;EACF,CAAC;AACH;AAEO,IAAM4F,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,WAAW,WAAAA,YAACC,EAAE,EAAE;IACd,IAAM/F,IAAI,GAAG+F,EAAE,CAACJ,OAAO,IAAII,EAAE,CAACJ,OAAO,CAAC3F,IAAI;IAE1C,QAAQA,IAAI;MACV,KAAK,iBAAiB;QACpB,OAAO,IAAAgG,qBAAG,EAAC,SAAS,EAAE;UACpBhG,IAAI,EAAE,iBAAiB;UACvB8C,IAAI,EAAE;YACJC,KAAK,EAAEgD,EAAE,CAACJ,OAAO,CAAC5C,KAAK;YACvB6B,KAAK,EAAEmB,EAAE,CAACJ,OAAO,CAACf;UACpB;QACF,CAAC,CAAC;MACJ,KAAK,+BAA+B;QAClC,OAAO,IAAAoB,qBAAG,EAAC,SAAS,EAAE;UACpBhG,IAAI,EAAE,+BAA+B;UACrC8C,IAAI,EAAE;YACJC,KAAK,EAAEgD,EAAE,CAACJ,OAAO,CAAC5C,KAAK;YACvB6B,KAAK,EAAEmB,EAAE,CAACJ,OAAO,CAACf;UACpB;QACF,CAAC,CAAC;MACJ,KAAK,mBAAmB;QACtB,OAAO,IAAAoB,qBAAG,EAAC,SAAS,EAAE;UACpBhG,IAAI,EAAE,mBAAmB;UACzB8C,IAAI,EAAE;YACJC,KAAK,EAAEgD,EAAE,CAACJ,OAAO,CAAC5C,KAAK;YACvBkD,EAAE,EAAEF,EAAE,CAACJ,OAAO,CAACM,EAAE;YACjBrB,KAAK,EAAEmB,EAAE,CAACJ,OAAO,CAACf,KAAK;YACvBsB,OAAO,EAAEH,EAAE,CAACJ,OAAO,CAACO;UACtB;QACF,CAAC,CAAC;IACN;EACF,CAAC;EACDC,SAAS,WAAAA,UAACC,MAAM,EAAE;IAChB,QAAQA,MAAM,CAACpG,IAAI;MACjB,KAAK,iBAAiB;QAAE;UACtB,IAAM8C,IAAI,GAAGsD,MAAM,CAACtD,IAAI;UAExB,oBAAOvE,MAAA,YAAA4B,aAAA;YAAM,aAAU,iBAAiB;YAAC,cAAY2C,IAAI,CAACC,KAAM;YAAC,cAAYD,IAAI,CAAC8B;UAAM,CAAE,CAAC;QAC7F;MACA,KAAK,+BAA+B;QAAE;UACpC,IAAM9B,MAAI,GAAGsD,MAAM,CAACtD,IAAI;UAExB,oBAAOvE,MAAA,YAAA4B,aAAA;YAAM,aAAU,+BAA+B;YAAC,cAAY2C,MAAI,CAACC,KAAM;YAAC,cAAYD,MAAI,CAAC8B;UAAM,CAAE,CAAC;QAC3G;MACA,KAAK,mBAAmB;QAAE;UACxB,IAAM9B,MAAI,GAAGsD,MAAM,CAACtD,IAAI;UAExB,oBACEvE,MAAA,YAAA4B,aAAA;YACE,aAAU,mBAAmB;YAC7B,cAAY2C,MAAI,CAACC,KAAM;YACvB,WAASD,MAAI,CAACmD,EAAG;YACjB,cAAYnD,MAAI,CAAC8B,KAAM;YACvB,iBAAe9B,MAAI,CAACoD;UAAQ,CAC7B,CAAC;QAEN;IACF;EACF;AACF,CAAC"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/respArea/inline-dropdown/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _icons = require("../icons");
+var InlineDropdown = function InlineDropdown(_ref) {
+  var attributes = _ref.attributes,
+    children = _ref.children,
+    selectedItem = _ref.selectedItem;
+  // Needed because items with values inside have different positioning for some reason
+  var html = selectedItem || '<div>&nbsp</div>';
+  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
+    contentEditable: false,
+    style: {
+      display: 'inline-flex',
+      height: '50px',
+      margin: '0 5px',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/_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'
+    }
+  }, children, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      flex: 1,
+      overflow: 'hidden',
+      padding: '0 25px 0 8px',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      lineHeight: '35px'
+    },
+    dangerouslySetInnerHTML: {
+      __html: html
+    }
+  }), /*#__PURE__*/_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 = exports["default"] = InlineDropdown;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/respArea/inline-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icons","InlineDropdown","_ref","attributes","children","selectedItem","html","createElement","_extends2","contentEditable","style","display","height","margin","cursor","minWidth","background","border","boxSizing","borderRadius","position","flex","overflow","padding","whiteSpace","textOverflow","lineHeight","dangerouslySetInnerHTML","__html","Chevron","direction","top","right","propTypes","PropTypes","object","oneOfType","string","_default","exports"],"sources":["../../../../../src/code/editable-html/plugins/respArea/inline-dropdown/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Chevron } from '../icons';\n\nconst InlineDropdown = ({ attributes, children, selectedItem }) => {\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      contentEditable={false}\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        {children}\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"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA+C;EAAA,IAAzCC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAC1D;EACA,IAAMC,IAAI,GAAGD,YAAY,IAAI,kBAAkB;EAE/C,oBACET,MAAA,YAAAW,aAAA,aAAAC,SAAA,iBACML,UAAU;IACdM,eAAe,EAAE,KAAM;IACvBC,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,OAAO;MACfC,MAAM,EAAE;IACV;EAAE,iBAEFlB,MAAA,YAAAW,aAAA;IACEG,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBI,QAAQ,EAAE,OAAO;MACjBH,MAAM,EAAE,MAAM;MACdI,UAAU,EAAE,MAAM;MAClBC,MAAM,EAAE,mBAAmB;MAC3BC,SAAS,EAAE,YAAY;MACvBC,YAAY,EAAE,KAAK;MACnBC,QAAQ,EAAE;IACZ;EAAE,GAEDhB,QAAQ,eACTR,MAAA,YAAAW,aAAA;IACEG,KAAK,EAAE;MACLW,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,QAAQ;MAClBC,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE,UAAU;MACxBC,UAAU,EAAE;IACd,CAAE;IACFC,uBAAuB,EAAE;MACvBC,MAAM,EAAEtB;IACV;EAAE,CACH,CAAC,eACFV,MAAA,YAAAW,aAAA,CAACP,MAAA,CAAA6B,OAAO;IACNC,SAAS,EAAC,MAAM;IAChBpB,KAAK,EAAE;MACLU,QAAQ,EAAE,UAAU;MACpBW,GAAG,EAAE,KAAK;MACVC,KAAK,EAAE;IACT;EAAE,CACH,CACE,CACD,CAAC;AAEX,CAAC;AAED/B,cAAc,CAACgC,SAAS,GAAG;EACzB9B,UAAU,EAAE+B,qBAAS,CAACC,MAAM;EAC5B9B,YAAY,EAAE6B,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,MAAM,EAAEH,qBAAS,CAACC,MAAM,CAAC;AACxE,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEatC,cAAc"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/respArea/utils.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNumber = exports.insertSnackBar = exports.getDefaultElement = exports.defaultIDD = exports.defaultECR = exports.defaultDIB = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));
+var isNumber = exports.isNumber = function isNumber(val) {
+  return !isNaN(parseFloat(val)) && isFinite(val);
+};
+var insertSnackBar = exports.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 = /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
+    anchorOrigin: {
+      vertical: 'top',
+      horizontal: 'center'
+    },
+    open: true,
+    ContentProps: {
+      'aria-describedby': 'message-id'
+    },
+    message: /*#__PURE__*/_react["default"].createElement("span", {
+      id: "message-id"
+    }, message)
+  });
+  _reactDom["default"].render(el, newEl);
+  document.body.appendChild(newEl);
+  setTimeout(function () {
+    newEl.remove();
+  }, 2000);
+};
+var defaultECR = exports.defaultECR = function defaultECR(index) {
+  return {
+    type: 'explicit_constructed_response',
+    children: [{
+      text: ''
+    }],
+    data: {
+      index: index
+    }
+  };
+};
+var defaultDIB = exports.defaultDIB = function defaultDIB(opts, index) {
+  return {
+    type: 'drag_in_the_blank',
+    children: [{
+      text: ''
+    }],
+    data: {
+      index: index,
+      duplicates: opts.options.duplicates,
+      value: null
+    }
+  };
+};
+var defaultIDD = exports.defaultIDD = function defaultIDD(index) {
+  return {
+    type: 'inline_dropdown',
+    children: [{
+      text: ''
+    }],
+    data: {
+      index: index
+    }
+  };
+};
+var getDefaultElement = exports.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);
+  }
+};
+//# sourceMappingURL=utils.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/respArea/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_react","_interopRequireDefault","require","_reactDom","_Snackbar","isNumber","exports","val","isNaN","parseFloat","isFinite","insertSnackBar","message","prevSnacks","document","querySelectorAll","forEach","s","remove","newEl","createElement","className","el","anchorOrigin","vertical","horizontal","open","ContentProps","id","ReactDOM","render","body","appendChild","setTimeout","defaultECR","index","type","children","text","data","defaultDIB","opts","duplicates","options","value","defaultIDD","getDefaultElement"],"sources":["../../../../src/code/editable-html/plugins/respArea/utils.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\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  type: 'explicit_constructed_response',\n  children: [{ text: '' }],\n  data: {\n    index,\n  },\n});\n\nexport const defaultDIB = (opts, index) => ({\n  type: 'drag_in_the_blank',\n  children: [{ text: '' }],\n  data: {\n    index,\n    duplicates: opts.options.duplicates,\n    value: null,\n  },\n});\n\nexport const defaultIDD = (index) => ({\n  type: 'inline_dropdown',\n  children: [{ text: '' }],\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\n    case 'drag-in-the-blank':\n      return defaultDIB(opts, index);\n\n    default:\n      // inline-dropdown\n      return defaultIDD(index);\n  }\n};\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/editable-html/plugins/table/icons/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RemoveTable = exports.RemoveRow = exports.RemoveColumn = exports.AddRow = exports.AddColumn = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@material-ui/core/styles");
+var styles = {
+  icon: {
+    fill: 'grey',
+    '&:hover': {
+      fill: 'black'
+    }
+  }
+};
+var SvgIcon = function SvgIcon(Component) {
+  return (0, _styles.withStyles)(styles)(function (props) {
+    return /*#__PURE__*/_react["default"].createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24"
+    }, /*#__PURE__*/_react["default"].createElement(Component, {
+      className: props.classes.icon
+    }));
+  });
+};
+var AddRow = exports.AddRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
+    d: "M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z"
+  }));
+});
+var RemoveRow = exports.RemoveRow = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, 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"
+  }));
+});
+var AddColumn = exports.AddColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, props, {
+    d: "M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z"
+  }));
+});
+var RemoveColumn = exports.RemoveColumn = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, 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"
+  }));
+});
+var RemoveTable = exports.RemoveTable = SvgIcon(function (props) {
+  return /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({}, 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"
+  }));
+});
+//# sourceMappingURL=index.js.map