@pie-element/ebsr 9.12.1 → 9.12.2-next.18

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/components/dropdown.js

@@ -0,0 +1,298 @@
+"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 _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+
+var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _renderUi = require("../../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), "handleClick", function (event) {
+      return _this.setState({
+        anchorEl: event.currentTarget
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClose", function () {
+      return _this.setState({
+        anchorEl: null
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleHighlight", function (index) {
+      var highlightedOptionId = "dropdown-option-".concat(_this.props.id, "-").concat(index);
+
+      _this.setState({
+        highlightedOptionId: highlightedOptionId
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSelect", function (value, index) {
+      _this.props.onChange(_this.props.id, value);
+
+      _this.handleHighlight(index);
+
+      _this.handleClose();
+    });
+    _this.state = {
+      anchorEl: null,
+      highlightedOptionId: null
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Dropdown, [{
+    key: "getLabel",
+    value: function getLabel(choices, value) {
+      var found = (choices || []).find(function (choice) {
+        return choice.value === value;
+      });
+      return found ? found.label.trim() : undefined;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      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,
+          choices = _this$props.choices,
+          showCorrectAnswer = _this$props.showCorrectAnswer,
+          singleQuery = _this$props.singleQuery,
+          correctValue = _this$props.correctValue;
+      var anchorEl = this.state.anchorEl;
+      var open = Boolean(anchorEl);
+      var buttonId = "dropdown-button-".concat(id);
+      var menuId = "dropdown-menu-".concat(id);
+      var valueDisplayId = "dropdown-value-".concat(id); // Determine the class for disabled state, view mode and evaluate mode
+
+      var disabledClass;
+
+      if (disabled && correct !== undefined) {
+        disabledClass = correct || showCorrectAnswer ? classes.disabledCorrect : classes.disabledIncorrect;
+      } // Create distinct, visually hidden labels for each dropdown
+
+
+      var incrementedId = parseInt(id, 10) + 1;
+      var labelId = singleQuery ? 'Query-label' : "Query-label-".concat(incrementedId);
+      var labelText = singleQuery ? 'Query' : "Query ".concat(incrementedId); // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.
+
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+        className: classes.srOnly,
+        id: labelId
+      }, labelText), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        "aria-controls": open ? menuId : undefined,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open ? 'true' : undefined,
+        "aria-activedescendant": this.state.highlightedOptionId,
+        onClick: this.handleClick,
+        classes: {
+          root: classes.root,
+          disabled: disabledClass
+        },
+        disabled: disabled,
+        id: buttonId,
+        role: "combobox",
+        "aria-label": "Select answer",
+        "aria-labelledby": valueDisplayId
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        id: valueDisplayId,
+        className: classes.label,
+        dangerouslySetInnerHTML: {
+          __html: correctValue ? correctValue : this.getLabel(choices, value) ? this.getLabel(choices, value) : ''
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
+        id: menuId,
+        anchorEl: anchorEl,
+        className: classes.selectMenu,
+        keepMounted: true,
+        open: open,
+        onClose: this.handleClose,
+        MenuListProps: {
+          'aria-labelledby': buttonId,
+          role: 'listbox'
+        }
+      }, (choices || []).map(function (c, index) {
+        var optionId = "dropdown-option-".concat(id, "-").concat(index);
+        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+          id: optionId,
+          classes: {
+            root: classes.menuRoot,
+            selected: classes.selected
+          },
+          key: "".concat(c.label, "-").concat(index),
+          value: c.value,
+          onClick: function onClick() {
+            return _this2.handleSelect(c.value, index);
+          },
+          role: "option",
+          "aria-selected": _this2.state.highlightedOptionId === optionId ? 'true' : undefined
+        }, /*#__PURE__*/_react["default"].createElement("span", {
+          className: classes.label,
+          dangerouslySetInnerHTML: {
+            __html: c.label
+          }
+        }), /*#__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(),
+      border: "1px solid ".concat(_renderUi.color.text()),
+      borderRadius: '4px',
+      justifyContent: 'space-between',
+      backgroundColor: _renderUi.color.background(),
+      position: 'relative',
+      height: '45px',
+      width: 'fit-content',
+      margin: '2px',
+      textTransform: 'none',
+      '& span': {
+        paddingRight: '5px'
+      },
+      '& svg': {
+        position: 'absolute',
+        right: 0,
+        top: 'calc(50% - 12px)',
+        pointerEvents: 'none',
+        color: _renderUi.color.text(),
+        marginLeft: '5px'
+      }
+    },
+    disabledCorrect: {
+      borderColor: _renderUi.color.correct(),
+      color: "".concat(_renderUi.color.text(), " !important")
+    },
+    disabledIncorrect: {
+      borderColor: _renderUi.color.incorrect(),
+      color: "".concat(_renderUi.color.text(), " !important")
+    },
+    selectMenu: {
+      backgroundColor: _renderUi.color.background(),
+      border: "1px solid ".concat(_renderUi.color.correct(), " !important"),
+      '&:hover': {
+        border: "1px solid ".concat(_renderUi.color.text(), " "),
+        borderColor: 'initial'
+      },
+      '&:focus': {
+        border: "1px solid ".concat(_renderUi.color.text()),
+        borderColor: 'initial'
+      }
+    },
+    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)'
+    },
+    srOnly: {
+      position: 'absolute',
+      left: '-10000px',
+      top: 'auto',
+      width: '1px',
+      height: '1px',
+      overflow: 'hidden'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(Dropdown);
+
+exports["default"] = _default;
+//# sourceMappingURL=dropdown.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/components/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/mask-markup/components/dropdown.jsx"],"names":["Dropdown","props","event","setState","anchorEl","currentTarget","index","highlightedOptionId","id","value","onChange","handleHighlight","handleClose","state","choices","found","find","choice","label","trim","undefined","classes","correct","disabled","showCorrectAnswer","singleQuery","correctValue","open","Boolean","buttonId","menuId","valueDisplayId","disabledClass","disabledCorrect","disabledIncorrect","incrementedId","parseInt","labelId","labelText","srOnly","handleClick","root","__html","getLabel","selectMenu","role","map","c","optionId","menuRoot","selected","handleSelect","React","Component","PropTypes","string","bool","func","object","arrayOf","shape","styles","color","text","border","borderRadius","justifyContent","backgroundColor","background","position","height","width","margin","textTransform","paddingRight","right","top","pointerEvents","marginLeft","borderColor","incorrect","secondaryLight","boxSizing","padding","fontSize","left","overflow"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '../../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      anchorEl: null,\n      highlightedOptionId: null,\n    };\n  }\n\n  handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n  handleClose = () => this.setState({ anchorEl: null });\n\n  handleHighlight = (index) => {\n    const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n\n    this.setState({ highlightedOptionId });\n  };\n\n  handleSelect = (value, index) => {\n    this.props.onChange(this.props.id, value);\n    this.handleHighlight(index);\n    this.handleClose();\n  };\n\n  getLabel(choices, value) {\n    const found = (choices || []).find((choice) => choice.value === value);\n\n    return found ? found.label.trim() : undefined;\n  }\n\n  render() {\n    const { classes, id, correct, disabled, value, choices, showCorrectAnswer, singleQuery, correctValue } = this.props;\n\n    const { anchorEl } = this.state;\n    const open = Boolean(anchorEl);\n    const buttonId = `dropdown-button-${id}`;\n    const menuId = `dropdown-menu-${id}`;\n    const valueDisplayId = `dropdown-value-${id}`;\n\n    // Determine the class for disabled state, view mode and evaluate mode\n    let disabledClass;\n\n    if (disabled && correct !== undefined) {\n      disabledClass = correct || showCorrectAnswer ? classes.disabledCorrect : classes.disabledIncorrect;\n    }\n\n    // Create distinct, visually hidden labels for each dropdown\n    const incrementedId = parseInt(id, 10) + 1;\n    const labelId = singleQuery ? 'Query-label' : `Query-label-${incrementedId}`;\n    const labelText = singleQuery ? 'Query' : `Query ${incrementedId}`;\n\n    // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.\n\n    return (\n      <>\n        <InputLabel className={classes.srOnly} id={labelId}>\n          {labelText}\n        </InputLabel>\n        <Button\n          aria-controls={open ? menuId : undefined}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open ? 'true' : undefined}\n          aria-activedescendant={this.state.highlightedOptionId}\n          onClick={this.handleClick}\n          classes={{\n            root: classes.root,\n            disabled: disabledClass,\n          }}\n          disabled={disabled}\n          id={buttonId}\n          role=\"combobox\"\n          aria-label=\"Select answer\"\n          aria-labelledby={valueDisplayId}\n        >\n          <span\n            id={valueDisplayId}\n            className={classes.label}\n            dangerouslySetInnerHTML={{\n              __html: correctValue ? correctValue : this.getLabel(choices, value) ? this.getLabel(choices, value) : '',\n            }}\n          />\n          <ArrowDropDownIcon />\n        </Button>\n        <Menu\n          id={menuId}\n          anchorEl={anchorEl}\n          className={classes.selectMenu}\n          keepMounted\n          open={open}\n          onClose={this.handleClose}\n          MenuListProps={{\n            'aria-labelledby': buttonId,\n            role: 'listbox',\n          }}\n        >\n          {(choices || []).map((c, index) => {\n            const optionId = `dropdown-option-${id}-${index}`;\n\n            return (\n              <MenuItem\n                id={optionId}\n                classes={{ root: classes.menuRoot, selected: classes.selected }}\n                key={`${c.label}-${index}`}\n                value={c.value}\n                onClick={() => this.handleSelect(c.value, index)}\n                role=\"option\"\n                aria-selected={this.state.highlightedOptionId === optionId ? 'true' : undefined}\n              >\n                <span className={classes.label} dangerouslySetInnerHTML={{ __html: c.label }} />\n                <span\n                  className={classes.label}\n                  dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }}\n                />\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      </>\n    );\n  }\n}\n\nconst styles = () => ({\n  root: {\n    color: color.text(),\n    border: `1px solid ${color.text()}`,\n    borderRadius: '4px',\n    justifyContent: 'space-between',\n    backgroundColor: color.background(),\n    position: 'relative',\n    height: '45px',\n    width: 'fit-content',\n    margin: '2px',\n    textTransform: 'none',\n    '& span': {\n      paddingRight: '5px',\n    },\n    '& svg': {\n      position: 'absolute',\n      right: 0,\n      top: 'calc(50% - 12px)',\n      pointerEvents: 'none',\n      color: color.text(),\n      marginLeft: '5px',\n    },\n  },\n  disabledCorrect: {\n    borderColor: color.correct(),\n    color: `${color.text()} !important`,\n  },\n  disabledIncorrect: {\n    borderColor: color.incorrect(),\n    color: `${color.text()} !important`,\n  },\n  selectMenu: {\n    backgroundColor: color.background(),\n    border: `1px solid ${color.correct()} !important`,\n    '&:hover': {\n      border: `1px solid ${color.text()} `,\n      borderColor: 'initial',\n    },\n    '&:focus': {\n      border: `1px solid ${color.text()}`,\n      borderColor: 'initial',\n    },\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  srOnly: {\n    position: 'absolute',\n    left: '-10000px',\n    top: 'auto',\n    width: '1px',\n    height: '1px',\n    overflow: 'hidden',\n  },\n});\n\nexport default withStyles(styles)(Dropdown);\n"],"file":"dropdown.js"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/components/input.js

@@ -0,0 +1,57 @@
+"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/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/mask-markup/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/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/constructed-response.js

@@ -0,0 +1,52 @@
+"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/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/constructed-response.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/code/mask-markup/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/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/mask-markup/drag-in-the-blank.js

@@ -0,0 +1,191 @@
+"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 _mathRenderingAccessible = require("../math-rendering-accessible");
+
+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, _mathRenderingAccessible.renderMath)(this.rootRef);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      (0, _mathRenderingAccessible.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