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

package/lib/components/correct-input.js

@@ -1,36 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
-
 var _classnames3 = _interopRequireDefault(require("classnames"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _excluded = ["correct", "charactersLimit", "classes", "disabled", "isBox", "isConstructedResponse", "width", "spellCheck"];
-
 var correctStyle = function correctStyle(color) {
   return {
     borderColor: "".concat(color, " !important")
   };
 };
-
 var _default = (0, _styles.withStyles)(function () {
   return {
     input: {
@@ -75,25 +63,22 @@ var _default = (0, _styles.withStyles)(function () {
   };
 })(function (props) {
   var _classnames, _classnames2;
-
   var correct = props.correct,
-      charactersLimit = props.charactersLimit,
-      classes = props.classes,
-      disabled = props.disabled,
-      isBox = props.isBox,
-      isConstructedResponse = props.isConstructedResponse,
-      width = props.width,
-      spellCheck = props.spellCheck,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    charactersLimit = props.charactersLimit,
+    classes = props.classes,
+    disabled = props.disabled,
+    isBox = props.isBox,
+    isConstructedResponse = props.isConstructedResponse,
+    width = props.width,
+    spellCheck = props.spellCheck,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var label = typeof correct === 'boolean' ? correct ? 'correct' : 'incorrect' : undefined;
   var inputProps = charactersLimit ? {
     maxLength: charactersLimit
   } : {};
-
   if (width) {
     inputProps.style = {
       width: "".concat(width + Math.round(width / 10) + 1, "ch") // added some extra space for capital letters
-
     };
   }
 
@@ -108,6 +93,5 @@ var _default = (0, _styles.withStyles)(function () {
     spellCheck: spellCheck
   }, rest));
 });
-
 exports["default"] = _default;
 //# sourceMappingURL=correct-input.js.map

package/lib/components/correct-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/correct-input.jsx"],"names":["correctStyle","color","borderColor","input","text","backgroundColor","background","borderRadius","borderWidth","borderStyle","padding","opacity","cursor","primary","primaryDark","crInput","correct","incorrect","box","fontSize","outlinedInput","border","notchedOutline","props","charactersLimit","classes","disabled","isBox","isConstructedResponse","width","spellCheck","rest","label","undefined","inputProps","maxLength","style","Math","round","disabledInput"],"mappings":"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","sourcesContent":["import React from 'react';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport classnames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst correctStyle = (color) => ({\n  borderColor: `${color} !important`,\n});\n\nexport default withStyles(() => ({\n  input: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    borderRadius: '4px !important',\n    borderWidth: '1px',\n    borderStyle: 'solid',\n    padding: '10px 20px 10px 10px',\n    '&:disabled': {\n      opacity: 0.8,\n      cursor: 'not-allowed !important',\n    },\n    '&:hover': {\n      borderColor: color.primary(),\n      '&:disabled': {\n        borderColor: 'initial',\n      },\n    },\n    '&:focus': {\n      borderColor: color.primaryDark(),\n    },\n  },\n  crInput: {\n    padding: '8px !important',\n  },\n  correct: correctStyle(color.correct()),\n  incorrect: correctStyle(color.incorrect()),\n  box: {\n    fontSize: 'inherit',\n  },\n  outlinedInput: {\n    padding: '2px',\n    borderRadius: '4px',\n    '& fieldset': {\n      border: 0,\n    },\n  },\n  notchedOutline: {\n    borderColor: color.correct(),\n  },\n}))((props) => {\n  const {\n    correct,\n    charactersLimit,\n    classes,\n    disabled,\n    isBox,\n    isConstructedResponse,\n    width,\n    spellCheck,\n    ...rest\n  } = props;\n  const label = typeof correct === 'boolean' ? (correct ? 'correct' : 'incorrect') : undefined;\n  const inputProps = charactersLimit ? { maxLength: charactersLimit } : {};\n\n  if (width) {\n    inputProps.style = {\n      width: `${width + Math.round(width / 10) + 1}ch`, // added some extra space for capital letters\n    };\n  }\n\n  return (\n    <OutlinedInput\n      className={classnames({\n        [classes.disabledInput]: disabled,\n        [classes.box]: isBox,\n        [classes.outlinedInput]: true,\n      })}\n      classes={{\n        input: classnames({\n          [classes.input]: true,\n          [classes[label]]: label,\n          [classes.crInput]: isConstructedResponse,\n        }),\n      }}\n      inputProps={inputProps}\n      labelWidth={0}\n      disabled={disabled}\n      spellCheck={spellCheck}\n      {...rest}\n    />\n  );\n});\n"],"file":"correct-input.js"}
+{"version":3,"file":"correct-input.js","names":["_react","_interopRequireDefault","require","_OutlinedInput","_classnames3","_styles","_renderUi","_excluded","correctStyle","color","borderColor","concat","_default","withStyles","input","text","backgroundColor","background","borderRadius","borderWidth","borderStyle","padding","opacity","cursor","primary","primaryDark","crInput","correct","incorrect","box","fontSize","outlinedInput","border","notchedOutline","props","_classnames","_classnames2","charactersLimit","classes","disabled","isBox","isConstructedResponse","width","spellCheck","rest","_objectWithoutProperties2","label","undefined","inputProps","maxLength","style","Math","round","createElement","_extends2","className","classnames","_defineProperty2","disabledInput","labelWidth","exports"],"sources":["../../src/components/correct-input.jsx"],"sourcesContent":["import React from 'react';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport classnames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst correctStyle = (color) => ({\n  borderColor: `${color} !important`,\n});\n\nexport default withStyles(() => ({\n  input: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    borderRadius: '4px !important',\n    borderWidth: '1px',\n    borderStyle: 'solid',\n    padding: '10px 20px 10px 10px',\n    '&:disabled': {\n      opacity: 0.8,\n      cursor: 'not-allowed !important',\n    },\n    '&:hover': {\n      borderColor: color.primary(),\n      '&:disabled': {\n        borderColor: 'initial',\n      },\n    },\n    '&:focus': {\n      borderColor: color.primaryDark(),\n    },\n  },\n  crInput: {\n    padding: '8px !important',\n  },\n  correct: correctStyle(color.correct()),\n  incorrect: correctStyle(color.incorrect()),\n  box: {\n    fontSize: 'inherit',\n  },\n  outlinedInput: {\n    padding: '2px',\n    borderRadius: '4px',\n    '& fieldset': {\n      border: 0,\n    },\n  },\n  notchedOutline: {\n    borderColor: color.correct(),\n  },\n}))((props) => {\n  const {\n    correct,\n    charactersLimit,\n    classes,\n    disabled,\n    isBox,\n    isConstructedResponse,\n    width,\n    spellCheck,\n    ...rest\n  } = props;\n  const label = typeof correct === 'boolean' ? (correct ? 'correct' : 'incorrect') : undefined;\n  const inputProps = charactersLimit ? { maxLength: charactersLimit } : {};\n\n  if (width) {\n    inputProps.style = {\n      width: `${width + Math.round(width / 10) + 1}ch`, // added some extra space for capital letters\n    };\n  }\n\n  return (\n    <OutlinedInput\n      className={classnames({\n        [classes.disabledInput]: disabled,\n        [classes.box]: isBox,\n        [classes.outlinedInput]: true,\n      })}\n      classes={{\n        input: classnames({\n          [classes.input]: true,\n          [classes[label]]: label,\n          [classes.crInput]: isConstructedResponse,\n        }),\n      }}\n      inputProps={inputProps}\n      labelWidth={0}\n      disabled={disabled}\n      spellCheck={spellCheck}\n      {...rest}\n    />\n  );\n});\n"],"mappings":"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"}

package/lib/components/dropdown.js

@@ -1,52 +1,31 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
 var _correctInput = _interopRequireDefault(require("./correct-input"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _renderUi = require("@pie-lib/render-ui");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var Dropdown = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Dropdown, _React$Component);
-
   var _super = _createSuper(Dropdown);
-
   function Dropdown(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Dropdown);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showCheckmarkAndOpen", function () {
@@ -67,22 +46,21 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   (0, _createClass2["default"])(Dropdown, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          id = _this$props.id,
-          correct = _this$props.correct,
-          disabled = _this$props.disabled,
-          value = _this$props.value,
-          _onChange = _this$props.onChange,
-          choices = _this$props.choices,
-          showCorrectAnswer = _this$props.showCorrectAnswer;
+        classes = _this$props.classes,
+        id = _this$props.id,
+        correct = _this$props.correct,
+        disabled = _this$props.disabled,
+        value = _this$props.value,
+        _onChange = _this$props.onChange,
+        choices = _this$props.choices,
+        showCorrectAnswer = _this$props.showCorrectAnswer;
       var _this$state = this.state,
-          showCheckmark = _this$state.showCheckmark,
-          open = _this$state.open;
+        showCheckmark = _this$state.showCheckmark,
+        open = _this$state.open;
       return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
         classes: {
           root: classes.root,
@@ -129,7 +107,6 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
   }]);
   return Dropdown;
 }(_react["default"].Component);
-
 (0, _defineProperty2["default"])(Dropdown, "propTypes", {
   id: _propTypes["default"].string,
   value: _propTypes["default"].string,
@@ -143,7 +120,6 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
   })),
   showCorrectAnswer: _propTypes["default"].bool
 });
-
 var styles = function styles() {
   return {
     root: {
@@ -209,8 +185,6 @@ var styles = function styles() {
     }
   };
 };
-
 var _default = (0, _styles.withStyles)(styles)(Dropdown);
-
 exports["default"] = _default;
 //# sourceMappingURL=dropdown.js.map

package/lib/components/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/dropdown.jsx"],"names":["Dropdown","props","setState","showCheckmark","open","state","classes","id","correct","disabled","value","onChange","choices","showCorrectAnswer","root","icon","selectMenu","select","showCheckmarkAndOpen","hideCheckmarkAndClose","keepMounted","disablePortal","e","target","map","c","index","menuRoot","selected","label","__html","React","Component","PropTypes","string","bool","func","object","arrayOf","shape","styles","color","text","backgroundColor","background","borderColor","secondaryLight","paddingTop","paddingBottom","border","borderRadius","boxSizing","padding","fontSize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport CorrectInput from './correct-input';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nclass Dropdown extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    value: PropTypes.string,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func,\n    classes: PropTypes.object,\n    correct: PropTypes.bool,\n    choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n    showCorrectAnswer: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCheckmark: false,\n      open: false,\n    };\n  }\n\n  showCheckmarkAndOpen = () => {\n    this.setState({\n      showCheckmark: true,\n      open: true,\n    });\n  };\n\n  hideCheckmarkAndClose = () => {\n    this.setState({\n      showCheckmark: false,\n      open: false,\n    });\n  };\n\n  render() {\n    const { classes, id, correct, disabled, value, onChange, choices, showCorrectAnswer } = this.props;\n\n    const { showCheckmark, open } = this.state;\n\n    return (\n      <Select\n        classes={{\n          root: classes.root,\n          icon: classes.icon,\n          selectMenu: classes.selectMenu,\n          select: classes.select,\n        }}\n        disabled={disabled}\n        value={value || ''}\n        onOpen={this.showCheckmarkAndOpen}\n        onClose={this.hideCheckmarkAndClose}\n        open={open}\n        input={<CorrectInput correct={showCorrectAnswer || correct} />}\n        MenuProps={{\n          keepMounted: true,\n          disablePortal: true,\n        }}\n        onChange={(e) => {\n          onChange(id, e.target.value);\n        }}\n      >\n        {(choices || []).map((c, index) => (\n          <MenuItem\n            classes={{ root: classes.menuRoot, selected: classes.selected }}\n            key={`${c.label}-${index}`}\n            value={c.value}\n          >\n            <span\n              className={classes.label}\n              dangerouslySetInnerHTML={{\n                __html: c.label,\n              }}\n            />\n            {showCheckmark && (\n              <span\n                className={classes.label}\n                dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }}\n              />\n            )}\n          </MenuItem>\n        ))}\n      </Select>\n    );\n  }\n}\n\nconst styles = () => ({\n  root: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    borderColor: color.secondaryLight(),\n    '& ul': {\n      paddingTop: 0,\n      paddingBottom: 0,\n      border: `1px solid ${color.text()}`,\n      borderRadius: '5px',\n      color: color.text(),\n      backgroundColor: color.background(),\n    },\n  },\n  select: {\n    '&:focus': {\n      borderRadius: '4px',\n    },\n  },\n  selectMenu: {\n    backgroundColor: color.background(),\n    '&:hover': {\n      borderColor: 'initial',\n    },\n    '&:focus': {\n      borderColor: 'initial',\n    },\n  },\n  icon: {\n    color: color.text(),\n  },\n  selected: {\n    color: `${color.text()} !important`,\n    backgroundColor: `${color.background()} !important`,\n    '&:hover': {\n      color: color.text(),\n      backgroundColor: `${color.secondaryLight()} !important`,\n    },\n  },\n  menuRoot: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    '&:focus': {\n      color: color.text(),\n      backgroundColor: color.background(),\n    },\n    '&:hover': {\n      color: color.text(),\n      backgroundColor: color.secondaryLight(),\n    },\n    boxSizing: 'border-box',\n    padding: '25px',\n    '&:first-of-type': {\n      borderRadius: '3px 3px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 3px 3px',\n    },\n  },\n  label: {\n    fontSize: 'max(1rem, 14px)',\n  },\n});\n\nexport default withStyles(styles)(Dropdown);\n"],"file":"dropdown.js"}
+{"version":3,"file":"dropdown.js","names":["_react","_interopRequireDefault","require","_propTypes","_Select","_MenuItem","_correctInput","_styles","_renderUi","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Dropdown","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","setState","showCheckmark","open","state","_createClass2","key","value","render","_this$props","classes","id","correct","disabled","onChange","choices","showCorrectAnswer","_this$state","createElement","root","icon","selectMenu","select","onOpen","showCheckmarkAndOpen","onClose","hideCheckmarkAndClose","input","MenuProps","keepMounted","disablePortal","target","map","c","index","menuRoot","selected","concat","label","className","dangerouslySetInnerHTML","__html","React","Component","PropTypes","string","bool","func","object","arrayOf","shape","styles","color","text","backgroundColor","background","borderColor","secondaryLight","paddingTop","paddingBottom","border","borderRadius","boxSizing","padding","fontSize","_default","withStyles","exports"],"sources":["../../src/components/dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport CorrectInput from './correct-input';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nclass Dropdown extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    value: PropTypes.string,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func,\n    classes: PropTypes.object,\n    correct: PropTypes.bool,\n    choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n    showCorrectAnswer: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCheckmark: false,\n      open: false,\n    };\n  }\n\n  showCheckmarkAndOpen = () => {\n    this.setState({\n      showCheckmark: true,\n      open: true,\n    });\n  };\n\n  hideCheckmarkAndClose = () => {\n    this.setState({\n      showCheckmark: false,\n      open: false,\n    });\n  };\n\n  render() {\n    const { classes, id, correct, disabled, value, onChange, choices, showCorrectAnswer } = this.props;\n\n    const { showCheckmark, open } = this.state;\n\n    return (\n      <Select\n        classes={{\n          root: classes.root,\n          icon: classes.icon,\n          selectMenu: classes.selectMenu,\n          select: classes.select,\n        }}\n        disabled={disabled}\n        value={value || ''}\n        onOpen={this.showCheckmarkAndOpen}\n        onClose={this.hideCheckmarkAndClose}\n        open={open}\n        input={<CorrectInput correct={showCorrectAnswer || correct} />}\n        MenuProps={{\n          keepMounted: true,\n          disablePortal: true,\n        }}\n        onChange={(e) => {\n          onChange(id, e.target.value);\n        }}\n      >\n        {(choices || []).map((c, index) => (\n          <MenuItem\n            classes={{ root: classes.menuRoot, selected: classes.selected }}\n            key={`${c.label}-${index}`}\n            value={c.value}\n          >\n            <span\n              className={classes.label}\n              dangerouslySetInnerHTML={{\n                __html: c.label,\n              }}\n            />\n            {showCheckmark && (\n              <span\n                className={classes.label}\n                dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }}\n              />\n            )}\n          </MenuItem>\n        ))}\n      </Select>\n    );\n  }\n}\n\nconst styles = () => ({\n  root: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    borderColor: color.secondaryLight(),\n    '& ul': {\n      paddingTop: 0,\n      paddingBottom: 0,\n      border: `1px solid ${color.text()}`,\n      borderRadius: '5px',\n      color: color.text(),\n      backgroundColor: color.background(),\n    },\n  },\n  select: {\n    '&:focus': {\n      borderRadius: '4px',\n    },\n  },\n  selectMenu: {\n    backgroundColor: color.background(),\n    '&:hover': {\n      borderColor: 'initial',\n    },\n    '&:focus': {\n      borderColor: 'initial',\n    },\n  },\n  icon: {\n    color: color.text(),\n  },\n  selected: {\n    color: `${color.text()} !important`,\n    backgroundColor: `${color.background()} !important`,\n    '&:hover': {\n      color: color.text(),\n      backgroundColor: `${color.secondaryLight()} !important`,\n    },\n  },\n  menuRoot: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    '&:focus': {\n      color: color.text(),\n      backgroundColor: color.background(),\n    },\n    '&:hover': {\n      color: color.text(),\n      backgroundColor: color.secondaryLight(),\n    },\n    boxSizing: 'border-box',\n    padding: '25px',\n    '&:first-of-type': {\n      borderRadius: '3px 3px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 3px 3px',\n    },\n  },\n  label: {\n    fontSize: 'max(1rem, 14px)',\n  },\n});\n\nexport default withStyles(styles)(Dropdown);\n"],"mappings":"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"}

