@pie-lib/mask-markup 1.10.21-next.306 → 1.10.21-next.406

package/lib/components/correct-input.js

@@ -1,10 +1,18 @@
 "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"));
@@ -17,16 +25,6 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _excluded = ["correct", "charactersLimit", "classes", "disabled", "isBox", "isConstructedResponse", "width", "spellCheck"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var correctStyle = function correctStyle(color) {
   return {
     borderColor: "".concat(color, " !important")
@@ -86,8 +84,7 @@ var _default = (0, _styles.withStyles)(function () {
       isConstructedResponse = props.isConstructedResponse,
       width = props.width,
       spellCheck = props.spellCheck,
-      rest = _objectWithoutProperties(props, _excluded);
-
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var label = typeof correct === 'boolean' ? correct ? 'correct' : 'incorrect' : undefined;
   var inputProps = charactersLimit ? {
     maxLength: charactersLimit
@@ -100,10 +97,10 @@ var _default = (0, _styles.withStyles)(function () {
     };
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], _extends({
-    className: (0, _classnames3["default"])((_classnames = {}, _defineProperty(_classnames, classes.disabledInput, disabled), _defineProperty(_classnames, classes.box, isBox), _defineProperty(_classnames, classes.outlinedInput, true), _classnames)),
+  return /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], (0, _extends2["default"])({
+    className: (0, _classnames3["default"])((_classnames = {}, (0, _defineProperty2["default"])(_classnames, classes.disabledInput, disabled), (0, _defineProperty2["default"])(_classnames, classes.box, isBox), (0, _defineProperty2["default"])(_classnames, classes.outlinedInput, true), _classnames)),
     classes: {
-      input: (0, _classnames3["default"])((_classnames2 = {}, _defineProperty(_classnames2, classes.input, true), _defineProperty(_classnames2, classes[label], label), _defineProperty(_classnames2, classes.crInput, isConstructedResponse), _classnames2))
+      input: (0, _classnames3["default"])((_classnames2 = {}, (0, _defineProperty2["default"])(_classnames2, classes.input, true), (0, _defineProperty2["default"])(_classnames2, classes[label], label), (0, _defineProperty2["default"])(_classnames2, classes.crInput, isConstructedResponse), _classnames2))
     },
     inputProps: inputProps,
     labelWidth: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"correct-input.js","names":["correctStyle","color","borderColor","withStyles","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","classnames","disabledInput"],"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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"}
+{"version":3,"file":"correct-input.js","names":["correctStyle","color","borderColor","withStyles","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","classnames","disabledInput"],"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,76 +1,66 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _correctInput = _interopRequireDefault(require("./correct-input"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _styles = require("@material-ui/core/styles");
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _renderUi = require("@pie-lib/render-ui");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _react = _interopRequireDefault(require("react"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _correctInput = _interopRequireDefault(require("./correct-input"));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+var _styles = require("@material-ui/core/styles");
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+var _renderUi = require("@pie-lib/render-ui");
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var Dropdown = /*#__PURE__*/function (_React$Component) {
-  _inherits(Dropdown, _React$Component);
+  (0, _inherits2["default"])(Dropdown, _React$Component);
 
   var _super = _createSuper(Dropdown);
 
   function Dropdown(props) {
     var _this;
 
-    _classCallCheck(this, Dropdown);
-
+    (0, _classCallCheck2["default"])(this, Dropdown);
     _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "showCheckmarkAndOpen", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showCheckmarkAndOpen", function () {
       _this.setState({
         showCheckmark: true,
         open: true
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "hideCheckmarkAndClose", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hideCheckmarkAndClose", function () {
       _this.setState({
         showCheckmark: false,
         open: false
       });
     });
-
     _this.state = {
       showCheckmark: false,
       open: false
@@ -78,7 +68,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(Dropdown, [{
+  (0, _createClass2["default"])(Dropdown, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -137,11 +127,10 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return Dropdown;
 }(_react["default"].Component);
 
-_defineProperty(Dropdown, "propTypes", {
+(0, _defineProperty2["default"])(Dropdown, "propTypes", {
   id: _propTypes["default"].string,
   value: _propTypes["default"].string,
   disabled: _propTypes["default"].bool,

package/lib/components/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","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","withStyles"],"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(\n      PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })\n    ),\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 {\n      classes,\n      id,\n      correct,\n      disabled,\n      value,\n      onChange,\n      choices,\n      showCorrectAnswer\n    } = 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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"}
+{"version":3,"file":"dropdown.js","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","withStyles"],"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(\n      PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })\n    ),\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 {\n      classes,\n      id,\n      correct,\n      disabled,\n      value,\n      onChange,\n      choices,\n      showCorrectAnswer\n    } = 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,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _correctInput = _interopRequireDefault(require("./correct-input"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var Input = function Input(_ref) {
   var disabled = _ref.disabled,
       correct = _ref.correct,

package/lib/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["Input","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","e","target","propTypes","PropTypes","string","func","bool"],"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};\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAWR;EAAA,IAVJC,QAUI,QAVJA,QAUI;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,eAQI,QARJA,eAQI;EAAA,IAPJC,EAOI,QAPJA,EAOI;EAAA,IANJC,qBAMI,QANJA,qBAMI;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,SAII,QAJJA,QAII;EAAA,IAHJC,iBAGI,QAHJA,iBAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,oBACE,gCAAC,wBAAD;IACE,QAAQ,EAAET,QADZ;IAEE,OAAO,EAAEO,iBAAiB,IAAIN,OAFhC;IAGE,eAAe,EAAEC,eAHnB;IAIE,OAAO,EAAC,UAJV;IAKE,KAAK,EAAEG,KALT;IAME,qBAAqB,EAAED,qBANzB;IAOE,UAAU,EAAEI,UAPd;IAQE,KAAK,EAAE,IART;IASE,KAAK,EAAEC,KATT;IAUE,QAAQ,EAAE,kBAAAC,CAAC,EAAI;MACbJ,SAAQ,CAACH,EAAD,EAAKO,CAAC,CAACC,MAAF,CAASN,KAAd,CAAR;IACD;EAZH,EADF;AAgBD,CA5BD;;AA8BAN,KAAK,CAACa,SAAN,GAAkB;EAChBT,EAAE,EAAEU,qBAAA,CAAUC,MADE;EAEhBT,KAAK,EAAEQ,qBAAA,CAAUC,MAFD;EAGhBR,QAAQ,EAAEO,qBAAA,CAAUE,IAHJ;EAIhBf,QAAQ,EAAEa,qBAAA,CAAUG,IAJJ;EAKhBR,UAAU,EAAEK,qBAAA,CAAUG,IALN;EAMhBf,OAAO,EAAEY,qBAAA,CAAUG,IANH;EAOhBT,iBAAiB,EAAEM,qBAAA,CAAUG;AAPb,CAAlB;eAUejB,K"}
+{"version":3,"file":"input.js","names":["Input","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","e","target","propTypes","PropTypes","string","func","bool"],"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};\n\nexport default Input;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAWR;EAAA,IAVJC,QAUI,QAVJA,QAUI;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,eAQI,QARJA,eAQI;EAAA,IAPJC,EAOI,QAPJA,EAOI;EAAA,IANJC,qBAMI,QANJA,qBAMI;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,SAII,QAJJA,QAII;EAAA,IAHJC,iBAGI,QAHJA,iBAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,oBACE,gCAAC,wBAAD;IACE,QAAQ,EAAET,QADZ;IAEE,OAAO,EAAEO,iBAAiB,IAAIN,OAFhC;IAGE,eAAe,EAAEC,eAHnB;IAIE,OAAO,EAAC,UAJV;IAKE,KAAK,EAAEG,KALT;IAME,qBAAqB,EAAED,qBANzB;IAOE,UAAU,EAAEI,UAPd;IAQE,KAAK,EAAE,IART;IASE,KAAK,EAAEC,KATT;IAUE,QAAQ,EAAE,kBAAAC,CAAC,EAAI;MACbJ,SAAQ,CAACH,EAAD,EAAKO,CAAC,CAACC,MAAF,CAASN,KAAd,CAAR;IACD;EAZH,EADF;AAgBD,CA5BD;;AA8BAN,KAAK,CAACa,SAAN,GAAkB;EAChBT,EAAE,EAAEU,qBAAA,CAAUC,MADE;EAEhBT,KAAK,EAAEQ,qBAAA,CAAUC,MAFD;EAGhBR,QAAQ,EAAEO,qBAAA,CAAUE,IAHJ;EAIhBf,QAAQ,EAAEa,qBAAA,CAAUG,IAJJ;EAKhBR,UAAU,EAAEK,qBAAA,CAAUG,IALN;EAMhBf,OAAO,EAAEY,qBAAA,CAAUG,IANH;EAOhBT,iBAAiB,EAAEM,qBAAA,CAAUG;AAPb,CAAlB;eAUejB,K"}

package/lib/constructed-response.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +13,6 @@ var _input = _interopRequireDefault(require("./components/input"));
 
 var _withMask = require("./with-mask");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = (0, _withMask.withMask)('input', function (props) {
   return function (node, data, onChange) {
     var dataset = node.data ? node.data.dataset || {} : {};

package/lib/constructed-response.js.map

@@ -1 +1 @@
-{"version":3,"file":"constructed-response.js","names":["withMask","props","node","data","onChange","dataset","component","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","correctAnswer","choices","id","finalValue","label","width","type"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport Input from './components/input';\nimport { withMask } from './with-mask';\n\nexport default withMask('input', props => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'input') {\n    const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;\n\n    // the first answer is the correct one\n    const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n    const finalValue = showCorrectAnswer\n      ? correctAnswer && correctAnswer.label\n      : 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;;AACA;;AACA;;;;eAEe,IAAAA,kBAAA,EAAS,OAAT,EAAkB,UAAAC,KAAK;EAAA,OAAI,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;IAClE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;IACA,IAAIA,OAAO,CAACC,SAAR,KAAsB,OAA1B,EAAmC;MACjC,IAAQC,aAAR,GAAwFN,KAAxF,CAAQM,aAAR;MAAA,IAAuBC,QAAvB,GAAwFP,KAAxF,CAAuBO,QAAvB;MAAA,IAAiCC,QAAjC,GAAwFR,KAAxF,CAAiCQ,QAAjC;MAAA,IAA2CC,iBAA3C,GAAwFT,KAAxF,CAA2CS,iBAA3C;MAAA,IAA8DC,SAA9D,GAAwFV,KAAxF,CAA8DU,SAA9D;MAAA,IAAyEC,UAAzE,GAAwFX,KAAxF,CAAyEW,UAAzE,CADiC,CAGjC;;MACA,IAAMC,aAAa,GAAG,CAAEZ,KAAK,CAACa,OAAN,IAAiBT,OAAjB,IAA4BJ,KAAK,CAACa,OAAN,CAAcT,OAAO,CAACU,EAAtB,CAA7B,IAA2D,EAA5D,EAAgE,CAAhE,CAAtB;MACA,IAAMC,UAAU,GAAGN,iBAAiB,GAChCG,aAAa,IAAIA,aAAa,CAACI,KADC,GAEhCd,IAAI,CAACE,OAAO,CAACU,EAAT,CAAJ,IAAoB,EAFxB;MAGA,IAAMG,KAAK,GAAGP,SAAS,IAAIA,SAAS,CAACN,OAAO,CAACU,EAAT,CAApC;MAEA,oBACE,gCAAC,iBAAD;QACE,GAAG,YAAKb,IAAI,CAACiB,IAAV,oBAAwBd,OAAO,CAACU,EAAhC,CADL;QAEE,OAAO,EAAEN,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACU,EAAT,CAApB,IAAoCN,QAAQ,CAACJ,OAAO,CAACU,EAAT,CAAR,KAAyB,SAFxE;QAGE,QAAQ,EAAEL,iBAAiB,IAAIF,QAHjC;QAIE,KAAK,EAAEQ,UAJT;QAKE,EAAE,EAAEX,OAAO,CAACU,EALd;QAME,QAAQ,EAAEX,QANZ;QAOE,iBAAiB,EAAEM,iBAPrB;QAQE,KAAK,EAAEQ,KART;QASE,eAAe,EAAEX,aAAa,GAAGW,KAAH,GAAW,EAT3C;QAUE,qBAAqB,EAAE,IAVzB;QAWE,UAAU,EAAEN;MAXd,EADF;IAeD;EACF,CA5BqC;AAAA,CAAvB,C"}
+{"version":3,"file":"constructed-response.js","names":["withMask","props","node","data","onChange","dataset","component","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","correctAnswer","choices","id","finalValue","label","width","type"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport Input from './components/input';\nimport { withMask } from './with-mask';\n\nexport default withMask('input', props => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'input') {\n    const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;\n\n    // the first answer is the correct one\n    const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n    const finalValue = showCorrectAnswer\n      ? correctAnswer && correctAnswer.label\n      : 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;;AACA;;AACA;;eAEe,IAAAA,kBAAA,EAAS,OAAT,EAAkB,UAAAC,KAAK;EAAA,OAAI,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;IAClE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;IACA,IAAIA,OAAO,CAACC,SAAR,KAAsB,OAA1B,EAAmC;MACjC,IAAQC,aAAR,GAAwFN,KAAxF,CAAQM,aAAR;MAAA,IAAuBC,QAAvB,GAAwFP,KAAxF,CAAuBO,QAAvB;MAAA,IAAiCC,QAAjC,GAAwFR,KAAxF,CAAiCQ,QAAjC;MAAA,IAA2CC,iBAA3C,GAAwFT,KAAxF,CAA2CS,iBAA3C;MAAA,IAA8DC,SAA9D,GAAwFV,KAAxF,CAA8DU,SAA9D;MAAA,IAAyEC,UAAzE,GAAwFX,KAAxF,CAAyEW,UAAzE,CADiC,CAGjC;;MACA,IAAMC,aAAa,GAAG,CAAEZ,KAAK,CAACa,OAAN,IAAiBT,OAAjB,IAA4BJ,KAAK,CAACa,OAAN,CAAcT,OAAO,CAACU,EAAtB,CAA7B,IAA2D,EAA5D,EAAgE,CAAhE,CAAtB;MACA,IAAMC,UAAU,GAAGN,iBAAiB,GAChCG,aAAa,IAAIA,aAAa,CAACI,KADC,GAEhCd,IAAI,CAACE,OAAO,CAACU,EAAT,CAAJ,IAAoB,EAFxB;MAGA,IAAMG,KAAK,GAAGP,SAAS,IAAIA,SAAS,CAACN,OAAO,CAACU,EAAT,CAApC;MAEA,oBACE,gCAAC,iBAAD;QACE,GAAG,YAAKb,IAAI,CAACiB,IAAV,oBAAwBd,OAAO,CAACU,EAAhC,CADL;QAEE,OAAO,EAAEN,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACU,EAAT,CAApB,IAAoCN,QAAQ,CAACJ,OAAO,CAACU,EAAT,CAAR,KAAyB,SAFxE;QAGE,QAAQ,EAAEL,iBAAiB,IAAIF,QAHjC;QAIE,KAAK,EAAEQ,UAJT;QAKE,EAAE,EAAEX,OAAO,CAACU,EALd;QAME,QAAQ,EAAEX,QANZ;QAOE,iBAAiB,EAAEM,iBAPrB;QAQE,KAAK,EAAEQ,KART;QASE,eAAe,EAAEX,aAAa,GAAGW,KAAH,GAAW,EAT3C;QAUE,qBAAqB,EAAE,IAVzB;QAWE,UAAU,EAAEN;MAXd,EADF;IAeD;EACF,CA5BqC;AAAA,CAAvB,C"}

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

@@ -1,48 +1,42 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _mathRendering = require("@pie-lib/math-rendering");
-
-var _choices = _interopRequireDefault(require("./choices"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _blank = _interopRequireDefault(require("./components/blank"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _withMask = require("./with-mask");
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _react = _interopRequireDefault(require("react"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _mathRendering = require("@pie-lib/math-rendering");
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _choices = _interopRequireDefault(require("./choices"));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+var _blank = _interopRequireDefault(require("./components/blank"));
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+var _withMask = require("./with-mask");
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var Masked = (0, _withMask.withMask)('blank', function (props) {
   return function (node, data, onChange) {
     var dataset = node.data ? node.data.dataset || {} : {};
@@ -71,22 +65,21 @@ var Masked = (0, _withMask.withMask)('blank', function (props) {
 });
 
 var DragInTheBlank = /*#__PURE__*/function (_React$Component) {
-  _inherits(DragInTheBlank, _React$Component);
+  (0, _inherits2["default"])(DragInTheBlank, _React$Component);
 
   var _super = _createSuper(DragInTheBlank);
 
   function DragInTheBlank() {
     var _this;
 
-    _classCallCheck(this, DragInTheBlank);
+    (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));
-
-    _defineProperty(_assertThisInitialized(_this), "getPositionDirection", function (choicePosition) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPositionDirection", function (choicePosition) {
       var flexDirection;
 
       switch (choicePosition) {
@@ -110,11 +103,10 @@ var DragInTheBlank = /*#__PURE__*/function (_React$Component) {
 
       return flexDirection;
     });
-
     return _this;
   }
 
-  _createClass(DragInTheBlank, [{
+  (0, _createClass2["default"])(DragInTheBlank, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps() {
       if (this.rootRef) {
@@ -173,13 +165,11 @@ var DragInTheBlank = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return DragInTheBlank;
 }(_react["default"].Component);
 
 exports["default"] = DragInTheBlank;
-
-_defineProperty(DragInTheBlank, "propTypes", {
+(0, _defineProperty2["default"])(DragInTheBlank, "propTypes", {
   markup: _propTypes["default"].string,
   layout: _propTypes["default"].object,
   choicesPosition: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"file":"drag-in-the-blank.js","names":["Masked","withMask","props","node","data","onChange","dataset","component","disabled","duplicates","correctResponse","feedback","showCorrectAnswer","choiceId","id","choice","choices","find","c","type","DragInTheBlank","choicePosition","flexDirection","rootRef","renderMath","markup","layout","value","choicesPosition","style","display","getPositionDirection","ref","React","Component","PropTypes","string","object","arrayOf","shape","label","func","bool"],"sources":["../src/drag-in-the-blank.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport Choices from './choices';\nimport Blank from './components/blank';\nimport { withMask } from './with-mask';\n\nconst Masked = withMask('blank', props => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n\n  if (dataset.component === 'blank') {\n    const { disabled, duplicates, correctResponse, feedback, showCorrectAnswer } = props;\n    const choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];\n    const choice = choiceId && props.choices.find(c => c.id === choiceId);\n\n    return (\n      <Blank\n        key={`${node.type}-${dataset.id}`}\n        correct={showCorrectAnswer || (feedback && feedback[dataset.id])}\n        disabled={disabled}\n        duplicates={duplicates}\n        choice={choice}\n        id={dataset.id}\n        onChange={onChange}\n      />\n    );\n  }\n});\n\nexport default class DragInTheBlank extends React.Component {\n  static propTypes = {\n    markup: PropTypes.string,\n    layout: PropTypes.object,\n    choicesPosition: PropTypes.string,\n    choices: PropTypes.arrayOf(\n      PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })\n    ),\n    value: PropTypes.object,\n    onChange: PropTypes.func,\n    duplicates: PropTypes.bool,\n    disabled: PropTypes.bool,\n    feedback: PropTypes.object,\n    correctResponse: PropTypes.object,\n    showCorrectAnswer: PropTypes.bool\n  };\n\n  componentWillReceiveProps() {\n    if (this.rootRef) {\n      renderMath(this.rootRef);\n    }\n  }\n\n  componentDidUpdate() {\n    renderMath(this.rootRef);\n  }\n\n  getPositionDirection = choicePosition => {\n    let flexDirection;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row';\n        break;\n      case 'right':\n        flexDirection = 'row-reverse';\n        break;\n      case 'below':\n        flexDirection = 'column-reverse';\n        break;\n      default:\n        // above\n        flexDirection = 'column';\n        break;\n    }\n\n    return flexDirection;\n  };\n\n  render() {\n    const {\n      markup,\n      duplicates,\n      layout,\n      value,\n      onChange,\n      choicesPosition,\n      choices,\n      correctResponse,\n      disabled,\n      feedback,\n      showCorrectAnswer\n    } = this.props;\n\n    const choicePosition = choicesPosition || 'below';\n    const style = {\n      display: 'flex',\n      flexDirection: this.getPositionDirection(choicePosition)\n    };\n\n    return (\n      <div ref={ref => ref && (this.rootRef = ref)} style={style}>\n        <Choices\n          choicePosition={choicePosition}\n          duplicates={duplicates}\n          choices={choices}\n          value={value}\n          disabled={disabled}\n        />\n        <Masked\n          markup={markup}\n          layout={layout}\n          value={value}\n          choices={choices}\n          onChange={onChange}\n          disabled={disabled}\n          duplicates={duplicates}\n          feedback={feedback}\n          correctResponse={correctResponse}\n          showCorrectAnswer={showCorrectAnswer}\n        />\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"drag-in-the-blank.js","names":["Masked","withMask","props","node","data","onChange","dataset","component","disabled","duplicates","correctResponse","feedback","showCorrectAnswer","choiceId","id","choice","choices","find","c","type","DragInTheBlank","choicePosition","flexDirection","rootRef","renderMath","markup","layout","value","choicesPosition","style","display","getPositionDirection","ref","React","Component","PropTypes","string","object","arrayOf","shape","label","func","bool"],"sources":["../src/drag-in-the-blank.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport Choices from './choices';\nimport Blank from './components/blank';\nimport { withMask } from './with-mask';\n\nconst Masked = withMask('blank', props => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n\n  if (dataset.component === 'blank') {\n    const { disabled, duplicates, correctResponse, feedback, showCorrectAnswer } = props;\n    const choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];\n    const choice = choiceId && props.choices.find(c => c.id === choiceId);\n\n    return (\n      <Blank\n        key={`${node.type}-${dataset.id}`}\n        correct={showCorrectAnswer || (feedback && feedback[dataset.id])}\n        disabled={disabled}\n        duplicates={duplicates}\n        choice={choice}\n        id={dataset.id}\n        onChange={onChange}\n      />\n    );\n  }\n});\n\nexport default class DragInTheBlank extends React.Component {\n  static propTypes = {\n    markup: PropTypes.string,\n    layout: PropTypes.object,\n    choicesPosition: PropTypes.string,\n    choices: PropTypes.arrayOf(\n      PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })\n    ),\n    value: PropTypes.object,\n    onChange: PropTypes.func,\n    duplicates: PropTypes.bool,\n    disabled: PropTypes.bool,\n    feedback: PropTypes.object,\n    correctResponse: PropTypes.object,\n    showCorrectAnswer: PropTypes.bool\n  };\n\n  componentWillReceiveProps() {\n    if (this.rootRef) {\n      renderMath(this.rootRef);\n    }\n  }\n\n  componentDidUpdate() {\n    renderMath(this.rootRef);\n  }\n\n  getPositionDirection = choicePosition => {\n    let flexDirection;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row';\n        break;\n      case 'right':\n        flexDirection = 'row-reverse';\n        break;\n      case 'below':\n        flexDirection = 'column-reverse';\n        break;\n      default:\n        // above\n        flexDirection = 'column';\n        break;\n    }\n\n    return flexDirection;\n  };\n\n  render() {\n    const {\n      markup,\n      duplicates,\n      layout,\n      value,\n      onChange,\n      choicesPosition,\n      choices,\n      correctResponse,\n      disabled,\n      feedback,\n      showCorrectAnswer\n    } = this.props;\n\n    const choicePosition = choicesPosition || 'below';\n    const style = {\n      display: 'flex',\n      flexDirection: this.getPositionDirection(choicePosition)\n    };\n\n    return (\n      <div ref={ref => ref && (this.rootRef = ref)} style={style}>\n        <Choices\n          choicePosition={choicePosition}\n          duplicates={duplicates}\n          choices={choices}\n          value={value}\n          disabled={disabled}\n        />\n        <Masked\n          markup={markup}\n          layout={layout}\n          value={value}\n          choices={choices}\n          onChange={onChange}\n          disabled={disabled}\n          duplicates={duplicates}\n          feedback={feedback}\n          correctResponse={correctResponse}\n          showCorrectAnswer={showCorrectAnswer}\n        />\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/lib/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -49,6 +51,4 @@ var _constructedResponse = _interopRequireDefault(require("./constructed-respons
 var _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
 
 var _componentize = _interopRequireDefault(require("./componentize"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import { withMask, buildLayoutFromMarkup } from './with-mask';\nimport DragInTheBlank from './drag-in-the-blank';\nimport ConstructedResponse from './constructed-response';\nimport InlineDropdown from './inline-dropdown';\nimport componentize from './componentize';\n\nexport {\n  withMask,\n  buildLayoutFromMarkup,\n  DragInTheBlank,\n  ConstructedResponse,\n  InlineDropdown,\n  componentize\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import { withMask, buildLayoutFromMarkup } from './with-mask';\nimport DragInTheBlank from './drag-in-the-blank';\nimport ConstructedResponse from './constructed-response';\nimport InlineDropdown from './inline-dropdown';\nimport componentize from './componentize';\n\nexport {\n  withMask,\n  buildLayoutFromMarkup,\n  DragInTheBlank,\n  ConstructedResponse,\n  InlineDropdown,\n  componentize\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}

package/lib/inline-dropdown.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +13,6 @@ var _dropdown = _interopRequireDefault(require("./components/dropdown"));
 
 var _withMask = require("./with-mask");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = (0, _withMask.withMask)('dropdown', function (props) {
   return function (node, data, onChange) {
     var dataset = node.data ? node.data.dataset || {} : {};

package/lib/inline-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-dropdown.js","names":["withMask","props","node","data","onChange","dataset","component","choices","disabled","feedback","showCorrectAnswer","correctAnswer","id","find","c","correct","finalChoice","value","type"],"sources":["../src/inline-dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport Dropdown from './components/dropdown';\nimport { withMask } from './with-mask';\n\nexport default withMask('dropdown', props => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'dropdown') {\n    const { choices, disabled, feedback, showCorrectAnswer } = props;\n    const correctAnswer =\n      choices && choices[dataset.id] && choices[dataset.id].find(c => c.correct);\n    const finalChoice = showCorrectAnswer ? correctAnswer && correctAnswer.value : data[dataset.id];\n\n    return (\n      <Dropdown\n        key={`${node.type}-dropdown-${dataset.id}`}\n        correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n        disabled={disabled || showCorrectAnswer}\n        value={finalChoice}\n        id={dataset.id}\n        onChange={onChange}\n        choices={choices[dataset.id]}\n        showCorrectAnswer={showCorrectAnswer}\n      />\n    );\n  }\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,kBAAA,EAAS,UAAT,EAAqB,UAAAC,KAAK;EAAA,OAAI,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;IACrE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;IACA,IAAIA,OAAO,CAACC,SAAR,KAAsB,UAA1B,EAAsC;MACpC,IAAQC,OAAR,GAA2DN,KAA3D,CAAQM,OAAR;MAAA,IAAiBC,QAAjB,GAA2DP,KAA3D,CAAiBO,QAAjB;MAAA,IAA2BC,QAA3B,GAA2DR,KAA3D,CAA2BQ,QAA3B;MAAA,IAAqCC,iBAArC,GAA2DT,KAA3D,CAAqCS,iBAArC;MACA,IAAMC,aAAa,GACjBJ,OAAO,IAAIA,OAAO,CAACF,OAAO,CAACO,EAAT,CAAlB,IAAkCL,OAAO,CAACF,OAAO,CAACO,EAAT,CAAP,CAAoBC,IAApB,CAAyB,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACC,OAAN;MAAA,CAA1B,CADpC;MAEA,IAAMC,WAAW,GAAGN,iBAAiB,GAAGC,aAAa,IAAIA,aAAa,CAACM,KAAlC,GAA0Cd,IAAI,CAACE,OAAO,CAACO,EAAT,CAAnF;MAEA,oBACE,gCAAC,oBAAD;QACE,GAAG,YAAKV,IAAI,CAACgB,IAAV,uBAA2Bb,OAAO,CAACO,EAAnC,CADL;QAEE,OAAO,EAAEH,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACO,EAAT,CAApB,IAAoCH,QAAQ,CAACJ,OAAO,CAACO,EAAT,CAAR,KAAyB,SAFxE;QAGE,QAAQ,EAAEJ,QAAQ,IAAIE,iBAHxB;QAIE,KAAK,EAAEM,WAJT;QAKE,EAAE,EAAEX,OAAO,CAACO,EALd;QAME,QAAQ,EAAER,QANZ;QAOE,OAAO,EAAEG,OAAO,CAACF,OAAO,CAACO,EAAT,CAPlB;QAQE,iBAAiB,EAAEF;MARrB,EADF;IAYD;EACF,CArBwC;AAAA,CAA1B,C"}
+{"version":3,"file":"inline-dropdown.js","names":["withMask","props","node","data","onChange","dataset","component","choices","disabled","feedback","showCorrectAnswer","correctAnswer","id","find","c","correct","finalChoice","value","type"],"sources":["../src/inline-dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport Dropdown from './components/dropdown';\nimport { withMask } from './with-mask';\n\nexport default withMask('dropdown', props => (node, data, onChange) => {\n  const dataset = node.data ? node.data.dataset || {} : {};\n  if (dataset.component === 'dropdown') {\n    const { choices, disabled, feedback, showCorrectAnswer } = props;\n    const correctAnswer =\n      choices && choices[dataset.id] && choices[dataset.id].find(c => c.correct);\n    const finalChoice = showCorrectAnswer ? correctAnswer && correctAnswer.value : data[dataset.id];\n\n    return (\n      <Dropdown\n        key={`${node.type}-dropdown-${dataset.id}`}\n        correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n        disabled={disabled || showCorrectAnswer}\n        value={finalChoice}\n        id={dataset.id}\n        onChange={onChange}\n        choices={choices[dataset.id]}\n        showCorrectAnswer={showCorrectAnswer}\n      />\n    );\n  }\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,kBAAA,EAAS,UAAT,EAAqB,UAAAC,KAAK;EAAA,OAAI,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;IACrE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;IACA,IAAIA,OAAO,CAACC,SAAR,KAAsB,UAA1B,EAAsC;MACpC,IAAQC,OAAR,GAA2DN,KAA3D,CAAQM,OAAR;MAAA,IAAiBC,QAAjB,GAA2DP,KAA3D,CAAiBO,QAAjB;MAAA,IAA2BC,QAA3B,GAA2DR,KAA3D,CAA2BQ,QAA3B;MAAA,IAAqCC,iBAArC,GAA2DT,KAA3D,CAAqCS,iBAArC;MACA,IAAMC,aAAa,GACjBJ,OAAO,IAAIA,OAAO,CAACF,OAAO,CAACO,EAAT,CAAlB,IAAkCL,OAAO,CAACF,OAAO,CAACO,EAAT,CAAP,CAAoBC,IAApB,CAAyB,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACC,OAAN;MAAA,CAA1B,CADpC;MAEA,IAAMC,WAAW,GAAGN,iBAAiB,GAAGC,aAAa,IAAIA,aAAa,CAACM,KAAlC,GAA0Cd,IAAI,CAACE,OAAO,CAACO,EAAT,CAAnF;MAEA,oBACE,gCAAC,oBAAD;QACE,GAAG,YAAKV,IAAI,CAACgB,IAAV,uBAA2Bb,OAAO,CAACO,EAAnC,CADL;QAEE,OAAO,EAAEH,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACO,EAAT,CAApB,IAAoCH,QAAQ,CAACJ,OAAO,CAACO,EAAT,CAAR,KAAyB,SAFxE;QAGE,QAAQ,EAAEJ,QAAQ,IAAIE,iBAHxB;QAIE,KAAK,EAAEM,WAJT;QAKE,EAAE,EAAEX,OAAO,CAACO,EALd;QAME,QAAQ,EAAER,QANZ;QAOE,OAAO,EAAEG,OAAO,CAACF,OAAO,CAACO,EAAT,CAPlB;QAQE,iBAAiB,EAAEF;MARrB,EADF;IAYD;EACF,CArBwC;AAAA,CAA1B,C"}