@pie-element/match 7.9.1-next.1 → 7.9.1-next.11

package/configure/lib/add-row.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AddRowButton = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _styles = require("@material-ui/core/styles");
+
+var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
+
+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 AddRowButton = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(AddRowButton, _React$Component);
+
+  var _super = _createSuper(AddRowButton);
+
+  function AddRowButton() {
+    (0, _classCallCheck2["default"])(this, AddRowButton);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(AddRowButton, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          onAddClick = _this$props.onAddClick;
+      return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        className: classes.button,
+        disabled: false,
+        onClick: onAddClick
+      }, /*#__PURE__*/_react["default"].createElement(_Add["default"], {
+        className: classes.icon
+      }), "Add Another Row");
+    }
+  }]);
+  return AddRowButton;
+}(_react["default"].Component);
+
+exports.AddRowButton = AddRowButton;
+(0, _defineProperty2["default"])(AddRowButton, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  onAddClick: _propTypes["default"].func.isRequired
+});
+
+var styles = function styles(theme) {
+  return {
+    button: {
+      display: 'flex',
+      alignSelf: 'flex-start',
+      margin: 0
+    },
+    icon: {
+      marginRight: theme.spacing.unit / 2
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(AddRowButton);
+
+exports["default"] = _default;
+//# sourceMappingURL=add-row.js.map

package/configure/lib/add-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/add-row.jsx"],"names":["AddRowButton","props","classes","onAddClick","button","icon","React","Component","PropTypes","object","isRequired","func","styles","theme","display","alignSelf","margin","marginRight","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,Y;;;;;;;;;;;;WAMX,kBAAS;AACP,wBAAgC,KAAKC,KAArC;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,UAAjB,eAAiBA,UAAjB;AAEA,0BACE,gCAAC,kBAAD;AAAQ,QAAA,SAAS,EAAED,OAAO,CAACE,MAA3B;AAAmC,QAAA,QAAQ,EAAE,KAA7C;AAAoD,QAAA,OAAO,EAAED;AAA7D,sBACE,gCAAC,eAAD;AAAW,QAAA,SAAS,EAAED,OAAO,CAACG;AAA9B,QADF,oBADF;AAMD;;;EAf+BC,kBAAMC,S;;;iCAA3BP,Y,eACQ;AACjBE,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADT;AAEjBP,EAAAA,UAAU,EAAEK,sBAAUG,IAAV,CAAeD;AAFV,C;;AAiBrB,IAAME,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBT,IAAAA,MAAM,EAAE;AACNU,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,SAAS,EAAE,YAFL;AAGNC,MAAAA,MAAM,EAAE;AAHF,KADiB;AAMzBX,IAAAA,IAAI,EAAE;AACJY,MAAAA,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB;AAD9B;AANmB,GAAZ;AAAA,CAAf;;eAWe,wBAAWP,MAAX,EAAmBZ,YAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nimport AddButton from '@material-ui/icons/Add';\n\nexport class AddRowButton extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    onAddClick: PropTypes.func.isRequired,\n  };\n\n  render() {\n    const { classes, onAddClick } = this.props;\n\n    return (\n      <Button className={classes.button} disabled={false} onClick={onAddClick}>\n        <AddButton className={classes.icon} />\n        Add Another Row\n      </Button>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  button: {\n    display: 'flex',\n    alignSelf: 'flex-start',\n    margin: 0,\n  },\n  icon: {\n    marginRight: theme.spacing.unit / 2,\n  },\n});\n\nexport default withStyles(styles)(AddRowButton);\n"],"file":"add-row.js"}

package/configure/lib/answer-config-block.js

@@ -0,0 +1,362 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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 _utils = require("./utils");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _addRow = _interopRequireDefault(require("./add-row"));
+
+var _row = _interopRequireDefault(require("./row"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 log = (0, _debug["default"])('pie-elements:match:configure');
+
+var styles = function styles(theme) {
+  return {
+    container: {
+      marginBottom: theme.spacing.unit * 2.5,
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    rowContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      flex: 1,
+      width: '100%',
+      borderBottom: "2px solid ".concat(theme.palette.grey['A100']),
+      paddingBottom: theme.spacing.unit * 2,
+      marginTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit
+    },
+    rowItem: {
+      flex: 1,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      flexDirection: 'column',
+      '&> div': {
+        width: '150px',
+        padding: "0 ".concat(theme.spacing.unit, "px"),
+        textAlign: 'center'
+      }
+    },
+    deleteIcon: {
+      flex: 0.5,
+      minWidth: '48px',
+      padding: "0 ".concat(theme.spacing.unit, "px")
+    },
+    questionText: {
+      flex: 2,
+      display: 'flex',
+      justifyContent: 'flex-start',
+      marginRight: theme.spacing.unit,
+      '&> div': {
+        width: '100%',
+        padding: 0,
+        maxWidth: 'unset',
+        textAlign: 'left',
+        minWidth: '350px'
+      }
+    },
+    rowTable: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    headerInput: {
+      '&> div': {
+        fontWeight: 'bold'
+      }
+    },
+    marginBottom: {
+      marginBottom: theme.typography.fontSize - 2 + theme.spacing.unit
+    },
+    columnErrorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: "".concat(theme.spacing.unit, "px !important"),
+      width: 'fit-content !important'
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingBottom: theme.spacing.unit
+    }
+  };
+};
+
+var AnswerConfigBlock = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(AnswerConfigBlock, _React$Component);
+
+  var _super = _createSuper(AnswerConfigBlock);
+
+  function AnswerConfigBlock() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, AnswerConfigBlock);
+
+    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), "moveRow", function (from, to) {
+      var _this$props = _this.props,
+          model = _this$props.model,
+          onChange = _this$props.onChange;
+
+      var newModel = _objectSpread({}, model);
+
+      var rows = newModel.rows || [];
+      log('[moveRow]: ', from, to);
+
+      var _rows$reduce = rows.reduce(function (acc, item, index) {
+        if (index === from) {
+          acc.movedRow = item;
+        } else {
+          acc.remainingRows.push(item);
+        }
+
+        return acc;
+      }, {
+        movedRow: null,
+        remainingRows: []
+      }),
+          movedRow = _rows$reduce.movedRow,
+          remainingRows = _rows$reduce.remainingRows;
+
+      var update = [].concat((0, _toConsumableArray2["default"])(remainingRows.slice(0, to)), [movedRow], (0, _toConsumableArray2["default"])(remainingRows.slice(to)));
+      log('update: ', update);
+      newModel.rows = update;
+      onChange(newModel);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (name, isBoolean) {
+      return function (_ref) {
+        var target = _ref.target;
+        var _this$props2 = _this.props,
+            model = _this$props2.model,
+            onChange = _this$props2.onChange;
+        var value;
+
+        if (isBoolean) {
+          value = target.checked;
+        } else {
+          value = target.value;
+        }
+
+        _lodash["default"].set(model, name, value);
+
+        onChange(model, name);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onHeaderChange", function (headerIndex) {
+      return function (value) {
+        var _this$props3 = _this.props,
+            model = _this$props3.model,
+            onChange = _this$props3.onChange;
+
+        var newModel = _objectSpread({}, model);
+
+        if (headerIndex === 0) {
+          newModel.headers[headerIndex] = value;
+          onChange(newModel);
+          return;
+        }
+
+        newModel.headers[headerIndex] = value;
+        onChange(newModel);
+      };
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(AnswerConfigBlock, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props4 = this.props,
+          classes = _this$props4.classes,
+          model = _this$props4.model,
+          onAddRow = _this$props4.onAddRow,
+          imageSupport = _this$props4.imageSupport,
+          configuration = _this$props4.configuration,
+          toolbarOpts = _this$props4.toolbarOpts,
+          spellCheck = _this$props4.spellCheck,
+          uploadSoundSupport = _this$props4.uploadSoundSupport;
+
+      var _ref2 = configuration || {},
+          _ref2$baseInputConfig = _ref2.baseInputConfiguration,
+          baseInputConfiguration = _ref2$baseInputConfig === void 0 ? {} : _ref2$baseInputConfig,
+          _ref2$headers = _ref2.headers,
+          headers = _ref2$headers === void 0 ? {} : _ref2$headers,
+          _ref2$rows = _ref2.rows,
+          rows = _ref2$rows === void 0 ? {} : _ref2$rows,
+          _ref2$maxImageWidth = _ref2.maxImageWidth,
+          maxImageWidth = _ref2$maxImageWidth === void 0 ? {} : _ref2$maxImageWidth,
+          _ref2$maxImageHeight = _ref2.maxImageHeight,
+          maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight,
+          _ref2$mathMlOptions = _ref2.mathMlOptions,
+          mathMlOptions = _ref2$mathMlOptions === void 0 ? {} : _ref2$mathMlOptions,
+          minQuestions = _ref2.minQuestions;
+
+      var _ref3 = model || {},
+          errors = _ref3.errors;
+
+      var _ref4 = errors || {},
+          correctResponseError = _ref4.correctResponseError,
+          rowsErrors = _ref4.rowsErrors,
+          columnsErrors = _ref4.columnsErrors,
+          noOfRowsError = _ref4.noOfRowsError,
+          columnsLengthError = _ref4.columnsLengthError;
+
+      var filteredDefaultPlugins = (_editableHtml.DEFAULT_PLUGINS || []).filter(function (p) {
+        return p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list';
+      });
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes.container
+      }, /*#__PURE__*/React.createElement(_Typography["default"], {
+        type: "body1",
+        component: "div"
+      }, "Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row."), /*#__PURE__*/React.createElement("div", {
+        className: classes.rowTable,
+        style: configuration.width ? {
+          width: configuration.width,
+          overflow: 'scroll'
+        } : {}
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.rowContainer
+      }, headers.settings && (model.headers || []).map(function (header, idx) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: idx,
+          className: (0, _classnames["default"])(classes.rowItem, (0, _defineProperty2["default"])({}, classes.questionText, idx === 0))
+        }, /*#__PURE__*/React.createElement(_editableHtml.EditableHtml, {
+          onChange: _this2.onHeaderChange(idx),
+          markup: header,
+          className: columnsErrors && !columnsErrors[idx] ? classes.marginBottom : classes.headerInput,
+          label: 'column label',
+          activePlugins: filteredDefaultPlugins,
+          pluginProps: (0, _utils.getPluginProps)(headers === null || headers === void 0 ? void 0 : headers.inputConfiguration, baseInputConfiguration),
+          autoWidthToolbar: true,
+          spellCheck: spellCheck,
+          uploadSoundSupport: uploadSoundSupport,
+          languageCharactersProps: [{
+            language: 'spanish'
+          }, {
+            language: 'special'
+          }],
+          error: columnsErrors && columnsErrors[idx]
+        }), columnsErrors && columnsErrors[idx] && /*#__PURE__*/React.createElement("div", {
+          className: classes.columnErrorText
+        }, columnsErrors[idx]));
+      }), /*#__PURE__*/React.createElement("div", {
+        className: classes.deleteIcon
+      })), model.rows.map(function (row, idx) {
+        return /*#__PURE__*/React.createElement(_row["default"], {
+          key: idx,
+          model: model,
+          row: row,
+          idx: idx,
+          onDeleteRow: _this2.props.onDeleteRow,
+          onChange: _this2.props.onChange,
+          onMoveRow: _this2.moveRow,
+          imageSupport: imageSupport,
+          enableImages: model.enableImages,
+          toolbarOpts: toolbarOpts,
+          spellCheck: spellCheck,
+          error: rowsErrors === null || rowsErrors === void 0 ? void 0 : rowsErrors[row.id],
+          maxImageWidth: maxImageWidth && maxImageWidth.rowTitles || defaultImageMaxWidth,
+          maxImageHeight: maxImageHeight && maxImageHeight.rowTitles || defaultImageMaxHeight,
+          uploadSoundSupport: uploadSoundSupport,
+          mathMlOptions: mathMlOptions,
+          minQuestions: minQuestions,
+          inputConfiguration: (0, _utils.getPluginProps)(rows === null || rows === void 0 ? void 0 : rows.inputConfiguration, baseInputConfiguration)
+        });
+      }), correctResponseError && /*#__PURE__*/React.createElement("div", {
+        className: classes.errorText
+      }, correctResponseError), noOfRowsError && /*#__PURE__*/React.createElement("div", {
+        className: classes.errorText
+      }, noOfRowsError), columnsLengthError && /*#__PURE__*/React.createElement("div", {
+        className: classes.errorText
+      }, columnsLengthError), /*#__PURE__*/React.createElement(_addRow["default"], {
+        onAddClick: onAddRow
+      })));
+    }
+  }]);
+  return AnswerConfigBlock;
+}(React.Component);
+
+(0, _defineProperty2["default"])(AnswerConfigBlock, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  onDeleteRow: _propTypes["default"].func.isRequired,
+  onAddRow: _propTypes["default"].func.isRequired,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
+  toolbarOpts: _propTypes["default"].object,
+  spellCheck: _propTypes["default"].bool
+});
+
+var _default = (0, _styles.withStyles)(styles)(AnswerConfigBlock);
+
+exports["default"] = _default;
+//# sourceMappingURL=answer-config-block.js.map