package/lib/components/input.js

@@ -1,29 +1,24 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _correctInput = _interopRequireDefault(require("./correct-input"));
-
 var Input = function Input(_ref) {
   var disabled = _ref.disabled,
-      correct = _ref.correct,
-      charactersLimit = _ref.charactersLimit,
-      id = _ref.id,
-      isConstructedResponse = _ref.isConstructedResponse,
-      value = _ref.value,
-      _onChange = _ref.onChange,
-      showCorrectAnswer = _ref.showCorrectAnswer,
-      spellCheck = _ref.spellCheck,
-      width = _ref.width;
+    correct = _ref.correct,
+    charactersLimit = _ref.charactersLimit,
+    id = _ref.id,
+    isConstructedResponse = _ref.isConstructedResponse,
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    showCorrectAnswer = _ref.showCorrectAnswer,
+    spellCheck = _ref.spellCheck,
+    width = _ref.width;
   return /*#__PURE__*/_react["default"].createElement(_correctInput["default"], {
     disabled: disabled,
     correct: showCorrectAnswer || correct,
@@ -39,7 +34,6 @@ var Input = function Input(_ref) {
     }
   });
 };
-
 Input.propTypes = {
   id: _propTypes["default"].string,
   value: _propTypes["default"].string,

package/lib/components/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/input.jsx"],"names":["Input","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","e","target","propTypes","PropTypes","string","func","bool","number"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAWR;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,OASI,QATJA,OASI;AAAA,MARJC,eAQI,QARJA,eAQI;AAAA,MAPJC,EAOI,QAPJA,EAOI;AAAA,MANJC,qBAMI,QANJA,qBAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,SAII,QAJJA,QAII;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,sBACE,gCAAC,wBAAD;AACE,IAAA,QAAQ,EAAET,QADZ;AAEE,IAAA,OAAO,EAAEO,iBAAiB,IAAIN,OAFhC;AAGE,IAAA,eAAe,EAAEC,eAHnB;AAIE,IAAA,OAAO,EAAC,UAJV;AAKE,IAAA,KAAK,EAAEG,KALT;AAME,IAAA,qBAAqB,EAAED,qBANzB;AAOE,IAAA,UAAU,EAAEI,UAPd;AAQE,IAAA,KAAK,EAAE,IART;AASE,IAAA,KAAK,EAAEC,KATT;AAUE,IAAA,QAAQ,EAAE,kBAACC,CAAD,EAAO;AACfJ,MAAAA,SAAQ,CAACH,EAAD,EAAKO,CAAC,CAACC,MAAF,CAASN,KAAd,CAAR;AACD;AAZH,IADF;AAgBD,CA5BD;;AA8BAN,KAAK,CAACa,SAAN,GAAkB;AAChBT,EAAAA,EAAE,EAAEU,sBAAUC,MADE;AAEhBT,EAAAA,KAAK,EAAEQ,sBAAUC,MAFD;AAGhBR,EAAAA,QAAQ,EAAEO,sBAAUE,IAHJ;AAIhBf,EAAAA,QAAQ,EAAEa,sBAAUG,IAJJ;AAKhBR,EAAAA,UAAU,EAAEK,sBAAUG,IALN;AAMhBf,EAAAA,OAAO,EAAEY,sBAAUG,IANH;AAOhBT,EAAAA,iBAAiB,EAAEM,sBAAUG,IAPb;AAQhBd,EAAAA,eAAe,EAAEW,sBAAUI,MARX;AAShBR,EAAAA,KAAK,EAAEI,sBAAUI,MATD;AAUhBb,EAAAA,qBAAqB,EAAES,sBAAUG;AAVjB,CAAlB;eAaejB,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectInput from './correct-input';\n\nconst Input = ({\n  disabled,\n  correct,\n  charactersLimit,\n  id,\n  isConstructedResponse,\n  value,\n  onChange,\n  showCorrectAnswer,\n  spellCheck,\n  width,\n}) => {\n  return (\n    <CorrectInput\n      disabled={disabled}\n      correct={showCorrectAnswer || correct}\n      charactersLimit={charactersLimit}\n      variant=\"outlined\"\n      value={value}\n      isConstructedResponse={isConstructedResponse}\n      spellCheck={spellCheck}\n      isBox={true}\n      width={width}\n      onChange={(e) => {\n        onChange(id, e.target.value);\n      }}\n    />\n  );\n};\n\nInput.propTypes = {\n  id: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  spellCheck: PropTypes.bool,\n  correct: PropTypes.bool,\n  showCorrectAnswer: PropTypes.bool,\n  charactersLimit: PropTypes.number,\n  width: PropTypes.number,\n  isConstructedResponse: PropTypes.bool,\n};\n\nexport default Input;\n"],"file":"input.js"}
+{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctInput","Input","_ref","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","createElement","variant","isBox","e","target","propTypes","PropTypes","string","func","bool","number","_default","exports"],"sources":["../../src/components/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectInput from './correct-input';\n\nconst Input = ({\n  disabled,\n  correct,\n  charactersLimit,\n  id,\n  isConstructedResponse,\n  value,\n  onChange,\n  showCorrectAnswer,\n  spellCheck,\n  width,\n}) => {\n  return (\n    <CorrectInput\n      disabled={disabled}\n      correct={showCorrectAnswer || correct}\n      charactersLimit={charactersLimit}\n      variant=\"outlined\"\n      value={value}\n      isConstructedResponse={isConstructedResponse}\n      spellCheck={spellCheck}\n      isBox={true}\n      width={width}\n      onChange={(e) => {\n        onChange(id, e.target.value);\n      }}\n    />\n  );\n};\n\nInput.propTypes = {\n  id: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  spellCheck: PropTypes.bool,\n  correct: PropTypes.bool,\n  showCorrectAnswer: PropTypes.bool,\n  charactersLimit: PropTypes.number,\n  width: PropTypes.number,\n  isConstructedResponse: PropTypes.bool,\n};\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAWL;EAAA,IAVJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,SAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,iBAAiB,GAAAR,IAAA,CAAjBQ,iBAAiB;IACjBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAEL,oBACEhB,MAAA,YAAAiB,aAAA,CAACb,aAAA,WAAY;IACXG,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEM,iBAAiB,IAAIN,OAAQ;IACtCC,eAAe,EAAEA,eAAgB;IACjCS,OAAO,EAAC,UAAU;IAClBN,KAAK,EAAEA,KAAM;IACbD,qBAAqB,EAAEA,qBAAsB;IAC7CI,UAAU,EAAEA,UAAW;IACvBI,KAAK,EAAE,IAAK;IACZH,KAAK,EAAEA,KAAM;IACbH,QAAQ,EAAE,SAAAA,SAACO,CAAC,EAAK;MACfP,SAAQ,CAACH,EAAE,EAAEU,CAAC,CAACC,MAAM,CAACT,KAAK,CAAC;IAC9B;EAAE,CACH,CAAC;AAEN,CAAC;AAEDP,KAAK,CAACiB,SAAS,GAAG;EAChBZ,EAAE,EAAEa,qBAAS,CAACC,MAAM;EACpBZ,KAAK,EAAEW,qBAAS,CAACC,MAAM;EACvBX,QAAQ,EAAEU,qBAAS,CAACE,IAAI;EACxBlB,QAAQ,EAAEgB,qBAAS,CAACG,IAAI;EACxBX,UAAU,EAAEQ,qBAAS,CAACG,IAAI;EAC1BlB,OAAO,EAAEe,qBAAS,CAACG,IAAI;EACvBZ,iBAAiB,EAAES,qBAAS,CAACG,IAAI;EACjCjB,eAAe,EAAEc,qBAAS,CAACI,MAAM;EACjCX,KAAK,EAAEO,qBAAS,CAACI,MAAM;EACvBhB,qBAAqB,EAAEY,qBAAS,CAACG;AACnC,CAAC;AAAC,IAAAE,QAAA,GAEavB,KAAK;AAAAwB,OAAA,cAAAD,QAAA"}

package/lib/constructed-response.js

@@ -1,33 +1,28 @@
 "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 _input = _interopRequireDefault(require("./components/input"));
-
 var _withMask = require("./with-mask");
-
 // eslint-disable-next-line react/display-name
 var _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
       var adjustedLimit = props.adjustedLimit,
-          disabled = props.disabled,
-          feedback = props.feedback,
-          showCorrectAnswer = props.showCorrectAnswer,
-          maxLength = props.maxLength,
-          spellCheck = props.spellCheck; // the first answer is the correct one
-      // eslint-disable-next-line react/prop-types
+        disabled = props.disabled,
+        feedback = props.feedback,
+        showCorrectAnswer = props.showCorrectAnswer,
+        maxLength = props.maxLength,
+        spellCheck = props.spellCheck;
 
+      // the first answer is the correct one
+      // eslint-disable-next-line react/prop-types
       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];
@@ -47,6 +42,5 @@ var _default = (0, _withMask.withMask)('input', function (props) {
     }
   };
 });
