@pie-lib/mask-markup 2.0.0-beta.1 → 2.0.0-next.0

package/lib/drag-in-the-blank.js

@@ -1,53 +1,45 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _mathRendering = require("@pie-lib/math-rendering");
-
+var _drag = require("@pie-lib/drag");
+var _core = require("@dnd-kit/core");
 var _choices = _interopRequireDefault(require("./choices"));
-
+var _choice = _interopRequireDefault(require("./choices/choice"));
 var _blank = _interopRequireDefault(require("./components/blank"));
-
 var _withMask = require("./with-mask");
-
-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; } }
-
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 Masked = (0, _withMask.withMask)('blank', function (props) {
-  return function (node, data, onChange) {
-    var dataset = node.data ? node.data.dataset || {} : {};
-
+  return function (node, data, _onChange) {
+    var _node$data;
+    var dataset = ((_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.dataset) || {};
     if (dataset.component === 'blank') {
+      // eslint-disable-next-line react/prop-types
       var disabled = props.disabled,
-          duplicates = props.duplicates,
-          correctResponse = props.correctResponse,
-          feedback = props.feedback,
-          showCorrectAnswer = props.showCorrectAnswer;
+        duplicates = props.duplicates,
+        correctResponse = props.correctResponse,
+        feedback = props.feedback,
+        showCorrectAnswer = props.showCorrectAnswer,
+        emptyResponseAreaWidth = props.emptyResponseAreaWidth,
+        emptyResponseAreaHeight = props.emptyResponseAreaHeight,
+        instanceId = props.instanceId,
+        isDragging = props.isDragging;
       var choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];
+      // eslint-disable-next-line react/prop-types
       var choice = choiceId && props.choices.find(function (c) {
         return c.id === choiceId;
       });
@@ -58,100 +50,164 @@ var Masked = (0, _withMask.withMask)('blank', function (props) {
         duplicates: duplicates,
         choice: choice,
         id: dataset.id,
-        onChange: onChange
+        emptyResponseAreaWidth: emptyResponseAreaWidth,
+        emptyResponseAreaHeight: emptyResponseAreaHeight,
+        onChange: function onChange(id, choiceId) {
+          var newData = _objectSpread({}, data);
+          if (choiceId === undefined) {
+            delete newData[id];
+          } else {
+            newData[id] = choiceId;
+          }
+          _onChange(newData);
+        },
+        instanceId: instanceId,
+        isDragging: isDragging
       });
     }
   };
 });
-
-var DragInTheBlank = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DragInTheBlank, _React$Component);
-
-  var _super = _createSuper(DragInTheBlank);
-
-  function DragInTheBlank() {
+var DragInTheBlank = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function DragInTheBlank(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, DragInTheBlank);
-
-    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), "getPositionDirection", function (choicePosition) {
+    _this = _callSuper(this, DragInTheBlank, [props]);
+    (0, _defineProperty2["default"])(_this, "handleDragStart", function (event) {
+      var _active$data;
+      var active = event.active;
+      if (active !== null && active !== void 0 && (_active$data = active.data) !== null && _active$data !== void 0 && _active$data.current) {
+        _this.setState({
+          activeDragItem: active.data.current
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "renderDragOverlay", function () {
+      var activeDragItem = _this.state.activeDragItem;
+      if (!activeDragItem) return null;
+      if (activeDragItem.type === 'MaskBlank') {
+        return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+          disabled: activeDragItem.disabled,
+          choice: activeDragItem.choice,
+          instanceId: activeDragItem.instanceId
+        });
+      }
+      return null;
+    });
+    (0, _defineProperty2["default"])(_this, "handleDragEnd", function (event) {
+      var _dropData$accepts;
+      var active = event.active,
+        over = event.over;
+      var _this$props = _this.props,
+        onChange = _this$props.onChange,
+        value = _this$props.value;
+      if (!over || !active || !onChange) {
+        return;
+      }
+      var draggedData = active.data.current;
+      var dropData = over.data.current;
+      if ((draggedData === null || draggedData === void 0 ? void 0 : draggedData.type) === 'MaskBlank' && dropData !== null && dropData !== void 0 && (_dropData$accepts = dropData.accepts) !== null && _dropData$accepts !== void 0 && _dropData$accepts.includes('MaskBlank')) {
+        var draggedItem = draggedData;
+        var targetId = dropData.id;
+
+        // drop from choice to blank (placing choice into response)
+        if (draggedItem.fromChoice === true) {
+          var newValue = _objectSpread({}, value);
+          newValue[targetId] = draggedItem.choice.id;
+          onChange(newValue);
+        } else if (dropData.toChoiceBoard === true) {
+          // handle drop from blank to choice board (removal from blank)
+          var _newValue = _objectSpread({}, value);
+          delete _newValue[draggedItem.id];
+          onChange(_newValue);
+        }
+        // handle drop from blank to blank (changing position)
+        else if (draggedItem.id !== targetId) {
+          var _newValue2 = _objectSpread({}, value);
+          _newValue2[targetId] = draggedItem.choice.id;
+          delete _newValue2[draggedItem.id];
+          onChange(_newValue2);
+        }
+      }
+      _this.setState({
+        activeDragItem: null
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "getPositionDirection", function (choicePosition) {
       var flexDirection;
-
+      var justifyContent;
+      var alignItems;
       switch (choicePosition) {
         case 'left':
           flexDirection = 'row';
+          alignItems = 'center';
           break;
-
         case 'right':
           flexDirection = 'row-reverse';
+          justifyContent = 'flex-end';
+          alignItems = 'center';
           break;
-
         case 'below':
           flexDirection = 'column-reverse';
           break;
-
         default:
           // above
           flexDirection = 'column';
           break;
       }
-
-      return flexDirection;
+      return {
+        flexDirection: flexDirection,
+        justifyContent: justifyContent,
+        alignItems: alignItems
+      };
     });
+    _this.state = {
+      activeDragItem: null
+    };
     return _this;
   }
-
-  (0, _createClass2["default"])(DragInTheBlank, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps() {
-      if (this.rootRef) {
-        (0, _mathRendering.renderMath)(this.rootRef);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      (0, _mathRendering.renderMath)(this.rootRef);
-    }
-  }, {
+  (0, _inherits2["default"])(DragInTheBlank, _React$Component);
+  return (0, _createClass2["default"])(DragInTheBlank, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
-      var _this$props = this.props,
-          markup = _this$props.markup,
-          duplicates = _this$props.duplicates,
-          layout = _this$props.layout,
-          value = _this$props.value,
-          onChange = _this$props.onChange,
-          choicesPosition = _this$props.choicesPosition,
-          choices = _this$props.choices,
-          correctResponse = _this$props.correctResponse,
-          disabled = _this$props.disabled,
-          feedback = _this$props.feedback,
-          showCorrectAnswer = _this$props.showCorrectAnswer;
+      var _this$props2 = this.props,
+        markup = _this$props2.markup,
+        duplicates = _this$props2.duplicates,
+        value = _this$props2.value,
+        onChange = _this$props2.onChange,
+        choicesPosition = _this$props2.choicesPosition,
+        choices = _this$props2.choices,
+        correctResponse = _this$props2.correctResponse,
+        disabled = _this$props2.disabled,
+        feedback = _this$props2.feedback,
+        showCorrectAnswer = _this$props2.showCorrectAnswer,
+        emptyResponseAreaWidth = _this$props2.emptyResponseAreaWidth,
+        emptyResponseAreaHeight = _this$props2.emptyResponseAreaHeight,
+        layout = _this$props2.layout,
+        instanceId = _this$props2.instanceId;
       var choicePosition = choicesPosition || 'below';
-      var style = {
+      var style = _objectSpread({
         display: 'flex',
-        flexDirection: this.getPositionDirection(choicePosition)
-      };
-      return /*#__PURE__*/_react["default"].createElement("div", {
+        minWidth: '100px'
+      }, this.getPositionDirection(choicePosition));
+      return /*#__PURE__*/_react["default"].createElement(_drag.DragProvider, {
+        onDragStart: this.handleDragStart,
+        onDragEnd: this.handleDragEnd,
+        collisionDetection: _core.closestCenter
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         ref: function ref(_ref) {
-          return _ref && (_this2.rootRef = _ref);
+          return _this2.rootRef = _ref;
         },
         style: style
       }, /*#__PURE__*/_react["default"].createElement(_choices["default"], {
         choicePosition: choicePosition,
-        duplicates: duplicates,
         choices: choices,
         value: value,
-        disabled: disabled
+        duplicates: duplicates,
+        disabled: disabled,
+        instanceId: instanceId
       }), /*#__PURE__*/_react["default"].createElement(Masked, {
+        elementType: "drag-in-the-blank",
         markup: markup,
         layout: layout,
         value: value,
@@ -161,28 +217,36 @@ var DragInTheBlank = /*#__PURE__*/function (_React$Component) {
         duplicates: duplicates,
         feedback: feedback,
         correctResponse: correctResponse,
-        showCorrectAnswer: showCorrectAnswer
-      }));
+        showCorrectAnswer: showCorrectAnswer,
+        emptyResponseAreaWidth: emptyResponseAreaWidth,
+        emptyResponseAreaHeight: emptyResponseAreaHeight,
+        instanceId: instanceId,
+        isDragging: !!this.state.activeDragItem
+      }), /*#__PURE__*/_react["default"].createElement(_core.DragOverlay, {
+        style: {
+          pointerEvents: "none"
+        }
+      }, this.renderDragOverlay())));
     }
   }]);
-  return DragInTheBlank;
 }(_react["default"].Component);
-
-exports["default"] = DragInTheBlank;
 (0, _defineProperty2["default"])(DragInTheBlank, "propTypes", {
   markup: _propTypes["default"].string,
   layout: _propTypes["default"].object,
   choicesPosition: _propTypes["default"].string,
-  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    label: _propTypes["default"].string,
-    value: _propTypes["default"].string
-  })),
+  choices: _propTypes["default"].array,
   value: _propTypes["default"].object,
   onChange: _propTypes["default"].func,
   duplicates: _propTypes["default"].bool,
   disabled: _propTypes["default"].bool,
   feedback: _propTypes["default"].object,
   correctResponse: _propTypes["default"].object,
-  showCorrectAnswer: _propTypes["default"].bool
+  showCorrectAnswer: _propTypes["default"].bool,
+  emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  instanceId: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(DragInTheBlank, "defaultProps", {
+  instanceId: 'drag-in-the-blank'
 });
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJNYXNrZWQiLCJ3aXRoTWFzayIsInByb3BzIiwibm9kZSIsImRhdGEiLCJvbkNoYW5nZSIsImRhdGFzZXQiLCJjb21wb25lbnQiLCJkaXNhYmxlZCIsImR1cGxpY2F0ZXMiLCJjb3JyZWN0UmVzcG9uc2UiLCJmZWVkYmFjayIsInNob3dDb3JyZWN0QW5zd2VyIiwiY2hvaWNlSWQiLCJpZCIsImNob2ljZSIsImNob2ljZXMiLCJmaW5kIiwiYyIsInR5cGUiLCJEcmFnSW5UaGVCbGFuayIsImNob2ljZVBvc2l0aW9uIiwiZmxleERpcmVjdGlvbiIsInJvb3RSZWYiLCJyZW5kZXJNYXRoIiwibWFya3VwIiwibGF5b3V0IiwidmFsdWUiLCJjaG9pY2VzUG9zaXRpb24iLCJzdHlsZSIsImRpc3BsYXkiLCJnZXRQb3NpdGlvbkRpcmVjdGlvbiIsInJlZiIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwic3RyaW5nIiwib2JqZWN0IiwiYXJyYXlPZiIsInNoYXBlIiwibGFiZWwiLCJmdW5jIiwiYm9vbCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmFnLWluLXRoZS1ibGFuay5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyByZW5kZXJNYXRoIH0gZnJvbSAnQHBpZS1saWIvbWF0aC1yZW5kZXJpbmcnO1xuaW1wb3J0IENob2ljZXMgZnJvbSAnLi9jaG9pY2VzJztcbmltcG9ydCBCbGFuayBmcm9tICcuL2NvbXBvbmVudHMvYmxhbmsnO1xuaW1wb3J0IHsgd2l0aE1hc2sgfSBmcm9tICcuL3dpdGgtbWFzayc7XG5cbmNvbnN0IE1hc2tlZCA9IHdpdGhNYXNrKCdibGFuaycsIHByb3BzID0+IChub2RlLCBkYXRhLCBvbkNoYW5nZSkgPT4ge1xuICBjb25zdCBkYXRhc2V0ID0gbm9kZS5kYXRhID8gbm9kZS5kYXRhLmRhdGFzZXQgfHwge30gOiB7fTtcblxuICBpZiAoZGF0YXNldC5jb21wb25lbnQgPT09ICdibGFuaycpIHtcbiAgICBjb25zdCB7IGRpc2FibGVkLCBkdXBsaWNhdGVzLCBjb3JyZWN0UmVzcG9uc2UsIGZlZWRiYWNrLCBzaG93Q29ycmVjdEFuc3dlciB9ID0gcHJvcHM7XG4gICAgY29uc3QgY2hvaWNlSWQgPSBzaG93Q29ycmVjdEFuc3dlciA/IGNvcnJlY3RSZXNwb25zZVtkYXRhc2V0LmlkXSA6IGRhdGFbZGF0YXNldC5pZF07XG4gICAgY29uc3QgY2hvaWNlID0gY2hvaWNlSWQgJiYgcHJvcHMuY2hvaWNlcy5maW5kKGMgPT4gYy5pZCA9PT0gY2hvaWNlSWQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxCbGFua1xuICAgICAgICBrZXk9e2Ake25vZGUudHlwZX0tJHtkYXRhc2V0LmlkfWB9XG4gICAgICAgIGNvcnJlY3Q9e3Nob3dDb3JyZWN0QW5zd2VyIHx8IChmZWVkYmFjayAmJiBmZWVkYmFja1tkYXRhc2V0LmlkXSl9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgZHVwbGljYXRlcz17ZHVwbGljYXRlc31cbiAgICAgICAgY2hvaWNlPXtjaG9pY2V9XG4gICAgICAgIGlkPXtkYXRhc2V0LmlkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAvPlxuICAgICk7XG4gIH1cbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBEcmFnSW5UaGVCbGFuayBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgbWFya3VwOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGxheW91dDogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjaG9pY2VzUG9zaXRpb246IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgY2hvaWNlczogUHJvcFR5cGVzLmFycmF5T2YoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoeyBsYWJlbDogUHJvcFR5cGVzLnN0cmluZywgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcgfSlcbiAgICApLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBkdXBsaWNhdGVzOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgZmVlZGJhY2s6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgY29ycmVjdFJlc3BvbnNlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIHNob3dDb3JyZWN0QW5zd2VyOiBQcm9wVHlwZXMuYm9vbFxuICB9O1xuXG4gIGNvbXBvbmVudFdpbGxSZWNlaXZlUHJvcHMoKSB7XG4gICAgaWYgKHRoaXMucm9vdFJlZikge1xuICAgICAgcmVuZGVyTWF0aCh0aGlzLnJvb3RSZWYpO1xuICAgIH1cbiAgfVxuXG4gIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICByZW5kZXJNYXRoKHRoaXMucm9vdFJlZik7XG4gIH1cblxuICBnZXRQb3NpdGlvbkRpcmVjdGlvbiA9IGNob2ljZVBvc2l0aW9uID0+IHtcbiAgICBsZXQgZmxleERpcmVjdGlvbjtcblxuICAgIHN3aXRjaCAoY2hvaWNlUG9zaXRpb24pIHtcbiAgICAgIGNhc2UgJ2xlZnQnOlxuICAgICAgICBmbGV4RGlyZWN0aW9uID0gJ3Jvdyc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAncmlnaHQnOlxuICAgICAgICBmbGV4RGlyZWN0aW9uID0gJ3Jvdy1yZXZlcnNlJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdiZWxvdyc6XG4gICAgICAgIGZsZXhEaXJlY3Rpb24gPSAnY29sdW1uLXJldmVyc2UnO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIC8vIGFib3ZlXG4gICAgICAgIGZsZXhEaXJlY3Rpb24gPSAnY29sdW1uJztcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZsZXhEaXJlY3Rpb247XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIG1hcmt1cCxcbiAgICAgIGR1cGxpY2F0ZXMsXG4gICAgICBsYXlvdXQsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgY2hvaWNlc1Bvc2l0aW9uLFxuICAgICAgY2hvaWNlcyxcbiAgICAgIGNvcnJlY3RSZXNwb25zZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgZmVlZGJhY2ssXG4gICAgICBzaG93Q29ycmVjdEFuc3dlclxuICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgY29uc3QgY2hvaWNlUG9zaXRpb24gPSBjaG9pY2VzUG9zaXRpb24gfHwgJ2JlbG93JztcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGZsZXhEaXJlY3Rpb246IHRoaXMuZ2V0UG9zaXRpb25EaXJlY3Rpb24oY2hvaWNlUG9zaXRpb24pXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IHJlZj17cmVmID0+IHJlZiAmJiAodGhpcy5yb290UmVmID0gcmVmKX0gc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgPENob2ljZXNcbiAgICAgICAgICBjaG9pY2VQb3NpdGlvbj17Y2hvaWNlUG9zaXRpb259XG4gICAgICAgICAgZHVwbGljYXRlcz17ZHVwbGljYXRlc31cbiAgICAgICAgICBjaG9pY2VzPXtjaG9pY2VzfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIC8+XG4gICAgICAgIDxNYXNrZWRcbiAgICAgICAgICBtYXJrdXA9e21hcmt1cH1cbiAgICAgICAgICBsYXlvdXQ9e2xheW91dH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgY2hvaWNlcz17Y2hvaWNlc31cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGR1cGxpY2F0ZXM9e2R1cGxpY2F0ZXN9XG4gICAgICAgICAgZmVlZGJhY2s9e2ZlZWRiYWNrfVxuICAgICAgICAgIGNvcnJlY3RSZXNwb25zZT17Y29ycmVjdFJlc3BvbnNlfVxuICAgICAgICAgIHNob3dDb3JyZWN0QW5zd2VyPXtzaG93Q29ycmVjdEFuc3dlcn1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsTUFBTSxHQUFHLElBQUFDLGtCQUFBLEVBQVMsT0FBVCxFQUFrQixVQUFBQyxLQUFLO0VBQUEsT0FBSSxVQUFDQyxJQUFELEVBQU9DLElBQVAsRUFBYUMsUUFBYixFQUEwQjtJQUNsRSxJQUFNQyxPQUFPLEdBQUdILElBQUksQ0FBQ0MsSUFBTCxHQUFZRCxJQUFJLENBQUNDLElBQUwsQ0FBVUUsT0FBVixJQUFxQixFQUFqQyxHQUFzQyxFQUF0RDs7SUFFQSxJQUFJQSxPQUFPLENBQUNDLFNBQVIsS0FBc0IsT0FBMUIsRUFBbUM7TUFDakMsSUFBUUMsUUFBUixHQUErRU4sS0FBL0UsQ0FBUU0sUUFBUjtNQUFBLElBQWtCQyxVQUFsQixHQUErRVAsS0FBL0UsQ0FBa0JPLFVBQWxCO01BQUEsSUFBOEJDLGVBQTlCLEdBQStFUixLQUEvRSxDQUE4QlEsZUFBOUI7TUFBQSxJQUErQ0MsUUFBL0MsR0FBK0VULEtBQS9FLENBQStDUyxRQUEvQztNQUFBLElBQXlEQyxpQkFBekQsR0FBK0VWLEtBQS9FLENBQXlEVSxpQkFBekQ7TUFDQSxJQUFNQyxRQUFRLEdBQUdELGlCQUFpQixHQUFHRixlQUFlLENBQUNKLE9BQU8sQ0FBQ1EsRUFBVCxDQUFsQixHQUFpQ1YsSUFBSSxDQUFDRSxPQUFPLENBQUNRLEVBQVQsQ0FBdkU7TUFDQSxJQUFNQyxNQUFNLEdBQUdGLFFBQVEsSUFBSVgsS0FBSyxDQUFDYyxP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
+//# sourceMappingURL=drag-in-the-blank.js.map

package/lib/drag-in-the-blank.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-in-the-blank.js","names":["Masked","withMask","props","node","data","onChange","dataset","component","disabled","duplicates","correctResponse","feedback","showCorrectAnswer","choiceId","id","choice","choices","find","c","type","DragInTheBlank","choicePosition","flexDirection","rootRef","renderMath","markup","layout","value","choicesPosition","style","display","getPositionDirection","ref","React","Component","PropTypes","string","object","arrayOf","shape","label","func","bool"],"sources":["../src/drag-in-the-blank.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport Choices from './choices';\nimport Blank from './components/blank';\nimport { withMask } from './with-mask';\n\nconst Masked = withMask('blank', props => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n\n  if (dataset.component === 'blank') {\n    const { disabled, duplicates, correctResponse, feedback, showCorrectAnswer } = props;\n    const choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];\n    const choice = choiceId && props.choices.find(c => c.id === choiceId);\n\n    return (\n      <Blank\n        key={`${node.type}-${dataset.id}`}\n        correct={showCorrectAnswer || (feedback && feedback[dataset.id])}\n        disabled={disabled}\n        duplicates={duplicates}\n        choice={choice}\n        id={dataset.id}\n        onChange={onChange}\n      />\n    );\n  }\n});\n\nexport default class DragInTheBlank extends React.Component {\n  static propTypes = {\n    markup: PropTypes.string,\n    layout: PropTypes.object,\n    choicesPosition: PropTypes.string,\n    choices: PropTypes.arrayOf(\n      PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })\n    ),\n    value: PropTypes.object,\n    onChange: PropTypes.func,\n    duplicates: PropTypes.bool,\n    disabled: PropTypes.bool,\n    feedback: PropTypes.object,\n    correctResponse: PropTypes.object,\n    showCorrectAnswer: PropTypes.bool\n  };\n\n  componentWillReceiveProps() {\n    if (this.rootRef) {\n      renderMath(this.rootRef);\n    }\n  }\n\n  componentDidUpdate() {\n    renderMath(this.rootRef);\n  }\n\n  getPositionDirection = choicePosition => {\n    let flexDirection;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row';\n        break;\n      case 'right':\n        flexDirection = 'row-reverse';\n        break;\n      case 'below':\n        flexDirection = 'column-reverse';\n        break;\n      default:\n        // above\n        flexDirection = 'column';\n        break;\n    }\n\n    return flexDirection;\n  };\n\n  render() {\n    const {\n      markup,\n      duplicates,\n      layout,\n      value,\n      onChange,\n      choicesPosition,\n      choices,\n      correctResponse,\n      disabled,\n      feedback,\n      showCorrectAnswer\n    } = this.props;\n\n    const choicePosition = choicesPosition || 'below';\n    const style = {\n      display: 'flex',\n      flexDirection: this.getPositionDirection(choicePosition)\n    };\n\n    return (\n      <div ref={ref => ref && (this.rootRef = ref)} style={style}>\n        <Choices\n          choicePosition={choicePosition}\n          duplicates={duplicates}\n          choices={choices}\n          value={value}\n          disabled={disabled}\n        />\n        <Masked\n          markup={markup}\n          layout={layout}\n          value={value}\n          choices={choices}\n          onChange={onChange}\n          disabled={disabled}\n          duplicates={duplicates}\n          feedback={feedback}\n          correctResponse={correctResponse}\n          showCorrectAnswer={showCorrectAnswer}\n        />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAS,OAAT,EAAkB,UAAAC,KAAK;EAAA,OAAI,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;IAClE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;IAEA,IAAIA,OAAO,CAACC,SAAR,KAAsB,OAA1B,EAAmC;MACjC,IAAQC,QAAR,GAA+EN,KAA/E,CAAQM,QAAR;MAAA,IAAkBC,UAAlB,GAA+EP,KAA/E,CAAkBO,UAAlB;MAAA,IAA8BC,eAA9B,GAA+ER,KAA/E,CAA8BQ,eAA9B;MAAA,IAA+CC,QAA/C,GAA+ET,KAA/E,CAA+CS,QAA/C;MAAA,IAAyDC,iBAAzD,GAA+EV,KAA/E,CAAyDU,iBAAzD;MACA,IAAMC,QAAQ,GAAGD,iBAAiB,GAAGF,eAAe,CAACJ,OAAO,CAACQ,EAAT,CAAlB,GAAiCV,IAAI,CAACE,OAAO,CAACQ,EAAT,CAAvE;MACA,IAAMC,MAAM,GAAGF,QAAQ,IAAIX,KAAK,CAACc,OAAN,CAAcC,IAAd,CAAmB,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACJ,EAAF,KAASD,QAAb;MAAA,CAApB,CAA3B;MAEA,oBACE,gCAAC,iBAAD;QACE,GAAG,YAAKV,IAAI,CAACgB,IAAV,cAAkBb,OAAO,CAACQ,EAA1B,CADL;QAEE,OAAO,EAAEF,iBAAiB,IAAKD,QAAQ,IAAIA,QAAQ,CAACL,OAAO,CAACQ,EAAT,CAFrD;QAGE,QAAQ,EAAEN,QAHZ;QAIE,UAAU,EAAEC,UAJd;QAKE,MAAM,EAAEM,MALV;QAME,EAAE,EAAET,OAAO,CAACQ,EANd;QAOE,QAAQ,EAAET;MAPZ,EADF;IAWD;EACF,CApBqC;AAAA,CAAvB,CAAf;;IAsBqBe,c;;;;;;;;;;;;;;;6GA2BI,UAAAC,cAAc,EAAI;MACvC,IAAIC,aAAJ;;MAEA,QAAQD,cAAR;QACE,KAAK,MAAL;UACEC,aAAa,GAAG,KAAhB;UACA;;QACF,KAAK,OAAL;UACEA,aAAa,GAAG,aAAhB;UACA;;QACF,KAAK,OAAL;UACEA,aAAa,GAAG,gBAAhB;UACA;;QACF;UACE;UACAA,aAAa,GAAG,QAAhB;UACA;MAbJ;;MAgBA,OAAOA,aAAP;IACD,C;;;;;;WA9BD,qCAA4B;MAC1B,IAAI,KAAKC,OAAT,EAAkB;QAChB,IAAAC,yBAAA,EAAW,KAAKD,OAAhB;MACD;IACF;;;WAED,8BAAqB;MACnB,IAAAC,yBAAA,EAAW,KAAKD,OAAhB;IACD;;;WAwBD,kBAAS;MAAA;;MACP,kBAYI,KAAKrB,KAZT;MAAA,IACEuB,MADF,eACEA,MADF;MAAA,IAEEhB,UAFF,eAEEA,UAFF;MAAA,IAGEiB,MAHF,eAGEA,MAHF;MAAA,IAIEC,KAJF,eAIEA,KAJF;MAAA,IAKEtB,QALF,eAKEA,QALF;MAAA,IAMEuB,eANF,eAMEA,eANF;MAAA,IAOEZ,OAPF,eAOEA,OAPF;MAAA,IAQEN,eARF,eAQEA,eARF;MAAA,IASEF,QATF,eASEA,QATF;MAAA,IAUEG,QAVF,eAUEA,QAVF;MAAA,IAWEC,iBAXF,eAWEA,iBAXF;MAcA,IAAMS,cAAc,GAAGO,eAAe,IAAI,OAA1C;MACA,IAAMC,KAAK,GAAG;QACZC,OAAO,EAAE,MADG;QAEZR,aAAa,EAAE,KAAKS,oBAAL,CAA0BV,cAA1B;MAFH,CAAd;MAKA,oBACE;QAAK,GAAG,EAAE,aAAAW,IAAG;UAAA,OAAIA,IAAG,KAAK,MAAI,CAACT,OAAL,GAAeS,IAApB,CAAP;QAAA,CAAb;QAA8C,KAAK,EAAEH;MAArD,gBACE,gCAAC,mBAAD;QACE,cAAc,EAAER,cADlB;QAEE,UAAU,EAAEZ,UAFd;QAGE,OAAO,EAAEO,OAHX;QAIE,KAAK,EAAEW,KAJT;QAKE,QAAQ,EAAEnB;MALZ,EADF,eAQE,gCAAC,MAAD;QACE,MAAM,EAAEiB,MADV;QAEE,MAAM,EAAEC,MAFV;QAGE,KAAK,EAAEC,KAHT;QAIE,OAAO,EAAEX,OAJX;QAKE,QAAQ,EAAEX,QALZ;QAME,QAAQ,EAAEG,QANZ;QAOE,UAAU,EAAEC,UAPd;QAQE,QAAQ,EAAEE,QARZ;QASE,eAAe,EAAED,eATnB;QAUE,iBAAiB,EAAEE;MAVrB,EARF,CADF;IAuBD;;;EA7FyCqB,iBAAA,CAAMC,S;;;iCAA7Bd,c,eACA;EACjBK,MAAM,EAAEU,qBAAA,CAAUC,MADD;EAEjBV,MAAM,EAAES,qBAAA,CAAUE,MAFD;EAGjBT,eAAe,EAAEO,qBAAA,CAAUC,MAHV;EAIjBpB,OAAO,EAAEmB,qBAAA,CAAUG,OAAV,CACPH,qBAAA,CAAUI,KAAV,CAAgB;IAAEC,KAAK,EAAEL,qBAAA,CAAUC,MAAnB;IAA2BT,KAAK,EAAEQ,qBAAA,CAAUC;EAA5C,CAAhB,CADO,CAJQ;EAOjBT,KAAK,EAAEQ,qBAAA,CAAUE,MAPA;EAQjBhC,QAAQ,EAAE8B,qBAAA,CAAUM,IARH;EASjBhC,UAAU,EAAE0B,qBAAA,CAAUO,IATL;EAUjBlC,QAAQ,EAAE2B,qBAAA,CAAUO,IAVH;EAWjB/B,QAAQ,EAAEwB,qBAAA,CAAUE,MAXH;EAYjB3B,eAAe,EAAEyB,qBAAA,CAAUE,MAZV;EAajBzB,iBAAiB,EAAEuB,qBAAA,CAAUO;AAbZ,C"}
+{"version":3,"file":"drag-in-the-blank.js","names":["_react","_interopRequireDefault","require","_propTypes","_drag","_core","_choices","_choice","_blank","_withMask","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Masked","withMask","props","node","data","onChange","_node$data","dataset","component","disabled","duplicates","correctResponse","feedback","showCorrectAnswer","emptyResponseAreaWidth","emptyResponseAreaHeight","instanceId","isDragging","choiceId","id","choice","choices","find","c","createElement","key","concat","type","correct","newData","undefined","DragInTheBlank","exports","_React$Component","_this","_classCallCheck2","event","_active$data","active","current","setState","activeDragItem","state","_dropData$accepts","over","_this$props","value","draggedData","dropData","accepts","includes","draggedItem","targetId","fromChoice","newValue","toChoiceBoard","choicePosition","flexDirection","justifyContent","alignItems","_inherits2","_createClass2","render","_this2","_this$props2","markup","choicesPosition","layout","style","display","minWidth","getPositionDirection","DragProvider","onDragStart","handleDragStart","onDragEnd","handleDragEnd","collisionDetection","closestCenter","ref","rootRef","elementType","DragOverlay","pointerEvents","renderDragOverlay","React","Component","PropTypes","string","object","array","func","bool","oneOfType","number"],"sources":["../src/drag-in-the-blank.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DragProvider } from '@pie-lib/drag';\nimport { DragOverlay, closestCenter } from '@dnd-kit/core';\n\nimport Choices from './choices';\nimport Choice from './choices/choice';\nimport Blank from './components/blank';\nimport { withMask } from './with-mask';\n\nconst Masked = withMask('blank', (props) => (node, data, onChange) => {\n  const dataset = node.data?.dataset || {};\n  if (dataset.component === 'blank') {\n    // eslint-disable-next-line react/prop-types\n    const {\n      disabled,\n      duplicates,\n      correctResponse,\n      feedback,\n      showCorrectAnswer,\n      emptyResponseAreaWidth,\n      emptyResponseAreaHeight,\n      instanceId,\n      isDragging\n    } = props;\n    const choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];\n    // eslint-disable-next-line react/prop-types\n    const choice = choiceId && props.choices.find((c) => c.id === choiceId);\n\n    return (\n      <Blank\n        key={`${node.type}-${dataset.id}`}\n        correct={showCorrectAnswer || (feedback && feedback[dataset.id])}\n        disabled={disabled}\n        duplicates={duplicates}\n        choice={choice}\n        id={dataset.id}\n        emptyResponseAreaWidth={emptyResponseAreaWidth}\n        emptyResponseAreaHeight={emptyResponseAreaHeight}\n        onChange={(id, choiceId) => {\n          const newData = { ...data };\n          if (choiceId === undefined) {\n            delete newData[id];\n          } else {\n            newData[id] = choiceId;\n          }\n          onChange(newData);\n        }}\n        instanceId={instanceId}\n        isDragging={isDragging}\n      />\n    );\n  }\n});\n\nexport default class DragInTheBlank extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeDragItem: null,\n    };\n  }\n\n  static propTypes = {\n    markup: PropTypes.string,\n    layout: PropTypes.object,\n    choicesPosition: PropTypes.string,\n    choices: PropTypes.array,\n    value: PropTypes.object,\n    onChange: PropTypes.func,\n    duplicates: PropTypes.bool,\n    disabled: PropTypes.bool,\n    feedback: PropTypes.object,\n    correctResponse: PropTypes.object,\n    showCorrectAnswer: PropTypes.bool,\n    emptyResponseAreaWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    emptyResponseAreaHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    instanceId: PropTypes.string,\n  };\n\n  static defaultProps = {\n    instanceId: 'drag-in-the-blank',\n  };\n\n  handleDragStart = (event) => {\n    const { active } = event;\n\n    if (active?.data?.current) {\n      this.setState({\n        activeDragItem: active.data.current,\n      });\n    }\n  };\n\n  renderDragOverlay = () => {\n    const { activeDragItem } = this.state;\n    if (!activeDragItem) return null;\n\n    if (activeDragItem.type === 'MaskBlank') {\n      return (\n        <Choice\n          disabled={activeDragItem.disabled}\n          choice={activeDragItem.choice}\n          instanceId={activeDragItem.instanceId}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  handleDragEnd = (event) => {\n    const { active, over } = event;\n    const { onChange, value } = this.props;\n\n    if (!over || !active || !onChange) {\n      return;\n    }\n\n    const draggedData = active.data.current;\n    const dropData = over.data.current;\n\n    if (draggedData?.type === 'MaskBlank' && dropData?.accepts?.includes('MaskBlank')) {\n      const draggedItem = draggedData;\n      const targetId = dropData.id;\n\n      // drop from choice to blank (placing choice into response)\n      if (draggedItem.fromChoice === true) {\n        const newValue = { ...value };\n        newValue[targetId] = draggedItem.choice.id;\n        onChange(newValue);\n      } else if (dropData.toChoiceBoard === true) {\n        // handle drop from blank to choice board (removal from blank)\n        const newValue = { ...value };\n        delete newValue[draggedItem.id];\n        onChange(newValue);\n      }\n      // handle drop from blank to blank (changing position)\n      else if (draggedItem.id !== targetId) {\n        const newValue = { ...value };\n        newValue[targetId] = draggedItem.choice.id;\n        delete newValue[draggedItem.id];\n        onChange(newValue);\n      }\n    }\n    this.setState({ activeDragItem: null });\n  };\n\n  getPositionDirection = (choicePosition) => {\n    let flexDirection;\n    let justifyContent;\n    let alignItems;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row';\n        alignItems = 'center';\n        break;\n      case 'right':\n        flexDirection = 'row-reverse';\n        justifyContent = 'flex-end';\n        alignItems = 'center';\n        break;\n      case 'below':\n        flexDirection = 'column-reverse';\n        break;\n      default:\n        // above\n        flexDirection = 'column';\n        break;\n    }\n\n    return { flexDirection, justifyContent, alignItems };\n  };\n\n  render() {\n    const {\n      markup,\n      duplicates,\n      value,\n      onChange,\n      choicesPosition,\n      choices,\n      correctResponse,\n      disabled,\n      feedback,\n      showCorrectAnswer,\n      emptyResponseAreaWidth,\n      emptyResponseAreaHeight,\n      layout,\n      instanceId\n    } = this.props;\n\n    const choicePosition = choicesPosition || 'below';\n    const style = { display: 'flex', minWidth: '100px', ...this.getPositionDirection(choicePosition) };\n\n    return (\n      <DragProvider\n        onDragStart={this.handleDragStart}\n        onDragEnd={this.handleDragEnd}\n        collisionDetection={closestCenter}\n      >\n        <div ref={(ref) => (this.rootRef = ref)} style={style}>\n          <Choices\n            choicePosition={choicePosition}\n            choices={choices}\n            value={value}\n            duplicates={duplicates}\n            disabled={disabled}\n            instanceId={instanceId}\n          />\n          <Masked\n            elementType=\"drag-in-the-blank\"\n            markup={markup}\n            layout={layout}\n            value={value}\n            choices={choices}\n            onChange={onChange}\n            disabled={disabled}\n            duplicates={duplicates}\n            feedback={feedback}\n            correctResponse={correctResponse}\n            showCorrectAnswer={showCorrectAnswer}\n            emptyResponseAreaWidth={emptyResponseAreaWidth}\n            emptyResponseAreaHeight={emptyResponseAreaHeight}\n            instanceId={instanceId}\n            isDragging={!!this.state.activeDragItem}\n          />\n          <DragOverlay style={{ pointerEvents: \"none\" }}>\n            {this.renderDragOverlay()}\n          </DragOverlay>\n        </div>\n      </DragProvider>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,12 @@ Object.defineProperty(exports, "ConstructedResponse", {
     return _constructedResponse["default"];
   }
 });
