@pie-lib/mask-markup 3.0.4-next.0 → 3.0.4-next.102

package/lib/constructed-response.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _renderUi = require("@pie-lib/render-ui");
+var _withMask = require("./with-mask");
+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; }
+//import EditableHtml from '@pie-lib/editable-html-tip-tap';
+
+var EditableHtml;
+var StyledEditableHtml;
+
+// - mathquill error window not defined
+if (typeof window !== 'undefined') {
+  EditableHtml = require('@pie-lib/editable-html-tip-tap')['default'];
+  StyledEditableHtml = (0, _styles.styled)(EditableHtml)(function () {
+    return {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      margin: '4px',
+      borderRadius: '4px',
+      border: "1px solid ".concat(_renderUi.color.black()),
+      '&.correct': {
+        border: "1px solid ".concat(_renderUi.color.correct())
+      },
+      '&.incorrect': {
+        border: "1px solid ".concat(_renderUi.color.incorrect())
+      }
+    };
+  });
+}
+var MaskedInput = function MaskedInput(props) {
+  return function (node, data) {
+    var _node$data;
+    var adjustedLimit = props.adjustedLimit,
+      disabled = props.disabled,
+      feedback = props.feedback,
+      showCorrectAnswer = props.showCorrectAnswer,
+      maxLength = props.maxLength,
+      spellCheck = props.spellCheck,
+      pluginProps = props.pluginProps,
+      onChange = props.onChange;
+    var dataset = ((_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.dataset) || {};
+    if (dataset.component === 'input') {
+      var _pluginProps$characte;
+      var correctAnswer = (props.choices && dataset && props.choices[dataset.id] || [])[0];
+      var finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';
+      var width = maxLength && maxLength[dataset.id];
+      var feedbackStatus = feedback && feedback[dataset.id];
+      var isCorrect = showCorrectAnswer || feedbackStatus === 'correct';
+      var isIncorrect = !showCorrectAnswer && feedbackStatus === 'incorrect';
+      var handleInputChange = function handleInputChange(newValue) {
+        var updatedValue = _objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, dataset.id, newValue));
+        onChange(updatedValue);
+      };
+      var handleKeyDown = function handleKeyDown(event) {
+        // the keyCode value for the Enter/Return key is 13
+        if (event.key === 'Enter' || event.keyCode === 13) {
+          return true;
+        }
+      };
+      return /*#__PURE__*/_react["default"].createElement(StyledEditableHtml, {
+        id: dataset.id,
+        key: "".concat(node.type, "-input-").concat(dataset.id),
+        disabled: showCorrectAnswer || disabled,
+        disableUnderline: true,
+        onChange: handleInputChange,
+        markup: finalValue || '',
+        charactersLimit: adjustedLimit ? width : 25,
+        activePlugins: ['languageCharacters'],
+        pluginProps: pluginProps,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }],
+        spellCheck: spellCheck,
+        adjustWidthForLimit: true,
+        onKeyDown: handleKeyDown,
+        autoWidthToolbar: true,
+        toolbarOpts: {
+          minWidth: 'auto',
+          noBorder: true,
+          isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
+        },
+        className: (0, _classnames["default"])({
+          correct: isCorrect,
+          incorrect: isIncorrect
+        })
+      });
+    }
+  };
+};
+var _default = exports["default"] = (0, _withMask.withMask)('input', MaskedInput);
+//# sourceMappingURL=constructed-response.js.map

