@pie-lib/mask-markup 1.13.46 → 1.14.1-beta.0

package/lib/components/dropdown.js

@@ -1,216 +0,0 @@
-"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 () {
-      _this.setState({
-        showCheckmark: true,
-        open: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hideCheckmarkAndClose", function () {
-      _this.setState({
-        showCheckmark: false,
-        open: false
-      });
-    });
-    _this.state = {
-      showCheckmark: false,
-      open: false
-    };
-    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;
-      var _this$state = this.state,
-          showCheckmark = _this$state.showCheckmark,
-          open = _this$state.open;
-      return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-        classes: {
-          root: classes.root,
-          icon: classes.icon,
-          selectMenu: classes.selectMenu,
-          select: classes.select
-        },
-        disabled: disabled,
-        value: value || '',
-        onOpen: this.showCheckmarkAndOpen,
-        onClose: this.hideCheckmarkAndClose,
-        open: open,
-        input: /*#__PURE__*/_react["default"].createElement(_correctInput["default"], {
-          correct: showCorrectAnswer || correct
-        }),
-        MenuProps: {
-          keepMounted: true,
-          disablePortal: true
-        },
-        onChange: function onChange(e) {
-          _onChange(id, e.target.value);
-        }
-      }, (choices || []).map(function (c, index) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-          classes: {
-            root: classes.menuRoot,
-            selected: classes.selected
-          },
-          key: "".concat(c.label, "-").concat(index),
-          value: c.value
-        }, /*#__PURE__*/_react["default"].createElement("span", {
-          className: classes.label,
-          dangerouslySetInnerHTML: {
-            __html: c.label
-          }
-        }), showCheckmark && /*#__PURE__*/_react["default"].createElement("span", {
-          className: classes.label,
-          dangerouslySetInnerHTML: {
-            __html: c.value === value ? ' ✓' : ''
-          }
-        }));
-      }));
-    }
-  }]);
-  return Dropdown;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(Dropdown, "propTypes", {
-  id: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  classes: _propTypes["default"].object,
-  correct: _propTypes["default"].bool,
-  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    value: _propTypes["default"].string,
-    label: _propTypes["default"].string
-  })),
-  showCorrectAnswer: _propTypes["default"].bool
-});
-
-var styles = function styles() {
-  return {
-    root: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      borderColor: _renderUi.color.secondaryLight(),
-      '& ul': {
-        paddingTop: 0,
-        paddingBottom: 0,
-        border: "1px solid ".concat(_renderUi.color.text()),
-        borderRadius: '5px',
-        color: _renderUi.color.text(),
-        backgroundColor: _renderUi.color.background()
-      }
-    },
-    select: {
-      '&:focus': {
-        borderRadius: '4px'
-      }
-    },
-    selectMenu: {
-      backgroundColor: _renderUi.color.background(),
-      '&:hover': {
-        borderColor: 'initial'
-      },
-      '&:focus': {
-        borderColor: 'initial'
-      }
-    },
-    icon: {
-      color: _renderUi.color.text()
-    },
-    selected: {
-      color: "".concat(_renderUi.color.text(), " !important"),
-      backgroundColor: "".concat(_renderUi.color.background(), " !important"),
-      '&:hover': {
-        color: _renderUi.color.text(),
-        backgroundColor: "".concat(_renderUi.color.secondaryLight(), " !important")
-      }
-    },
-    menuRoot: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      '&:focus': {
-        color: _renderUi.color.text(),
-        backgroundColor: _renderUi.color.background()
-      },
-      '&:hover': {
-        color: _renderUi.color.text(),
-        backgroundColor: _renderUi.color.secondaryLight()
-      },
-      boxSizing: 'border-box',
-      padding: '25px',
-      '&:first-of-type': {
-        borderRadius: '3px 3px 0 0'
-      },
-      '&:last-of-type': {
-        borderRadius: '0 0 3px 3px'
-      }
-    },
-    label: {
-      fontSize: 'max(1rem, 14px)'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Dropdown);
-
-exports["default"] = _default;
-//# sourceMappingURL=dropdown.js.map

package/lib/components/dropdown.js.map

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

package/lib/components/input.js

@@ -1,57 +0,0 @@
-"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;
-  return /*#__PURE__*/_react["default"].createElement(_correctInput["default"], {
-    disabled: disabled,
-    correct: showCorrectAnswer || correct,
-    charactersLimit: charactersLimit,
-    variant: "outlined",
-    value: value,
-    isConstructedResponse: isConstructedResponse,
-    spellCheck: spellCheck,
-    isBox: true,
-    width: width,
-    onChange: function onChange(e) {
-      _onChange(id, e.target.value);
-    }
-  });
-};
-
-Input.propTypes = {
-  id: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  onChange: _propTypes["default"].func,
-  disabled: _propTypes["default"].bool,
-  spellCheck: _propTypes["default"].bool,
-  correct: _propTypes["default"].bool,
-  showCorrectAnswer: _propTypes["default"].bool,
-  charactersLimit: _propTypes["default"].number,
-  width: _propTypes["default"].number,
-  isConstructedResponse: _propTypes["default"].bool
-};
-var _default = Input;
-exports["default"] = _default;
-//# sourceMappingURL=input.js.map