+Object.defineProperty(exports, "Customizable", {
+  enumerable: true,
+  get: function get() {
+    return _customizable["default"];
+  }
+});
 Object.defineProperty(exports, "DragInTheBlank", {
   enumerable: true,
   get: function get() {
@@ -41,14 +46,10 @@ Object.defineProperty(exports, "withMask", {
     return _withMask.withMask;
   }
 });
-
 var _withMask = require("./with-mask");
-
 var _dragInTheBlank = _interopRequireDefault(require("./drag-in-the-blank"));
-
 var _constructedResponse = _interopRequireDefault(require("./constructed-response"));
-
+var _customizable = _interopRequireDefault(require("./customizable"));
 var _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
-
 var _componentize = _interopRequireDefault(require("./componentize"));
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHdpdGhNYXNrLCBidWlsZExheW91dEZyb21NYXJrdXAgfSBmcm9tICcuL3dpdGgtbWFzayc7XG5pbXBvcnQgRHJhZ0luVGhlQmxhbmsgZnJvbSAnLi9kcmFnLWluLXRoZS1ibGFuayc7XG5pbXBvcnQgQ29uc3RydWN0ZWRSZXNwb25zZSBmcm9tICcuL2NvbnN0cnVjdGVkLXJlc3BvbnNlJztcbmltcG9ydCBJbmxpbmVEcm9wZG93biBmcm9tICcuL2lubGluZS1kcm9wZG93bic7XG5pbXBvcnQgY29tcG9uZW50aXplIGZyb20gJy4vY29tcG9uZW50aXplJztcblxuZXhwb3J0IHtcbiAgd2l0aE1hc2ssXG4gIGJ1aWxkTGF5b3V0RnJvbU1hcmt1cCxcbiAgRHJhZ0luVGhlQmxhbmssXG4gIENvbnN0cnVjdGVkUmVzcG9uc2UsXG4gIElubGluZURyb3Bkb3duLFxuICBjb21wb25lbnRpemVcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0EifQ==
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import { withMask, buildLayoutFromMarkup } from './with-mask';\nimport DragInTheBlank from './drag-in-the-blank';\nimport ConstructedResponse from './constructed-response';\nimport InlineDropdown from './inline-dropdown';\nimport componentize from './componentize';\n\nexport {\n  withMask,\n  buildLayoutFromMarkup,\n  DragInTheBlank,\n  ConstructedResponse,\n  InlineDropdown,\n  componentize\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":["_withMask","require","_dragInTheBlank","_interopRequireDefault","_constructedResponse","_customizable","_inlineDropdown","_componentize"],"sources":["../src/index.js"],"sourcesContent":["import { withMask, buildLayoutFromMarkup } from './with-mask';\nimport DragInTheBlank from './drag-in-the-blank';\nimport ConstructedResponse from './constructed-response';\nimport Customizable from './customizable';\nimport InlineDropdown from './inline-dropdown';\nimport componentize from './componentize';\n\nexport {\n  withMask,\n  buildLayoutFromMarkup,\n  DragInTheBlank,\n  ConstructedResponse,\n  InlineDropdown,\n  componentize,\n  Customizable,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA","ignoreList":[]}

package/lib/inline-dropdown.js

@@ -1,27 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dropdown = _interopRequireDefault(require("./components/dropdown"));
-
 var _withMask = require("./with-mask");
-
-var _default = (0, _withMask.withMask)('dropdown', function (props) {
+// eslint-disable-next-line react/display-name
+var _default = exports["default"] = (0, _withMask.withMask)('dropdown', function (props) {
   return function (node, data, onChange) {
     var dataset = node.data ? node.data.dataset || {} : {};
-
     if (dataset.component === 'dropdown') {
+      // eslint-disable-next-line react/prop-types
       var choices = props.choices,
-          disabled = props.disabled,
-          feedback = props.feedback,
-          showCorrectAnswer = props.showCorrectAnswer;
+        disabled = props.disabled,
+        feedback = props.feedback,
+        showCorrectAnswer = props.showCorrectAnswer;
       var correctAnswer = choices && choices[dataset.id] && choices[dataset.id].find(function (c) {
         return c.correct;
       });
@@ -31,14 +27,14 @@ var _default = (0, _withMask.withMask)('dropdown', function (props) {
         correct: feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct',
         disabled: disabled || showCorrectAnswer,
         value: finalChoice,
+        correctValue: showCorrectAnswer ? correctAnswer && correctAnswer.label : undefined,
         id: dataset.id,
         onChange: onChange,
         choices: choices[dataset.id],
-        showCorrectAnswer: showCorrectAnswer
+        showCorrectAnswer: showCorrectAnswer,
+        singleQuery: Object.keys(choices).length == 1
       });
     }
   };
 });
-
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ3aXRoTWFzayIsInByb3BzIiwibm9kZSIsImRhdGEiLCJvbkNoYW5nZSIsImRhdGFzZXQiLCJjb21wb25lbnQiLCJjaG9pY2VzIiwiZGlzYWJsZWQiLCJmZWVkYmFjayIsInNob3dDb3JyZWN0QW5zd2VyIiwiY29ycmVjdEFuc3dlciIsImlkIiwiZmluZCIsImMiLCJjb3JyZWN0IiwiZmluYWxDaG9pY2UiLCJ2YWx1ZSIsInR5cGUiXSwic291cmNlcyI6WyIuLi9zcmMvaW5saW5lLWRyb3Bkb3duLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IERyb3Bkb3duIGZyb20gJy4vY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQgeyB3aXRoTWFzayB9IGZyb20gJy4vd2l0aC1tYXNrJztcblxuZXhwb3J0IGRlZmF1bHQgd2l0aE1hc2soJ2Ryb3Bkb3duJywgcHJvcHMgPT4gKG5vZGUsIGRhdGEsIG9uQ2hhbmdlKSA9PiB7XG4gIGNvbnN0IGRhdGFzZXQgPSBub2RlLmRhdGEgPyBub2RlLmRhdGEuZGF0YXNldCB8fCB7fSA6IHt9O1xuICBpZiAoZGF0YXNldC5jb21wb25lbnQgPT09ICdkcm9wZG93bicpIHtcbiAgICBjb25zdCB7IGNob2ljZXMsIGRpc2FibGVkLCBmZWVkYmFjaywgc2hvd0NvcnJlY3RBbnN3ZXIgfSA9IHByb3BzO1xuICAgIGNvbnN0IGNvcnJlY3RBbnN3ZXIgPVxuICAgICAgY2hvaWNlcyAmJiBjaG9pY2VzW2RhdGFzZXQuaWRdICYmIGNob2ljZXNbZGF0YXNldC5pZF0uZmluZChjID0+IGMuY29ycmVjdCk7XG4gICAgY29uc3QgZmluYWxDaG9pY2UgPSBzaG93Q29ycmVjdEFuc3dlciA/IGNvcnJlY3RBbnN3ZXIgJiYgY29ycmVjdEFuc3dlci52YWx1ZSA6IGRhdGFbZGF0YXNldC5pZF07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERyb3Bkb3duXG4gICAgICAgIGtleT17YCR7bm9kZS50eXBlfS1kcm9wZG93bi0ke2RhdGFzZXQuaWR9YH1cbiAgICAgICAgY29ycmVjdD17ZmVlZGJhY2sgJiYgZmVlZGJhY2tbZGF0YXNldC5pZF0gJiYgZmVlZGJhY2tbZGF0YXNldC5pZF0gPT09ICdjb3JyZWN0J31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IHNob3dDb3JyZWN0QW5zd2VyfVxuICAgICAgICB2YWx1ZT17ZmluYWxDaG9pY2V9XG4gICAgICAgIGlkPXtkYXRhc2V0LmlkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIGNob2ljZXM9e2Nob2ljZXNbZGF0YXNldC5pZF19XG4gICAgICAgIHNob3dDb3JyZWN0QW5zd2VyPXtzaG93Q29ycmVjdEFuc3dlcn1cbiAgICAgIC8+XG4gICAgKTtcbiAgfVxufSk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztlQUVlLElBQUFBLGtCQUFBLEVBQVMsVUFBVCxFQUFxQixVQUFBQyxLQUFLO0VBQUEsT0FBSSxVQUFDQyxJQUFELEVBQU9DLElBQVAsRUFBYUMsUUFBYixFQUEwQjtJQUNyRSxJQUFNQyxPQUFPLEdBQUdILElBQUksQ0FBQ0MsSUFBTCxHQUFZRCxJQUFJLENBQUNDLElBQUwsQ0FBVUUsT0FBVixJQUFxQixFQUFqQyxHQUFzQyxFQUF0RDs7SUFDQSxJQUFJQSxPQUFPLENBQUNDLFNBQVIsS0FBc0IsVUFBMUIsRUFBc0M7TUFDcEMsSUFBUUMsT0FBUixHQUEyRE4sS0FBM0QsQ0FBUU0sT0FBUjtNQUFBLElBQWlCQyxRQUFqQixHQUEyRFAsS0FBM0QsQ0FBaUJPLFFBQWpCO01BQUEsSUFBMkJDLFFBQTNCLEdBQTJEUixLQUEzRCxDQUEyQlEsUUFBM0I7TUFBQSxJQUFxQ0MsaUJBQXJDLEdBQTJEVCxLQUEzRCxDQUFxQ1MsaUJBQXJDO01BQ0EsSUFBTUMsYUFBYSxHQUNqQkosT0FBTyxJQUFJQSxPQUFPLENBQUNGLE9BQU8sQ0FBQ08sRUFBVCxDQUFsQixJQUFrQ0wsT0FBTyxDQUFDRixPQUFPLENBQUNPLEVBQVQsQ0FBUCxDQUFvQkMsSUFBcEIsQ0FBeUIsVUFBQUMsQ0FBQztRQUFBLE9BQUlBLENBQUMsQ0FBQ0MsT0FBTjtNQUFBLENBQTFCLENBRHBDO01BRUEsSUFBTUMsV0FBVyxHQUFHTixpQkFBaUIsR0FBR0MsYUFBYSxJQUFJQSxhQUFhLENBQUNNLEtBQWxDLEdBQTBDZCxJQUFJLENBQUNFLE9BQU8sQ0FBQ08sRUFBVCxDQUFuRjtNQUVBLG9CQUNFLGdDQUFDLG9CQUFEO1FBQ0UsR0FBRyxZQUFLVixJQUFJLENBQUNnQixJQUFWLHVCQUEyQmIsT0FBTyxDQUFDTyxFQUFuQyxDQURMO1FBRUUsT0FBTyxFQUFFSCxRQUFRLElBQUlBLFFBQVEsQ0FBQ0osT0FBTyxDQUFDTyxFQUFULENBQXBCLElBQW9DSCxRQUFRLENBQUNKLE9BQU8sQ0FBQ08sRUFBVCxDQUFSLEtBQXlCLFNBRnhFO1FBR0UsUUFBUSxFQUFFSixRQUFRLElBQUlFLGlCQUh4QjtRQUlFLEtBQUssRUFBRU0sV0FKVDtRQUtFLEVBQUUsRUFBRVgsT0FBTyxDQUFDTyxFQUxkO1FBTUUsUUFBUSxFQUFFUixRQU5aO1FBT0UsT0FBTyxFQUFFRyxPQUFPLENBQUNGLE9BQU8sQ0FBQ08sRUFBVCxDQVBsQjtRQVFFLGlCQUFpQixFQUFFRjtNQVJyQixFQURGO0lBWUQ7RUFDRixDQXJCd0M7QUFBQSxDQUExQixDIn0=
+//# sourceMappingURL=inline-dropdown.js.map

package/lib/inline-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-dropdown.js","names":["withMask","props","node","data","onChange","dataset","component","choices","disabled","feedback","showCorrectAnswer","correctAnswer","id","find","c","correct","finalChoice","value","type"],"sources":["../src/inline-dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport Dropdown from './components/dropdown';\nimport { withMask } from './with-mask';\n\nexport default withMask('dropdown', props => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'dropdown') {\n    const { choices, disabled, feedback, showCorrectAnswer } = props;\n    const correctAnswer =\n      choices && choices[dataset.id] && choices[dataset.id].find(c => c.correct);\n    const finalChoice = showCorrectAnswer ? correctAnswer && correctAnswer.value : data[dataset.id];\n\n    return (\n      <Dropdown\n        key={`${node.type}-dropdown-${dataset.id}`}\n        correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n        disabled={disabled || showCorrectAnswer}\n        value={finalChoice}\n        id={dataset.id}\n        onChange={onChange}\n        choices={choices[dataset.id]}\n        showCorrectAnswer={showCorrectAnswer}\n      />\n    );\n  }\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,kBAAA,EAAS,UAAT,EAAqB,UAAAC,KAAK;EAAA,OAAI,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;IACrE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;IACA,IAAIA,OAAO,CAACC,SAAR,KAAsB,UAA1B,EAAsC;MACpC,IAAQC,OAAR,GAA2DN,KAA3D,CAAQM,OAAR;MAAA,IAAiBC,QAAjB,GAA2DP,KAA3D,CAAiBO,QAAjB;MAAA,IAA2BC,QAA3B,GAA2DR,KAA3D,CAA2BQ,QAA3B;MAAA,IAAqCC,iBAArC,GAA2DT,KAA3D,CAAqCS,iBAArC;MACA,IAAMC,aAAa,GACjBJ,OAAO,IAAIA,OAAO,CAACF,OAAO,CAACO,EAAT,CAAlB,IAAkCL,OAAO,CAACF,OAAO,CAACO,EAAT,CAAP,CAAoBC,IAApB,CAAyB,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACC,OAAN;MAAA,CAA1B,CADpC;MAEA,IAAMC,WAAW,GAAGN,iBAAiB,GAAGC,aAAa,IAAIA,aAAa,CAACM,KAAlC,GAA0Cd,IAAI,CAACE,OAAO,CAACO,EAAT,CAAnF;MAEA,oBACE,gCAAC,oBAAD;QACE,GAAG,YAAKV,IAAI,CAACgB,IAAV,uBAA2Bb,OAAO,CAACO,EAAnC,CADL;QAEE,OAAO,EAAEH,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACO,EAAT,CAApB,IAAoCH,QAAQ,CAACJ,OAAO,CAACO,EAAT,CAAR,KAAyB,SAFxE;QAGE,QAAQ,EAAEJ,QAAQ,IAAIE,iBAHxB;QAIE,KAAK,EAAEM,WAJT;QAKE,EAAE,EAAEX,OAAO,CAACO,EALd;QAME,QAAQ,EAAER,QANZ;QAOE,OAAO,EAAEG,OAAO,CAACF,OAAO,CAACO,EAAT,CAPlB;QAQE,iBAAiB,EAAEF;MARrB,EADF;IAYD;EACF,CArBwC;AAAA,CAA1B,C"}
+{"version":3,"file":"inline-dropdown.js","names":["_react","_interopRequireDefault","require","_dropdown","_withMask","_default","exports","withMask","props","node","data","onChange","dataset","component","choices","disabled","feedback","showCorrectAnswer","correctAnswer","id","find","c","correct","finalChoice","value","createElement","key","concat","type","correctValue","label","undefined","singleQuery","Object","keys","length"],"sources":["../src/inline-dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport Dropdown from './components/dropdown';\nimport { withMask } from './with-mask';\n\n// eslint-disable-next-line react/display-name\nexport default withMask('dropdown', (props) => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'dropdown') {\n    // eslint-disable-next-line react/prop-types\n    const { choices, disabled, feedback, showCorrectAnswer } = props;\n    const correctAnswer = choices && choices[dataset.id] && choices[dataset.id].find((c) => c.correct);\n    const finalChoice = showCorrectAnswer ? correctAnswer && correctAnswer.value : data[dataset.id];\n\n    return (\n      <Dropdown\n        key={`${node.type}-dropdown-${dataset.id}`}\n        correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n        disabled={disabled || showCorrectAnswer}\n        value={finalChoice}\n        correctValue={showCorrectAnswer ? correctAnswer && correctAnswer.label : undefined}\n        id={dataset.id}\n        onChange={onChange}\n        choices={choices[dataset.id]}\n        showCorrectAnswer={showCorrectAnswer}\n        singleQuery={Object.keys(choices).length == 1}\n      />\n    );\n  }\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA;AAAA,IAAAG,QAAA,GAAAC,OAAA,cACe,IAAAC,kBAAQ,EAAC,UAAU,EAAE,UAACC,KAAK;EAAA,OAAK,UAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAK;IACvE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAI,GAAGD,IAAI,CAACC,IAAI,CAACE,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACxD,IAAIA,OAAO,CAACC,SAAS,KAAK,UAAU,EAAE;MACpC;MACA,IAAQC,OAAO,GAA4CN,KAAK,CAAxDM,OAAO;QAAEC,QAAQ,GAAkCP,KAAK,CAA/CO,QAAQ;QAAEC,QAAQ,GAAwBR,KAAK,CAArCQ,QAAQ;QAAEC,iBAAiB,GAAKT,KAAK,CAA3BS,iBAAiB;MACtD,IAAMC,aAAa,GAAGJ,OAAO,IAAIA,OAAO,CAACF,OAAO,CAACO,EAAE,CAAC,IAAIL,OAAO,CAACF,OAAO,CAACO,EAAE,CAAC,CAACC,IAAI,CAAC,UAACC,CAAC;QAAA,OAAKA,CAAC,CAACC,OAAO;MAAA,EAAC;MAClG,IAAMC,WAAW,GAAGN,iBAAiB,GAAGC,aAAa,IAAIA,aAAa,CAACM,KAAK,GAAGd,IAAI,CAACE,OAAO,CAACO,EAAE,CAAC;MAE/F,oBACEnB,MAAA,YAAAyB,aAAA,CAACtB,SAAA,WAAQ;QACPuB,GAAG,KAAAC,MAAA,CAAKlB,IAAI,CAACmB,IAAI,gBAAAD,MAAA,CAAaf,OAAO,CAACO,EAAE,CAAG;QAC3CG,OAAO,EAAEN,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACO,EAAE,CAAC,IAAIH,QAAQ,CAACJ,OAAO,CAACO,EAAE,CAAC,KAAK,SAAU;QAChFJ,QAAQ,EAAEA,QAAQ,IAAIE,iBAAkB;QACxCO,KAAK,EAAED,WAAY;QACnBM,YAAY,EAAEZ,iBAAiB,GAAGC,aAAa,IAAIA,aAAa,CAACY,KAAK,GAAGC,SAAU;QACnFZ,EAAE,EAAEP,OAAO,CAACO,EAAG;QACfR,QAAQ,EAAEA,QAAS;QACnBG,OAAO,EAAEA,OAAO,CAACF,OAAO,CAACO,EAAE,CAAE;QAC7BF,iBAAiB,EAAEA,iBAAkB;QACrCe,WAAW,EAAEC,MAAM,CAACC,IAAI,CAACpB,OAAO,CAAC,CAACqB,MAAM,IAAI;MAAE,CAC/C,CAAC;IAEN;EACF,CAAC;AAAA,EAAC","ignoreList":[]}