-
 exports["default"] = _default;
 //# sourceMappingURL=constructed-response.js.map

package/lib/constructed-response.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constructed-response.jsx"],"names":["props","node","data","onChange","dataset","component","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","correctAnswer","choices","id","finalValue","label","width","type"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;eACe,wBAAS,OAAT,EAAkB,UAACA,KAAD;AAAA,SAAW,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;AACpE,QAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;AACA,QAAIA,OAAO,CAACC,SAAR,KAAsB,OAA1B,EAAmC;AACjC;AACA,UAAQC,aAAR,GAAwFN,KAAxF,CAAQM,aAAR;AAAA,UAAuBC,QAAvB,GAAwFP,KAAxF,CAAuBO,QAAvB;AAAA,UAAiCC,QAAjC,GAAwFR,KAAxF,CAAiCQ,QAAjC;AAAA,UAA2CC,iBAA3C,GAAwFT,KAAxF,CAA2CS,iBAA3C;AAAA,UAA8DC,SAA9D,GAAwFV,KAAxF,CAA8DU,SAA9D;AAAA,UAAyEC,UAAzE,GAAwFX,KAAxF,CAAyEW,UAAzE,CAFiC,CAIjC;AACA;;AACA,UAAMC,aAAa,GAAG,CAAEZ,KAAK,CAACa,OAAN,IAAiBT,OAAjB,IAA4BJ,KAAK,CAACa,OAAN,CAAcT,OAAO,CAACU,EAAtB,CAA7B,IAA2D,EAA5D,EAAgE,CAAhE,CAAtB;AACA,UAAMC,UAAU,GAAGN,iBAAiB,GAAGG,aAAa,IAAIA,aAAa,CAACI,KAAlC,GAA0Cd,IAAI,CAACE,OAAO,CAACU,EAAT,CAAJ,IAAoB,EAAlG;AACA,UAAMG,KAAK,GAAGP,SAAS,IAAIA,SAAS,CAACN,OAAO,CAACU,EAAT,CAApC;AAEA,0BACE,gCAAC,iBAAD;AACE,QAAA,GAAG,YAAKb,IAAI,CAACiB,IAAV,oBAAwBd,OAAO,CAACU,EAAhC,CADL;AAEE,QAAA,OAAO,EAAEN,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACU,EAAT,CAApB,IAAoCN,QAAQ,CAACJ,OAAO,CAACU,EAAT,CAAR,KAAyB,SAFxE;AAGE,QAAA,QAAQ,EAAEL,iBAAiB,IAAIF,QAHjC;AAIE,QAAA,KAAK,EAAEQ,UAJT;AAKE,QAAA,EAAE,EAAEX,OAAO,CAACU,EALd;AAME,QAAA,QAAQ,EAAEX,QANZ;AAOE,QAAA,iBAAiB,EAAEM,iBAPrB;AAQE,QAAA,KAAK,EAAEQ,KART;AASE,QAAA,eAAe,EAAEX,aAAa,GAAGW,KAAH,GAAW,EAT3C;AAUE,QAAA,qBAAqB,EAAE,IAVzB;AAWE,QAAA,UAAU,EAAEN;AAXd,QADF;AAeD;AACF,GA5BgC;AAAA,CAAlB,C","sourcesContent":["import React from 'react';\nimport 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 (\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"],"file":"constructed-response.js"}
+{"version":3,"file":"constructed-response.js","names":["_react","_interopRequireDefault","require","_input","_withMask","_default","withMask","props","node","data","onChange","dataset","component","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","correctAnswer","choices","id","finalValue","label","width","createElement","key","concat","type","correct","value","charactersLimit","isConstructedResponse","exports"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport 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 (\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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA;AAAA,IAAAG,QAAA,GACe,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,IAAQC,aAAa,GAAmEN,KAAK,CAArFM,aAAa;QAAEC,QAAQ,GAAyDP,KAAK,CAAtEO,QAAQ;QAAEC,QAAQ,GAA+CR,KAAK,CAA5DQ,QAAQ;QAAEC,iBAAiB,GAA4BT,KAAK,CAAlDS,iBAAiB;QAAEC,SAAS,GAAiBV,KAAK,CAA/BU,SAAS;QAAEC,UAAU,GAAKX,KAAK,CAApBW,UAAU;;MAEnF;MACA;MACA,IAAMC,aAAa,GAAG,CAAEZ,KAAK,CAACa,OAAO,IAAIT,OAAO,IAAIJ,KAAK,CAACa,OAAO,CAACT,OAAO,CAACU,EAAE,CAAC,IAAK,EAAE,EAAE,CAAC,CAAC;MACxF,IAAMC,UAAU,GAAGN,iBAAiB,GAAGG,aAAa,IAAIA,aAAa,CAACI,KAAK,GAAGd,IAAI,CAACE,OAAO,CAACU,EAAE,CAAC,IAAI,EAAE;MACpG,IAAMG,KAAK,GAAGP,SAAS,IAAIA,SAAS,CAACN,OAAO,CAACU,EAAE,CAAC;MAEhD,oBACErB,MAAA,YAAAyB,aAAA,CAACtB,MAAA,WAAK;QACJuB,GAAG,KAAAC,MAAA,CAAKnB,IAAI,CAACoB,IAAI,aAAAD,MAAA,CAAUhB,OAAO,CAACU,EAAE,CAAG;QACxCQ,OAAO,EAAEd,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACU,EAAE,CAAC,IAAIN,QAAQ,CAACJ,OAAO,CAACU,EAAE,CAAC,KAAK,SAAU;QAChFP,QAAQ,EAAEE,iBAAiB,IAAIF,QAAS;QACxCgB,KAAK,EAAER,UAAW;QAClBD,EAAE,EAAEV,OAAO,CAACU,EAAG;QACfX,QAAQ,EAAEA,QAAS;QACnBM,iBAAiB,EAAEA,iBAAkB;QACrCQ,KAAK,EAAEA,KAAM;QACbO,eAAe,EAAElB,aAAa,GAAGW,KAAK,GAAG,EAAG;QAC5CQ,qBAAqB,EAAE,IAAK;QAC5Bd,UAAU,EAAEA;MAAW,CACxB,CAAC;IAEN;EACF,CAAC;AAAA,EAAC;AAAAe,OAAA,cAAA5B,QAAA"}

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

@@ -1,56 +1,38 @@
 "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 _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 _choices = _interopRequireDefault(require("./choices"));
-
 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; } }
-
 // eslint-disable-next-line react/display-name
 var Masked = (0, _withMask.withMask)('blank', function (props) {
   return function (node, data, onChange) {
     var dataset = node.data ? 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;
-      var choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id]; // eslint-disable-next-line react/prop-types
-
+        duplicates = props.duplicates,
+        correctResponse = props.correctResponse,
+        feedback = props.feedback,
+        showCorrectAnswer = props.showCorrectAnswer;
+      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;
       });
@@ -66,49 +48,37 @@ var Masked = (0, _withMask.withMask)('blank', function (props) {
     }
   };
 });