package/lib/components/input.js.map

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

package/lib/constructed-response.js

@@ -1,52 +0,0 @@
-"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
-
-      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];
-      return /*#__PURE__*/_react["default"].createElement(_input["default"], {
-        key: "".concat(node.type, "-input-").concat(dataset.id),
-        correct: feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct',
-        disabled: showCorrectAnswer || disabled,
-        value: finalValue,
-        id: dataset.id,
-        onChange: onChange,
-        showCorrectAnswer: showCorrectAnswer,
-        width: width,
-        charactersLimit: adjustedLimit ? width : 25,
-        isConstructedResponse: true,
-        spellCheck: spellCheck
-      });
-    }
-  };
-});
-
-exports["default"] = _default;
-//# sourceMappingURL=constructed-response.js.map

package/lib/constructed-response.js.map

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

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

@@ -1,191 +0,0 @@
-"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
-
-      var choice = choiceId && props.choices.find(function (c) {
-        return c.id === choiceId;
-      });
-      return /*#__PURE__*/_react["default"].createElement(_blank["default"], {
-        key: "".concat(node.type, "-").concat(dataset.id),
-        correct: showCorrectAnswer || feedback && feedback[dataset.id],
-        disabled: disabled,
-        duplicates: duplicates,
-        choice: choice,
-        id: dataset.id,
-        onChange: onChange
-      });
-    }
-  };
-});
-
-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() {
-      if (this.rootRef) {
-        (0, _mathRendering.renderMath)(this.rootRef);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      (0, _mathRendering.renderMath)(this.rootRef);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          markup = _this$props.markup,
-          duplicates = _this$props.duplicates,
-          layout = _this$props.layout,
-          value = _this$props.value,
-          onChange = _this$props.onChange,
-          choicesPosition = _this$props.choicesPosition,
-          choices = _this$props.choices,
-          correctResponse = _this$props.correctResponse,
-          disabled = _this$props.disabled,
-          feedback = _this$props.feedback,
-          showCorrectAnswer = _this$props.showCorrectAnswer;
-      var choicePosition = choicesPosition || 'below';
-      var style = {
-        display: 'flex',
-        flexDirection: this.getPositionDirection(choicePosition)
-      };
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        ref: function ref(_ref) {
-          return _ref && (_this2.rootRef = _ref);
-        },
-        style: style
-      }, /*#__PURE__*/_react["default"].createElement(_choices["default"], {
-        choicePosition: choicePosition,
-        duplicates: duplicates,
-        choices: choices,
-        value: value,
-        disabled: disabled
-      }), /*#__PURE__*/_react["default"].createElement(Masked, {
-        markup: markup,
-        layout: layout,
-        value: value,
-        choices: choices,
-        onChange: onChange,
-        disabled: disabled,
-        duplicates: duplicates,
-        feedback: feedback,
-        correctResponse: correctResponse,
-        showCorrectAnswer: showCorrectAnswer
-      }));
-    }
-  }]);
-  return DragInTheBlank;
-}(_react["default"].Component);
-
-exports["default"] = DragInTheBlank;
-(0, _defineProperty2["default"])(DragInTheBlank, "propTypes", {
-  markup: _propTypes["default"].string,
-  layout: _propTypes["default"].object,
-  choicesPosition: _propTypes["default"].string,
-  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    label: _propTypes["default"].string,
-    value: _propTypes["default"].string
-  })),
-  value: _propTypes["default"].object,
-  onChange: _propTypes["default"].func,
-  duplicates: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  feedback: _propTypes["default"].object,
-  correctResponse: _propTypes["default"].object,
-  showCorrectAnswer: _propTypes["default"].bool
-});
-//# sourceMappingURL=drag-in-the-blank.js.map

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

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

package/lib/index.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ConstructedResponse", {
-  enumerable: true,
-  get: function get() {
-    return _constructedResponse["default"];
-  }
-});
-Object.defineProperty(exports, "DragInTheBlank", {
-  enumerable: true,
-  get: function get() {
-    return _dragInTheBlank["default"];
-  }
-});
-Object.defineProperty(exports, "InlineDropdown", {
-  enumerable: true,
-  get: function get() {
-    return _inlineDropdown["default"];
-  }
-});
-Object.defineProperty(exports, "buildLayoutFromMarkup", {
-  enumerable: true,
-  get: function get() {
-    return _withMask.buildLayoutFromMarkup;
-  }
-});
-Object.defineProperty(exports, "componentize", {
-  enumerable: true,
-  get: function get() {
-    return _componentize["default"];
-  }
-});
-Object.defineProperty(exports, "withMask", {
-  enumerable: true,
-  get: function get() {
-    return _withMask.withMask;
-  }
-});
-
-var _withMask = require("./with-mask");
-
-var _dragInTheBlank = _interopRequireDefault(require("./drag-in-the-blank"));
-
-var _constructedResponse = _interopRequireDefault(require("./constructed-response"));
-
-var _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
-
-var _componentize = _interopRequireDefault(require("./componentize"));
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

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