package/lib/constructed-response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constructed-response.js","names":["_react","_interopRequireDefault","require","_styles","_classnames","_renderUi","_withMask","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","EditableHtml","StyledEditableHtml","window","styled","display","verticalAlign","margin","borderRadius","border","concat","color","black","correct","incorrect","MaskedInput","props","node","data","_node$data","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","pluginProps","onChange","dataset","component","_pluginProps$characte","correctAnswer","choices","id","finalValue","label","width","feedbackStatus","isCorrect","isIncorrect","handleInputChange","newValue","updatedValue","handleKeyDown","event","key","keyCode","createElement","type","disableUnderline","markup","charactersLimit","activePlugins","languageCharactersProps","language","adjustWidthForLimit","onKeyDown","autoWidthToolbar","toolbarOpts","minWidth","noBorder","isHidden","characters","className","classnames","_default","exports","withMask"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { color } from '@pie-lib/render-ui';\nimport { withMask } from './with-mask';\n//import EditableHtml from '@pie-lib/editable-html-tip-tap';\n\nlet EditableHtml;\nlet StyledEditableHtml;\n\n// - mathquill error window not defined\nif (typeof window !== 'undefined') {\n  EditableHtml = require('@pie-lib/editable-html-tip-tap')['default'];\n  StyledEditableHtml = styled(EditableHtml)(() => ({\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    margin: '4px',\n    borderRadius: '4px',\n    border: `1px solid ${color.black()}`,\n    '&.correct': {\n      border: `1px solid ${color.correct()}`,\n    },\n    '&.incorrect': {\n      border: `1px solid ${color.incorrect()}`,\n    },\n  }));\n}\n\nconst MaskedInput = (props) => (node, data) => {\n  const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck, pluginProps, onChange } = props;\n  const dataset = node.data?.dataset || {};\n\n  if (dataset.component === 'input') {\n    const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n    const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';\n    const width = maxLength && maxLength[dataset.id];\n    const feedbackStatus = feedback && feedback[dataset.id];\n    const isCorrect = showCorrectAnswer || feedbackStatus === 'correct';\n    const isIncorrect = !showCorrectAnswer && feedbackStatus === 'incorrect';\n\n    const handleInputChange = (newValue) => {\n      const updatedValue = {\n        ...data,\n        [dataset.id]: newValue,\n      };\n      onChange(updatedValue);\n    };\n\n    const handleKeyDown = (event) => {\n      // the keyCode value for the Enter/Return key is 13\n      if (event.key === 'Enter' || event.keyCode === 13) {\n        return true;\n      }\n    };\n\n    return (\n      <StyledEditableHtml\n        id={dataset.id}\n        key={`${node.type}-input-${dataset.id}`}\n        disabled={showCorrectAnswer || disabled}\n        disableUnderline\n        onChange={handleInputChange}\n        markup={finalValue || ''}\n        charactersLimit={adjustedLimit ? width : 25}\n        activePlugins={['languageCharacters']}\n        pluginProps={pluginProps}\n        languageCharactersProps={[{ language: 'spanish' }]}\n        spellCheck={spellCheck}\n        adjustWidthForLimit\n        onKeyDown={handleKeyDown}\n        autoWidthToolbar\n        toolbarOpts={{\n          minWidth: 'auto',\n          noBorder: true,\n          isHidden: !!pluginProps?.characters?.disabled,\n        }}\n        className={classnames({\n          correct: isCorrect,\n          incorrect: isIncorrect,\n        })}\n      />\n    );\n  }\n};\n\nexport default withMask('input', MaskedInput);\n"],"mappings":"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","ignoreList":[]}

package/lib/customizable.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _withMask = require("./with-mask");
+// import Input from './components/input';
+// eslint-disable-next-line react/display-name
+var _default = exports["default"] = (0, _withMask.withMask)('input', function (props) {
+  return function (node, data, onChange) {
+    var dataset = node.data ? node.data.dataset || {} : {};
+    if (dataset.component === 'input') {
+      // eslint-disable-next-line react/prop-types
+      // const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;
+
+      // the first answer is the correct one
+      // eslint-disable-next-line react/prop-types
+      // const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];
+      // const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';
+      // const width = maxLength && maxLength[dataset.id];
+
+      return props.customMarkMarkupComponent(dataset.id);
+      // return (
+      //   <Input
+      //     key={`${node.type}-input-${dataset.id}`}
+      //     correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}
+      //     disabled={showCorrectAnswer || disabled}
+      //     value={finalValue}
+      //     id={dataset.id}
+      //     onChange={onChange}
+      //     showCorrectAnswer={showCorrectAnswer}
+      //     width={width}
+      //     charactersLimit={adjustedLimit ? width : 25}
+      //     isConstructedResponse={true}
+      //     spellCheck={spellCheck}
+      //   />
+      // );
+    }
+  };
+});
+//# sourceMappingURL=customizable.js.map

package/lib/customizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customizable.js","names":["_withMask","require","_default","exports","withMask","props","node","data","onChange","dataset","component","customMarkMarkupComponent","id"],"sources":["../src/customizable.jsx"],"sourcesContent":["// import Input from './components/input';\nimport { withMask } from './with-mask';\n\n// eslint-disable-next-line react/display-name\nexport default withMask('input', (props) => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'input') {\n    // eslint-disable-next-line react/prop-types\n    // const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;\n\n    // the first answer is the correct one\n    // eslint-disable-next-line react/prop-types\n    // const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n    // const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';\n    // const width = maxLength && maxLength[dataset.id];\n\n    return props.customMarkMarkupComponent(dataset.id);\n    // return (\n    //   <Input\n    //     key={`${node.type}-input-${dataset.id}`}\n    //     correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n    //     disabled={showCorrectAnswer || disabled}\n    //     value={finalValue}\n    //     id={dataset.id}\n    //     onChange={onChange}\n    //     showCorrectAnswer={showCorrectAnswer}\n    //     width={width}\n    //     charactersLimit={adjustedLimit ? width : 25}\n    //     isConstructedResponse={true}\n    //     spellCheck={spellCheck}\n    //   />\n    // );\n  }\n});\n"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AADA;AAGA;AAAA,IAAAC,QAAA,GAAAC,OAAA,cACe,IAAAC,kBAAQ,EAAC,OAAO,EAAE,UAACC,KAAK;EAAA,OAAK,UAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAK;IACpE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAI,GAAGD,IAAI,CAACC,IAAI,CAACE,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACxD,IAAIA,OAAO,CAACC,SAAS,KAAK,OAAO,EAAE;MACjC;MACA;;MAEA;MACA;MACA;MACA;MACA;;MAEA,OAAOL,KAAK,CAACM,yBAAyB,CAACF,OAAO,CAACG,EAAE,CAAC;MAClD;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACF;EACF,CAAC;AAAA,EAAC","ignoreList":[]}

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