-
 var DragInTheBlank = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(DragInTheBlank, _React$Component);
-
   var _super = _createSuper(DragInTheBlank);
-
   function DragInTheBlank() {
     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) {
       var flexDirection;
-
       switch (choicePosition) {
         case 'left':
           flexDirection = 'row';
           break;
-
         case 'right':
           flexDirection = 'row-reverse';
           break;
-
         case 'below':
           flexDirection = 'column-reverse';
           break;
-
         default:
           // above
           flexDirection = 'column';
           break;
       }
-
       return flexDirection;
     });
     return _this;
   }
-
   (0, _createClass2["default"])(DragInTheBlank, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps() {
@@ -125,19 +95,18 @@ var DragInTheBlank = /*#__PURE__*/function (_React$Component) {
     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;
+        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 choicePosition = choicesPosition || 'below';
       var style = {
         display: 'flex',
@@ -170,7 +139,6 @@ var DragInTheBlank = /*#__PURE__*/function (_React$Component) {
   }]);
   return DragInTheBlank;
 }(_react["default"].Component);
-
 exports["default"] = DragInTheBlank;
 (0, _defineProperty2["default"])(DragInTheBlank, "propTypes", {
   markup: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/drag-in-the-blank.jsx"],"names":["Masked","props","node","data","onChange","dataset","component","disabled","duplicates","correctResponse","feedback","showCorrectAnswer","choiceId","id","choice","choices","find","c","type","DragInTheBlank","choicePosition","flexDirection","rootRef","markup","layout","value","choicesPosition","style","display","getPositionDirection","ref","React","Component","PropTypes","string","object","arrayOf","shape","label","func","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,IAAMA,MAAM,GAAG,wBAAS,OAAT,EAAkB,UAACC,KAAD;AAAA,SAAW,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;AACpE,QAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;AACA,QAAIA,OAAO,CAACC,SAAR,KAAsB,OAA1B,EAAmC;AACjC;AACA,UAAQC,QAAR,GAA+EN,KAA/E,CAAQM,QAAR;AAAA,UAAkBC,UAAlB,GAA+EP,KAA/E,CAAkBO,UAAlB;AAAA,UAA8BC,eAA9B,GAA+ER,KAA/E,CAA8BQ,eAA9B;AAAA,UAA+CC,QAA/C,GAA+ET,KAA/E,CAA+CS,QAA/C;AAAA,UAAyDC,iBAAzD,GAA+EV,KAA/E,CAAyDU,iBAAzD;AACA,UAAMC,QAAQ,GAAGD,iBAAiB,GAAGF,eAAe,CAACJ,OAAO,CAACQ,EAAT,CAAlB,GAAiCV,IAAI,CAACE,OAAO,CAACQ,EAAT,CAAvE,CAHiC,CAIjC;;AACA,UAAMC,MAAM,GAAGF,QAAQ,IAAIX,KAAK,CAACc,OAAN,CAAcC,IAAd,CAAmB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACJ,EAAF,KAASD,QAAhB;AAAA,OAAnB,CAA3B;AAEA,0BACE,gCAAC,iBAAD;AACE,QAAA,GAAG,YAAKV,IAAI,CAACgB,IAAV,cAAkBb,OAAO,CAACQ,EAA1B,CADL;AAEE,QAAA,OAAO,EAAEF,iBAAiB,IAAKD,QAAQ,IAAIA,QAAQ,CAACL,OAAO,CAACQ,EAAT,CAFrD;AAGE,QAAA,QAAQ,EAAEN,QAHZ;AAIE,QAAA,UAAU,EAAEC,UAJd;AAKE,QAAA,MAAM,EAAEM,MALV;AAME,QAAA,EAAE,EAAET,OAAO,CAACQ,EANd;AAOE,QAAA,QAAQ,EAAET;AAPZ,QADF;AAWD;AACF,GArBgC;AAAA,CAAlB,CAAf;;IAuBqBe,c;;;;;;;;;;;;;;;6GAyBI,UAACC,cAAD,EAAoB;AACzC,UAAIC,aAAJ;;AAEA,cAAQD,cAAR;AACE,aAAK,MAAL;AACEC,UAAAA,aAAa,GAAG,KAAhB;AACA;;AACF,aAAK,OAAL;AACEA,UAAAA,aAAa,GAAG,aAAhB;AACA;;AACF,aAAK,OAAL;AACEA,UAAAA,aAAa,GAAG,gBAAhB;AACA;;AACF;AACE;AACAA,UAAAA,aAAa,GAAG,QAAhB;AACA;AAbJ;;AAgBA,aAAOA,aAAP;AACD,K;;;;;;WA9BD,4CAAmC;AACjC,UAAI,KAAKC,OAAT,EAAkB;AAChB,uCAAW,KAAKA,OAAhB;AACD;AACF;;;WAED,8BAAqB;AACnB,qCAAW,KAAKA,OAAhB;AACD;;;WAwBD,kBAAS;AAAA;;AACP,wBAYI,KAAKrB,KAZT;AAAA,UACEsB,MADF,eACEA,MADF;AAAA,UAEEf,UAFF,eAEEA,UAFF;AAAA,UAGEgB,MAHF,eAGEA,MAHF;AAAA,UAIEC,KAJF,eAIEA,KAJF;AAAA,UAKErB,QALF,eAKEA,QALF;AAAA,UAMEsB,eANF,eAMEA,eANF;AAAA,UAOEX,OAPF,eAOEA,OAPF;AAAA,UAQEN,eARF,eAQEA,eARF;AAAA,UASEF,QATF,eASEA,QATF;AAAA,UAUEG,QAVF,eAUEA,QAVF;AAAA,UAWEC,iBAXF,eAWEA,iBAXF;AAcA,UAAMS,cAAc,GAAGM,eAAe,IAAI,OAA1C;AACA,UAAMC,KAAK,GAAG;AACZC,QAAAA,OAAO,EAAE,MADG;AAEZP,QAAAA,aAAa,EAAE,KAAKQ,oBAAL,CAA0BT,cAA1B;AAFH,OAAd;AAKA,0BACE;AAAK,QAAA,GAAG,EAAE,aAACU,IAAD;AAAA,iBAASA,IAAG,KAAK,MAAI,CAACR,OAAL,GAAeQ,IAApB,CAAZ;AAAA,SAAV;AAAgD,QAAA,KAAK,EAAEH;AAAvD,sBACE,gCAAC,mBAAD;AACE,QAAA,cAAc,EAAEP,cADlB;AAEE,QAAA,UAAU,EAAEZ,UAFd;AAGE,QAAA,OAAO,EAAEO,OAHX;AAIE,QAAA,KAAK,EAAEU,KAJT;AAKE,QAAA,QAAQ,EAAElB;AALZ,QADF,eAQE,gCAAC,MAAD;AACE,QAAA,MAAM,EAAEgB,MADV;AAEE,QAAA,MAAM,EAAEC,MAFV;AAGE,QAAA,KAAK,EAAEC,KAHT;AAIE,QAAA,OAAO,EAAEV,OAJX;AAKE,QAAA,QAAQ,EAAEX,QALZ;AAME,QAAA,QAAQ,EAAEG,QANZ;AAOE,QAAA,UAAU,EAAEC,UAPd;AAQE,QAAA,QAAQ,EAAEE,QARZ;AASE,QAAA,eAAe,EAAED,eATnB;AAUE,QAAA,iBAAiB,EAAEE;AAVrB,QARF,CADF;AAuBD;;;EA3FyCoB,kBAAMC,S;;;iCAA7Bb,c,eACA;AACjBI,EAAAA,MAAM,EAAEU,sBAAUC,MADD;AAEjBV,EAAAA,MAAM,EAAES,sBAAUE,MAFD;AAGjBT,EAAAA,eAAe,EAAEO,sBAAUC,MAHV;AAIjBnB,EAAAA,OAAO,EAAEkB,sBAAUG,OAAV,CAAkBH,sBAAUI,KAAV,CAAgB;AAAEC,IAAAA,KAAK,EAAEL,sBAAUC,MAAnB;AAA2BT,IAAAA,KAAK,EAAEQ,sBAAUC;AAA5C,GAAhB,CAAlB,CAJQ;AAKjBT,EAAAA,KAAK,EAAEQ,sBAAUE,MALA;AAMjB/B,EAAAA,QAAQ,EAAE6B,sBAAUM,IANH;AAOjB/B,EAAAA,UAAU,EAAEyB,sBAAUO,IAPL;AAQjBjC,EAAAA,QAAQ,EAAE0B,sBAAUO,IARH;AASjB9B,EAAAA,QAAQ,EAAEuB,sBAAUE,MATH;AAUjB1B,EAAAA,eAAe,EAAEwB,sBAAUE,MAVV;AAWjBxB,EAAAA,iBAAiB,EAAEsB,sBAAUO;AAXZ,C","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\n// eslint-disable-next-line react/display-name\nconst Masked = withMask('blank', (props) => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'blank') {\n    // eslint-disable-next-line react/prop-types\n    const { disabled, duplicates, correctResponse, feedback, showCorrectAnswer } = 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        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(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),\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  UNSAFE_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"],"file":"drag-in-the-blank.js"}
+{"version":3,"file":"drag-in-the-blank.js","names":["_react","_interopRequireDefault","require","_propTypes","_mathRendering","_choices","_blank","_withMask","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Masked","withMask","props","node","data","onChange","dataset","component","disabled","duplicates","correctResponse","feedback","showCorrectAnswer","choiceId","id","choice","choices","find","c","createElement","key","concat","type","correct","DragInTheBlank","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_defineProperty2","_assertThisInitialized2","choicePosition","flexDirection","_createClass2","value","UNSAFE_componentWillReceiveProps","rootRef","renderMath","componentDidUpdate","render","_this2","_this$props","markup","layout","choicesPosition","style","display","getPositionDirection","ref","React","Component","exports","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\n// eslint-disable-next-line react/display-name\nconst Masked = withMask('blank', (props) => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'blank') {\n    // eslint-disable-next-line react/prop-types\n    const { disabled, duplicates, correctResponse, feedback, showCorrectAnswer } = 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        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(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),\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  UNSAFE_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":"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"}

package/lib/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -41,14 +40,9 @@ 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 _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
-
 var _componentize = _interopRequireDefault(require("./componentize"));
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA","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 { withMask, buildLayoutFromMarkup, DragInTheBlank, ConstructedResponse, InlineDropdown, componentize };\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_withMask","require","_dragInTheBlank","_interopRequireDefault","_constructedResponse","_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 InlineDropdown from './inline-dropdown';\nimport componentize from './componentize';\n\nexport { withMask, buildLayoutFromMarkup, DragInTheBlank, ConstructedResponse, InlineDropdown, componentize };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA"}