package/configure/lib/answer-config-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/answer-config-block.jsx"],"names":["log","styles","theme","container","marginBottom","spacing","unit","display","flexDirection","rowContainer","alignItems","flex","width","borderBottom","palette","grey","paddingBottom","marginTop","rowItem","justifyContent","padding","textAlign","deleteIcon","minWidth","questionText","marginRight","maxWidth","rowTable","headerInput","fontWeight","typography","fontSize","columnErrorText","color","error","main","paddingTop","errorText","AnswerConfigBlock","from","to","props","model","onChange","newModel","rows","reduce","acc","item","index","movedRow","remainingRows","push","update","slice","name","isBoolean","target","value","checked","lodash","set","headerIndex","headers","classes","onAddRow","imageSupport","configuration","toolbarOpts","spellCheck","uploadSoundSupport","baseInputConfiguration","maxImageWidth","maxImageHeight","mathMlOptions","minQuestions","errors","correctResponseError","rowsErrors","columnsErrors","noOfRowsError","columnsLengthError","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","defaultImageMaxWidth","prompt","defaultImageMaxHeight","overflow","settings","map","header","idx","onHeaderChange","inputConfiguration","language","row","onDeleteRow","moveRow","enableImages","id","rowTitles","React","Component","PropTypes","object","isRequired","func","shape","add","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,8BAAN,CAAZ;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,YAAY,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,GAD1B;AAETC,MAAAA,OAAO,EAAE,MAFA;AAGTC,MAAAA,aAAa,EAAE;AAHN,KADc;AAMzBC,IAAAA,YAAY,EAAE;AACZF,MAAAA,OAAO,EAAE,MADG;AAEZG,MAAAA,UAAU,EAAE,QAFA;AAGZC,MAAAA,IAAI,EAAE,CAHM;AAIZC,MAAAA,KAAK,EAAE,MAJK;AAKZC,MAAAA,YAAY,sBAAeX,KAAK,CAACY,OAAN,CAAcC,IAAd,CAAmB,MAAnB,CAAf,CALA;AAMZC,MAAAA,aAAa,EAAEd,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CANxB;AAOZW,MAAAA,SAAS,EAAEf,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CAPpB;AAQZF,MAAAA,YAAY,EAAEF,KAAK,CAACG,OAAN,CAAcC;AARhB,KANW;AAgBzBY,IAAAA,OAAO,EAAE;AACPP,MAAAA,IAAI,EAAE,CADC;AAEPJ,MAAAA,OAAO,EAAE,MAFF;AAGPY,MAAAA,cAAc,EAAE,QAHT;AAIPT,MAAAA,UAAU,EAAE,QAJL;AAKPF,MAAAA,aAAa,EAAE,QALR;AAMP,gBAAU;AACRI,QAAAA,KAAK,EAAE,OADC;AAERQ,QAAAA,OAAO,cAAOlB,KAAK,CAACG,OAAN,CAAcC,IAArB,OAFC;AAGRe,QAAAA,SAAS,EAAE;AAHH;AANH,KAhBgB;AA4BzBC,IAAAA,UAAU,EAAE;AACVX,MAAAA,IAAI,EAAE,GADI;AAEVY,MAAAA,QAAQ,EAAE,MAFA;AAGVH,MAAAA,OAAO,cAAOlB,KAAK,CAACG,OAAN,CAAcC,IAArB;AAHG,KA5Ba;AAiCzBkB,IAAAA,YAAY,EAAE;AACZb,MAAAA,IAAI,EAAE,CADM;AAEZJ,MAAAA,OAAO,EAAE,MAFG;AAGZY,MAAAA,cAAc,EAAE,YAHJ;AAIZM,MAAAA,WAAW,EAAEvB,KAAK,CAACG,OAAN,CAAcC,IAJf;AAKZ,gBAAU;AACRM,QAAAA,KAAK,EAAE,MADC;AAERQ,QAAAA,OAAO,EAAE,CAFD;AAGRM,QAAAA,QAAQ,EAAE,OAHF;AAIRL,QAAAA,SAAS,EAAE,MAJH;AAKRE,QAAAA,QAAQ,EAAE;AALF;AALE,KAjCW;AA8CzBI,IAAAA,QAAQ,EAAE;AACRpB,MAAAA,OAAO,EAAE,MADD;AAERC,MAAAA,aAAa,EAAE;AAFP,KA9Ce;AAkDzBoB,IAAAA,WAAW,EAAE;AACX,gBAAU;AACRC,QAAAA,UAAU,EAAE;AADJ;AADC,KAlDY;AAuDzBzB,IAAAA,YAAY,EAAE;AACZA,MAAAA,YAAY,EAAEF,KAAK,CAAC4B,UAAN,CAAiBC,QAAjB,GAA4B,CAA5B,GAAgC7B,KAAK,CAACG,OAAN,CAAcC;AADhD,KAvDW;AA0DzB0B,IAAAA,eAAe,EAAE;AACfD,MAAAA,QAAQ,EAAE7B,KAAK,CAAC4B,UAAN,CAAiBC,QAAjB,GAA4B,CADvB;AAEfE,MAAAA,KAAK,EAAE/B,KAAK,CAACY,OAAN,CAAcoB,KAAd,CAAoBC,IAFZ;AAGfC,MAAAA,UAAU,YAAKlC,KAAK,CAACG,OAAN,CAAcC,IAAnB,kBAHK;AAIfM,MAAAA,KAAK,EAAE;AAJQ,KA1DQ;AAgEzByB,IAAAA,SAAS,EAAE;AACTN,MAAAA,QAAQ,EAAE7B,KAAK,CAAC4B,UAAN,CAAiBC,QAAjB,GAA4B,CAD7B;AAETE,MAAAA,KAAK,EAAE/B,KAAK,CAACY,OAAN,CAAcoB,KAAd,CAAoBC,IAFlB;AAGTnB,MAAAA,aAAa,EAAEd,KAAK,CAACG,OAAN,CAAcC;AAHpB;AAhEc,GAAZ;AAAA,CAAf;;IAuEMgC,iB;;;;;;;;;;;;;;;gGAoBM,UAACC,IAAD,EAAOC,EAAP,EAAc;AACtB,wBAA4B,MAAKC,KAAjC;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,QAAf,eAAeA,QAAf;;AACA,UAAMC,QAAQ,qBAAQF,KAAR,CAAd;;AACA,UAAMG,IAAI,GAAGD,QAAQ,CAACC,IAAT,IAAiB,EAA9B;AAEA7C,MAAAA,GAAG,CAAC,aAAD,EAAgBuC,IAAhB,EAAsBC,EAAtB,CAAH;;AAEA,yBAAoCK,IAAI,CAACC,MAAL,CAClC,UAACC,GAAD,EAAMC,IAAN,EAAYC,KAAZ,EAAsB;AACpB,YAAIA,KAAK,KAAKV,IAAd,EAAoB;AAClBQ,UAAAA,GAAG,CAACG,QAAJ,GAAeF,IAAf;AACD,SAFD,MAEO;AACLD,UAAAA,GAAG,CAACI,aAAJ,CAAkBC,IAAlB,CAAuBJ,IAAvB;AACD;;AAED,eAAOD,GAAP;AACD,OATiC,EAUlC;AAAEG,QAAAA,QAAQ,EAAE,IAAZ;AAAkBC,QAAAA,aAAa,EAAE;AAAjC,OAVkC,CAApC;AAAA,UAAQD,QAAR,gBAAQA,QAAR;AAAA,UAAkBC,aAAlB,gBAAkBA,aAAlB;;AAaA,UAAME,MAAM,iDAAOF,aAAa,CAACG,KAAd,CAAoB,CAApB,EAAuBd,EAAvB,CAAP,IAAmCU,QAAnC,uCAAgDC,aAAa,CAACG,KAAd,CAAoBd,EAApB,CAAhD,EAAZ;AAEAxC,MAAAA,GAAG,CAAC,UAAD,EAAaqD,MAAb,CAAH;AAEAT,MAAAA,QAAQ,CAACC,IAAT,GAAgBQ,MAAhB;AAEAV,MAAAA,QAAQ,CAACC,QAAD,CAAR;AACD,K;iGAGC,UAACW,IAAD,EAAOC,SAAP;AAAA,aACA,gBAAgB;AAAA,YAAbC,MAAa,QAAbA,MAAa;AACd,2BAA4B,MAAKhB,KAAjC;AAAA,YAAQC,KAAR,gBAAQA,KAAR;AAAA,YAAeC,QAAf,gBAAeA,QAAf;AACA,YAAIe,KAAJ;;AAEA,YAAIF,SAAJ,EAAe;AACbE,UAAAA,KAAK,GAAGD,MAAM,CAACE,OAAf;AACD,SAFD,MAEO;AACLD,UAAAA,KAAK,GAAGD,MAAM,CAACC,KAAf;AACD;;AAEDE,2BAAOC,GAAP,CAAWnB,KAAX,EAAkBa,IAAlB,EAAwBG,KAAxB;;AACAf,QAAAA,QAAQ,CAACD,KAAD,EAAQa,IAAR,CAAR;AACD,OAbD;AAAA,K;uGAee,UAACO,WAAD;AAAA,aAAiB,UAACJ,KAAD,EAAW;AAC3C,2BAA4B,MAAKjB,KAAjC;AAAA,YAAQC,KAAR,gBAAQA,KAAR;AAAA,YAAeC,QAAf,gBAAeA,QAAf;;AACA,YAAMC,QAAQ,qBAAQF,KAAR,CAAd;;AAEA,YAAIoB,WAAW,KAAK,CAApB,EAAuB;AACrBlB,UAAAA,QAAQ,CAACmB,OAAT,CAAiBD,WAAjB,IAAgCJ,KAAhC;AACAf,UAAAA,QAAQ,CAACC,QAAD,CAAR;AAEA;AACD;;AAEDA,QAAAA,QAAQ,CAACmB,OAAT,CAAiBD,WAAjB,IAAgCJ,KAAhC;AACAf,QAAAA,QAAQ,CAACC,QAAD,CAAR;AACD,OAbgB;AAAA,K;;;;;;WAejB,kBAAS;AAAA;;AACP,yBACE,KAAKH,KADP;AAAA,UAAQuB,OAAR,gBAAQA,OAAR;AAAA,UAAiBtB,KAAjB,gBAAiBA,KAAjB;AAAA,UAAwBuB,QAAxB,gBAAwBA,QAAxB;AAAA,UAAkCC,YAAlC,gBAAkCA,YAAlC;AAAA,UAAgDC,aAAhD,gBAAgDA,aAAhD;AAAA,UAA+DC,WAA/D,gBAA+DA,WAA/D;AAAA,UAA4EC,UAA5E,gBAA4EA,UAA5E;AAAA,UAAwFC,kBAAxF,gBAAwFA,kBAAxF;;AAEA,kBAQIH,aAAa,IAAI,EARrB;AAAA,wCACEI,sBADF;AAAA,UACEA,sBADF,sCAC2B,EAD3B;AAAA,gCAEER,OAFF;AAAA,UAEEA,OAFF,8BAEY,EAFZ;AAAA,6BAGElB,IAHF;AAAA,UAGEA,IAHF,2BAGS,EAHT;AAAA,sCAIE2B,aAJF;AAAA,UAIEA,aAJF,oCAIkB,EAJlB;AAAA,uCAKEC,cALF;AAAA,UAKEA,cALF,qCAKmB,EALnB;AAAA,sCAMEC,aANF;AAAA,UAMEA,aANF,oCAMkB,EANlB;AAAA,UAOEC,YAPF,SAOEA,YAPF;;AASA,kBAAmBjC,KAAK,IAAI,EAA5B;AAAA,UAAQkC,MAAR,SAAQA,MAAR;;AACA,kBAA+FA,MAAM,IAAI,EAAzG;AAAA,UAAQC,oBAAR,SAAQA,oBAAR;AAAA,UAA8BC,UAA9B,SAA8BA,UAA9B;AAAA,UAA0CC,aAA1C,SAA0CA,aAA1C;AAAA,UAAyDC,aAAzD,SAAyDA,aAAzD;AAAA,UAAwEC,kBAAxE,SAAwEA,kBAAxE;;AAEA,UAAMC,sBAAsB,GAAG,CAACC,iCAAmB,EAApB,EAAwBC,MAAxB,CAC7B,UAACC,CAAD;AAAA,eAAOA,CAAC,KAAK,OAAN,IAAiBA,CAAC,KAAK,eAAvB,IAA0CA,CAAC,KAAK,eAAvD;AAAA,OAD6B,CAA/B;AAIA,UAAMC,oBAAoB,GAAGd,aAAa,IAAIA,aAAa,CAACe,MAA5D;AACA,UAAMC,qBAAqB,GAAGf,cAAc,IAAIA,cAAc,CAACc,MAA/D;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEvB,OAAO,CAAC7D;AAAxB,sBACE,oBAAC,sBAAD;AAAY,QAAA,IAAI,EAAC,OAAjB;AAAyB,QAAA,SAAS,EAAC;AAAnC,mHADF,eAKE;AACE,QAAA,SAAS,EAAE6D,OAAO,CAACrC,QADrB;AAEE,QAAA,KAAK,EAAEwC,aAAa,CAACvD,KAAd,GAAsB;AAAEA,UAAAA,KAAK,EAAEuD,aAAa,CAACvD,KAAvB;AAA8B6E,UAAAA,QAAQ,EAAE;AAAxC,SAAtB,GAA2E;AAFpF,sBAIE;AAAK,QAAA,SAAS,EAAEzB,OAAO,CAACvD;AAAxB,SACGsD,OAAO,CAAC2B,QAAR,IACC,CAAChD,KAAK,CAACqB,OAAN,IAAiB,EAAlB,EAAsB4B,GAAtB,CAA0B,UAACC,MAAD,EAASC,GAAT;AAAA,4BACxB;AACE,UAAA,GAAG,EAAEA,GADP;AAEE,UAAA,SAAS,EAAE,4BAAG7B,OAAO,CAAC9C,OAAX,uCACR8C,OAAO,CAACxC,YADA,EACeqE,GAAG,KAAK,CADvB;AAFb,wBAME,oBAAC,0BAAD;AACE,UAAA,QAAQ,EAAE,MAAI,CAACC,cAAL,CAAoBD,GAApB,CADZ;AAEE,UAAA,MAAM,EAAED,MAFV;AAGE,UAAA,SAAS,EAAEb,aAAa,IAAI,CAACA,aAAa,CAACc,GAAD,CAA/B,GAAuC7B,OAAO,CAAC5D,YAA/C,GAA8D4D,OAAO,CAACpC,WAHnF;AAIE,UAAA,KAAK,EAAE,cAJT;AAKE,UAAA,aAAa,EAAEsD,sBALjB;AAME,UAAA,WAAW,EAAE,2BAAenB,OAAf,aAAeA,OAAf,uBAAeA,OAAO,CAAEgC,kBAAxB,EAA4CxB,sBAA5C,CANf;AAOE,UAAA,gBAAgB,MAPlB;AAQE,UAAA,UAAU,EAAEF,UARd;AASE,UAAA,kBAAkB,EAAEC,kBATtB;AAUE,UAAA,uBAAuB,EAAE,CAAC;AAAE0B,YAAAA,QAAQ,EAAE;AAAZ,WAAD,EAA0B;AAAEA,YAAAA,QAAQ,EAAE;AAAZ,WAA1B,CAV3B;AAWE,UAAA,KAAK,EAAEjB,aAAa,IAAIA,aAAa,CAACc,GAAD;AAXvC,UANF,EAmBGd,aAAa,IAAIA,aAAa,CAACc,GAAD,CAA9B,iBACC;AAAK,UAAA,SAAS,EAAE7B,OAAO,CAAChC;AAAxB,WAA0C+C,aAAa,CAACc,GAAD,CAAvD,CApBJ,CADwB;AAAA,OAA1B,CAFJ,eA2BE;AAAK,QAAA,SAAS,EAAE7B,OAAO,CAAC1C;AAAxB,QA3BF,CAJF,EAkCGoB,KAAK,CAACG,IAAN,CAAW8C,GAAX,CAAe,UAACM,GAAD,EAAMJ,GAAN;AAAA,4BACd,oBAAC,eAAD;AACE,UAAA,GAAG,EAAEA,GADP;AAEE,UAAA,KAAK,EAAEnD,KAFT;AAGE,UAAA,GAAG,EAAEuD,GAHP;AAIE,UAAA,GAAG,EAAEJ,GAJP;AAKE,UAAA,WAAW,EAAE,MAAI,CAACpD,KAAL,CAAWyD,WAL1B;AAME,UAAA,QAAQ,EAAE,MAAI,CAACzD,KAAL,CAAWE,QANvB;AAOE,UAAA,SAAS,EAAE,MAAI,CAACwD,OAPlB;AAQE,UAAA,YAAY,EAAEjC,YARhB;AASE,UAAA,YAAY,EAAExB,KAAK,CAAC0D,YATtB;AAUE,UAAA,WAAW,EAAEhC,WAVf;AAWE,UAAA,UAAU,EAAEC,UAXd;AAYE,UAAA,KAAK,EAAES,UAAF,aAAEA,UAAF,uBAAEA,UAAU,CAAGmB,GAAG,CAACI,EAAP,CAZnB;AAaE,UAAA,aAAa,EAAG7B,aAAa,IAAIA,aAAa,CAAC8B,SAAhC,IAA8ChB,oBAb/D;AAcE,UAAA,cAAc,EAAGb,cAAc,IAAIA,cAAc,CAAC6B,SAAlC,IAAgDd,qBAdlE;AAeE,UAAA,kBAAkB,EAAElB,kBAftB;AAgBE,UAAA,aAAa,EAAEI,aAhBjB;AAiBE,UAAA,YAAY,EAAEC,YAjBhB;AAkBE,UAAA,kBAAkB,EAAE,2BAAe9B,IAAf,aAAeA,IAAf,uBAAeA,IAAI,CAAEkD,kBAArB,EAAyCxB,sBAAzC;AAlBtB,UADc;AAAA,OAAf,CAlCH,EAyDGM,oBAAoB,iBAAI;AAAK,QAAA,SAAS,EAAEb,OAAO,CAAC3B;AAAxB,SAAoCwC,oBAApC,CAzD3B,EA0DGG,aAAa,iBAAI;AAAK,QAAA,SAAS,EAAEhB,OAAO,CAAC3B;AAAxB,SAAoC2C,aAApC,CA1DpB,EA2DGC,kBAAkB,iBAAI;AAAK,QAAA,SAAS,EAAEjB,OAAO,CAAC3B;AAAxB,SAAoC4C,kBAApC,CA3DzB,eA6DE,oBAAC,kBAAD;AAAQ,QAAA,UAAU,EAAEhB;AAApB,QA7DF,CALF,CADF;AAuED;;;EA7K6BsC,KAAK,CAACC,S;;iCAAhClE,iB,eACe;AACjB0B,EAAAA,OAAO,EAAEyC,sBAAUC,MAAV,CAAiBC,UADT;AAEjBjE,EAAAA,KAAK,EAAE+D,sBAAUC,MAAV,CAAiBC,UAFP;AAGjBxC,EAAAA,aAAa,EAAEsC,sBAAUC,MAAV,CAAiBC,UAHf;AAIjBhE,EAAAA,QAAQ,EAAE8D,sBAAUG,IAAV,CAAeD,UAJR;AAKjBT,EAAAA,WAAW,EAAEO,sBAAUG,IAAV,CAAeD,UALX;AAMjB1C,EAAAA,QAAQ,EAAEwC,sBAAUG,IAAV,CAAeD,UANR;AAOjBzC,EAAAA,YAAY,EAAEuC,sBAAUI,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEL,sBAAUG,IAAV,CAAeD,UADQ;AAE5B,cAAQF,sBAAUG,IAAV,CAAeD;AAFK,GAAhB,CAPG;AAWjBrC,EAAAA,kBAAkB,EAAEmC,sBAAUI,KAAV,CAAgB;AAClCC,IAAAA,GAAG,EAAEL,sBAAUG,IAAV,CAAeD,UADc;AAElC,cAAQF,sBAAUG,IAAV,CAAeD;AAFW,GAAhB,CAXH;AAejBvC,EAAAA,WAAW,EAAEqC,sBAAUC,MAfN;AAgBjBrC,EAAAA,UAAU,EAAEoC,sBAAUM;AAhBL,C;;eA+KN,wBAAW9G,MAAX,EAAmBqC,iBAAnB,C","sourcesContent":["import { getPluginProps } from './utils';\nimport * as React from 'react';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport AddRow from './add-row';\nimport Row from './row';\nimport debug from 'debug';\nimport lodash from 'lodash';\nimport { EditableHtml, DEFAULT_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\n\nconst log = debug('pie-elements:match:configure');\n\nconst styles = (theme) => ({\n  container: {\n    marginBottom: theme.spacing.unit * 2.5,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  rowContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n    width: '100%',\n    borderBottom: `2px solid ${theme.palette.grey['A100']}`,\n    paddingBottom: theme.spacing.unit * 2,\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit,\n  },\n  rowItem: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'column',\n    '&> div': {\n      width: '150px',\n      padding: `0 ${theme.spacing.unit}px`,\n      textAlign: 'center',\n    },\n  },\n  deleteIcon: {\n    flex: 0.5,\n    minWidth: '48px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n  questionText: {\n    flex: 2,\n    display: 'flex',\n    justifyContent: 'flex-start',\n    marginRight: theme.spacing.unit,\n    '&> div': {\n      width: '100%',\n      padding: 0,\n      maxWidth: 'unset',\n      textAlign: 'left',\n      minWidth: '350px',\n    },\n  },\n  rowTable: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  headerInput: {\n    '&> div': {\n      fontWeight: 'bold',\n    },\n  },\n  marginBottom: {\n    marginBottom: theme.typography.fontSize - 2 + theme.spacing.unit,\n  },\n  columnErrorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: `${theme.spacing.unit}px !important`,\n    width: 'fit-content !important',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingBottom: theme.spacing.unit,\n  },\n});\n\nclass AnswerConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onDeleteRow: PropTypes.func.isRequired,\n    onAddRow: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n\n  moveRow = (from, to) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n    const rows = newModel.rows || [];\n\n    log('[moveRow]: ', from, to);\n\n    const { movedRow, remainingRows } = rows.reduce(\n      (acc, item, index) => {\n        if (index === from) {\n          acc.movedRow = item;\n        } else {\n          acc.remainingRows.push(item);\n        }\n\n        return acc;\n      },\n      { movedRow: null, remainingRows: [] },\n    );\n\n    const update = [...remainingRows.slice(0, to), movedRow, ...remainingRows.slice(to)];\n\n    log('update: ', update);\n\n    newModel.rows = update;\n\n    onChange(newModel);\n  };\n\n  onChange =\n    (name, isBoolean) =>\n    ({ target }) => {\n      const { model, onChange } = this.props;\n      let value;\n\n      if (isBoolean) {\n        value = target.checked;\n      } else {\n        value = target.value;\n      }\n\n      lodash.set(model, name, value);\n      onChange(model, name);\n    };\n\n  onHeaderChange = (headerIndex) => (value) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if (headerIndex === 0) {\n      newModel.headers[headerIndex] = value;\n      onChange(newModel);\n\n      return;\n    }\n\n    newModel.headers[headerIndex] = value;\n    onChange(newModel);\n  };\n\n  render() {\n    const { classes, model, onAddRow, imageSupport, configuration, toolbarOpts, spellCheck, uploadSoundSupport } =\n      this.props;\n    const {\n      baseInputConfiguration = {},\n      headers = {},\n      rows = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      mathMlOptions = {},\n      minQuestions,\n    } = configuration || {};\n    const { errors } = model || {};\n    const { correctResponseError, rowsErrors, columnsErrors, noOfRowsError, columnsLengthError } = errors || {};\n\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n      (p) => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list',\n    );\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    return (\n      <div className={classes.container}>\n        <Typography type=\"body1\" component=\"div\">\n          Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row.\n        </Typography>\n\n        <div\n          className={classes.rowTable}\n          style={configuration.width ? { width: configuration.width, overflow: 'scroll' } : {}}\n        >\n          <div className={classes.rowContainer}>\n            {headers.settings &&\n              (model.headers || []).map((header, idx) => (\n                <div\n                  key={idx}\n                  className={cx(classes.rowItem, {\n                    [classes.questionText]: idx === 0,\n                  })}\n                >\n                  <EditableHtml\n                    onChange={this.onHeaderChange(idx)}\n                    markup={header}\n                    className={columnsErrors && !columnsErrors[idx] ? classes.marginBottom : classes.headerInput}\n                    label={'column label'}\n                    activePlugins={filteredDefaultPlugins}\n                    pluginProps={getPluginProps(headers?.inputConfiguration, baseInputConfiguration)}\n                    autoWidthToolbar\n                    spellCheck={spellCheck}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    error={columnsErrors && columnsErrors[idx]}\n                  />\n                  {columnsErrors && columnsErrors[idx] && (\n                    <div className={classes.columnErrorText}>{columnsErrors[idx]}</div>\n                  )}\n                </div>\n              ))}\n            <div className={classes.deleteIcon} />\n          </div>\n\n          {model.rows.map((row, idx) => (\n            <Row\n              key={idx}\n              model={model}\n              row={row}\n              idx={idx}\n              onDeleteRow={this.props.onDeleteRow}\n              onChange={this.props.onChange}\n              onMoveRow={this.moveRow}\n              imageSupport={imageSupport}\n              enableImages={model.enableImages}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\n              error={rowsErrors?.[row.id]}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rowTitles) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rowTitles) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              mathMlOptions={mathMlOptions}\n              minQuestions={minQuestions}\n              inputConfiguration={getPluginProps(rows?.inputConfiguration, baseInputConfiguration)}\n            />\n          ))}\n\n          {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n          {noOfRowsError && <div className={classes.errorText}>{noOfRowsError}</div>}\n          {columnsLengthError && <div className={classes.errorText}>{columnsLengthError}</div>}\n\n          <AddRow onAddClick={onAddRow} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AnswerConfigBlock);\n"],"file":"answer-config-block.js"}

package/configure/lib/common.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfoDialog = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var InfoDialog = function InfoDialog(_ref) {
+  var title = _ref.title,
+      open = _ref.open,
+      onOk = _ref.onOk;
+  return /*#__PURE__*/React.createElement(_Dialog["default"], {
+    open: open
+  }, /*#__PURE__*/React.createElement(_DialogTitle["default"], null, title), /*#__PURE__*/React.createElement(_DialogActions["default"], null, onOk && /*#__PURE__*/React.createElement(_Button["default"], {
+    onClick: onOk,
+    color: "primary"
+  }, "OK")));
+};
+
+exports.InfoDialog = InfoDialog;
+InfoDialog.propTypes = {
+  title: _propTypes["default"].string,
+  open: _propTypes["default"].bool,
+  onOk: _propTypes["default"].func
+};
+//# sourceMappingURL=common.js.map

package/configure/lib/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common.jsx"],"names":["InfoDialog","title","open","onOk","propTypes","PropTypes","string","bool","func"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,IAAV,QAAUA,IAAV;AAAA,MAAgBC,IAAhB,QAAgBA,IAAhB;AAAA,sBACxB,oBAAC,kBAAD;AAAQ,IAAA,IAAI,EAAED;AAAd,kBACE,oBAAC,uBAAD,QAAcD,KAAd,CADF,eAEE,oBAAC,yBAAD,QACGE,IAAI,iBACH,oBAAC,kBAAD;AAAQ,IAAA,OAAO,EAAEA,IAAjB;AAAuB,IAAA,KAAK,EAAC;AAA7B,UAFJ,CAFF,CADwB;AAAA,CAAnB;;;AAaPH,UAAU,CAACI,SAAX,GAAuB;AACrBH,EAAAA,KAAK,EAAEI,sBAAUC,MADI;AAErBJ,EAAAA,IAAI,EAAEG,sBAAUE,IAFK;AAGrBJ,EAAAA,IAAI,EAAEE,sBAAUG;AAHK,CAAvB","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\n\nexport const InfoDialog = ({ title, open, onOk }) => (\n  <Dialog open={open}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogActions>\n      {onOk && (\n        <Button onClick={onOk} color=\"primary\">\n          OK\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nInfoDialog.propTypes = {\n  title: PropTypes.string,\n  open: PropTypes.bool,\n  onOk: PropTypes.func,\n};\n"],"file":"common.js"}