@@ -0,0 +1,254 @@
+"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 _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 _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 _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 _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,
+        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;
+      });
+      return /*#__PURE__*/_react["default"].createElement(_blank["default"], {
+        key: "".concat(node.type, "-").concat(dataset.id),
+        correct: showCorrectAnswer || feedback && feedback[dataset.id],
+        disabled: disabled,
+        duplicates: duplicates,
+        choice: choice,
+        id: dataset.id,
+        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 = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function DragInTheBlank(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DragInTheBlank);
+    _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,
+          dropAnimation: undefined // default during drag
+        });
+      }
+    });
+    (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 _active$data2, _over$data, _dropData$accepts;
+      var active = event.active,
+        over = event.over;
+      var _this$props = _this.props,
+        onChange = _this$props.onChange,
+        value = _this$props.value;
+      var draggedData = active === null || active === void 0 || (_active$data2 = active.data) === null || _active$data2 === void 0 ? void 0 : _active$data2.current;
+      var dropData = over === null || over === void 0 || (_over$data = over.data) === null || _over$data === void 0 ? void 0 : _over$data.current;
+      var isValidDrop = !!active && !!over && (draggedData === null || draggedData === void 0 ? void 0 : draggedData.type) === 'MaskBlank' && (dropData === null || dropData === void 0 || (_dropData$accepts = dropData.accepts) === null || _dropData$accepts === void 0 ? void 0 : _dropData$accepts.includes('MaskBlank'));
+
+      // Only animate back when drop is invalid
+      _this.setState({
+        activeDragItem: null,
+        dropAnimation: isValidDrop ? null : undefined
+      });
+      if (!isValidDrop || !onChange) return;
+      var draggedItem = draggedData;
+      var targetId = dropData.id;
+      if (dropData.toChoiceBoard === true) {
+        if (!draggedItem.fromChoice && draggedItem.id) {
+          var newValue = _objectSpread({}, value);
+          delete newValue[draggedItem.id];
+          onChange(newValue);
+        }
+      } else if (draggedItem.fromChoice === true) {
+        if (targetId && targetId !== 'drag-in-the-blank-droppable') {
+          var _newValue = _objectSpread({}, value);
+          _newValue[targetId] = draggedItem.choice.id;
+          onChange(_newValue);
+        }
+      } else if (draggedItem.id && draggedItem.id !== targetId) {
+        var _newValue2 = _objectSpread({}, value);
+        _newValue2[targetId] = draggedItem.choice.id;
+        delete _newValue2[draggedItem.id];
+        onChange(_newValue2);
+      }
+    });
+    (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: flexDirection,
+        justifyContent: justifyContent,
+        alignItems: alignItems
+      };
+    });
+    _this.state = {
+      activeDragItem: null,
+      dropAnimation: undefined
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(DragInTheBlank, _React$Component);
+  return (0, _createClass2["default"])(DragInTheBlank, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      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 = _objectSpread({
+        display: 'flex',
+        minWidth: '100px'
+      }, this.getPositionDirection(choicePosition));
+      return /*#__PURE__*/_react["default"].createElement(_drag.DragProvider, {
+        onDragStart: this.handleDragStart,
+        onDragEnd: this.handleDragEnd,
+        collisionDetection: _core.rectIntersection
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        ref: function ref(_ref) {
+          return _this2.rootRef = _ref;
+        },
+        style: style
+      }, /*#__PURE__*/_react["default"].createElement(_choices["default"], {
+        choicePosition: choicePosition,
+        choices: choices,
+        value: value,
+        duplicates: duplicates,
+        disabled: disabled,
+        instanceId: instanceId
+      }), /*#__PURE__*/_react["default"].createElement(Masked, {
+        elementType: "drag-in-the-blank",
+        markup: markup,
+        layout: layout,
+        value: value,
+        choices: choices,
+        onChange: onChange,
+        disabled: disabled,
+        duplicates: duplicates,
+        feedback: feedback,
+        correctResponse: correctResponse,
+        showCorrectAnswer: showCorrectAnswer,
+        emptyResponseAreaWidth: emptyResponseAreaWidth,
+        emptyResponseAreaHeight: emptyResponseAreaHeight,
+        instanceId: instanceId,
+        isDragging: !!this.state.activeDragItem
+      }), /*#__PURE__*/_react["default"].createElement(_core.DragOverlay, {
+        style: {
+          pointerEvents: 'none'
+        },
+        dropAnimation: this.state.dropAnimation
+      }, this.renderDragOverlay())));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(DragInTheBlank, "propTypes", {
+  markup: _propTypes["default"].string,
+  layout: _propTypes["default"].object,
+  choicesPosition: _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,
+  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=drag-in-the-blank.js.map

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

@@ -0,0 +1 @@
+{"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","dropAnimation","state","_active$data2","_over$data","_dropData$accepts","over","_this$props","value","draggedData","dropData","isValidDrop","accepts","includes","draggedItem","targetId","toChoiceBoard","fromChoice","newValue","choicePosition","flexDirection","justifyContent","alignItems","_inherits2","_createClass2","render","_this2","_this$props2","markup","choicesPosition","layout","style","display","minWidth","getPositionDirection","DragProvider","onDragStart","handleDragStart","onDragEnd","handleDragEnd","collisionDetection","rectIntersection","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, rectIntersection } from '@dnd-kit/core';\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      dropAnimation: undefined,\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        dropAnimation: undefined, // default during drag\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    const draggedData = active?.data?.current;\n    const dropData = over?.data?.current;\n\n    const isValidDrop =\n      !!active && !!over && draggedData?.type === 'MaskBlank' && dropData?.accepts?.includes('MaskBlank');\n\n    // Only animate back when drop is invalid\n    this.setState({\n      activeDragItem: null,\n      dropAnimation: isValidDrop ? null : undefined,\n    });\n\n    if (!isValidDrop || !onChange) return;\n\n    const draggedItem = draggedData;\n    const targetId = dropData.id;\n\n    if (dropData.toChoiceBoard === true) {\n      if (!draggedItem.fromChoice && draggedItem.id) {\n        const newValue = { ...value };\n        delete newValue[draggedItem.id];\n        onChange(newValue);\n      }\n    } else if (draggedItem.fromChoice === true) {\n      if (targetId && targetId !== 'drag-in-the-blank-droppable') {\n        const newValue = { ...value };\n        newValue[targetId] = draggedItem.choice.id;\n        onChange(newValue);\n      }\n    } else if (draggedItem.id && draggedItem.id !== targetId) {\n      const newValue = { ...value };\n      newValue[targetId] = draggedItem.choice.id;\n      delete newValue[draggedItem.id];\n      onChange(newValue);\n    }\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={rectIntersection}\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' }} dropAnimation={this.state.dropAnimation}>\n            {this.renderDragOverlay()}\n          </DragOverlay>\n        </div>\n      </DragProvider>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConstructedResponse", {
+  enumerable: true,
+  get: function get() {
+    return _constructedResponse["default"];
+  }
+});
+Object.defineProperty(exports, "Customizable", {
+  enumerable: true,
+  get: function get() {
+    return _customizable["default"];
+  }
+});
+Object.defineProperty(exports, "DragInTheBlank", {
+  enumerable: true,
+  get: function get() {
+    return _dragInTheBlank["default"];
+  }
+});
+Object.defineProperty(exports, "InlineDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _inlineDropdown["default"];
+  }
+});
+Object.defineProperty(exports, "buildLayoutFromMarkup", {
+  enumerable: true,
+  get: function get() {
+    return _withMask.buildLayoutFromMarkup;
+  }
+});
+Object.defineProperty(exports, "componentize", {
+  enumerable: true,
+  get: function get() {
+    return _componentize["default"];
+  }
+});
+Object.defineProperty(exports, "withMask", {
+  enumerable: true,
+  get: function get() {
+    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=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_withMask","require","_dragInTheBlank","_interopRequireDefault","_constructedResponse","_customizable","_inlineDropdown","_componentize"],"sources":["../src/index.js"],"sourcesContent":["import { buildLayoutFromMarkup, withMask } 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

@@ -0,0 +1,40 @@
+"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");
+// 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;
+      var correctAnswer = choices && choices[dataset.id] && choices[dataset.id].find(function (c) {
+        return c.correct;
+      });
+      var finalChoice = showCorrectAnswer ? correctAnswer && correctAnswer.value : data[dataset.id];
+      return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
+        key: "".concat(node.type, "-dropdown-").concat(dataset.id),
+        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,
+        singleQuery: Object.keys(choices).length == 1
+      });
+    }
+  };
+});
+//# sourceMappingURL=inline-dropdown.js.map

package/lib/inline-dropdown.js.map

@@ -0,0 +1 @@
+{"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":[]}