@pie-element/passage 3.5.6-next.3 → 3.5.6-next.31

package/configure/lib/common.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RemoveAddButton = exports.PassageButton = exports.ConfimationDialog = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _core = require("@material-ui/core");
+
+var _RemoveCircle = _interopRequireDefault(require("@material-ui/icons/RemoveCircle"));
+
+var _AddCircle = _interopRequireDefault(require("@material-ui/icons/AddCircle"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var RemoveAddButton = function RemoveAddButton(_ref) {
+  var classes = _ref.classes,
+      label = _ref.label,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'add' : _ref$type,
+      onClick = _ref.onClick;
+  var Tag = type === 'add' ? _AddCircle["default"] : _RemoveCircle["default"];
+  return /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    color: "primary",
+    size: "small",
+    className: classes.root,
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement(Tag, {
+    fontSize: 'small',
+    color: 'primary',
+    className: classes.icon
+  }), label);
+};
+
+exports.RemoveAddButton = RemoveAddButton;
+var PassageButton = (0, _styles.withStyles)(function (theme) {
+  return {
+    root: {
+      textDecoration: 'underline',
+      '&:hover': {
+        textDecoration: 'underline',
+        backgroundColor: 'transparent'
+      }
+    },
+    label: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    icon: {
+      marginRight: theme.spacing.unit / 2
+    }
+  };
+})(RemoveAddButton);
+exports.PassageButton = PassageButton;
+
+var ConfimationDialog = function ConfimationDialog(_ref2) {
+  var content = _ref2.content,
+      cancel = _ref2.cancel,
+      title = _ref2.title,
+      ok = _ref2.ok,
+      open = _ref2.open,
+      onOk = _ref2.onOk,
+      onCancel = _ref2.onCancel;
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, content)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, onOk && /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    onClick: onOk,
+    color: "primary"
+  }, ok), onCancel && /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    onClick: onCancel,
+    color: "primary"
+  }, cancel)));
+};
+
+exports.ConfimationDialog = ConfimationDialog;
+ConfimationDialog.propTypes = {
+  content: _propTypes["default"].string.isRequired,
+  title: _propTypes["default"].string.isRequired,
+  cancel: _propTypes["default"].string.isRequired,
+  ok: _propTypes["default"].string.isRequired,
+  open: _propTypes["default"].bool.isRequired,
+  onCancel: _propTypes["default"].func.isRequired,
+  onOk: _propTypes["default"].func.isRequired
+};
+//# sourceMappingURL=common.js.map

package/configure/lib/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common.jsx"],"names":["RemoveAddButton","classes","label","type","onClick","Tag","AddCircleIcon","RemoveCircleIcon","root","icon","PassageButton","theme","textDecoration","backgroundColor","display","alignItems","marginRight","spacing","unit","ConfimationDialog","content","cancel","title","ok","open","onOk","onCancel","propTypes","PropTypes","string","isRequired","bool","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAA+C;AAAA,MAA5CC,OAA4C,QAA5CA,OAA4C;AAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;AAAA,uBAA5BC,IAA4B;AAAA,MAA5BA,IAA4B,0BAArB,KAAqB;AAAA,MAAdC,OAAc,QAAdA,OAAc;AAC5E,MAAMC,GAAG,GAAGF,IAAI,KAAK,KAAT,GAAiBG,qBAAjB,GAAiCC,wBAA7C;AACA,sBACE,gCAAC,YAAD;AAAQ,IAAA,KAAK,EAAC,SAAd;AAAwB,IAAA,IAAI,EAAC,OAA7B;AAAqC,IAAA,SAAS,EAAEN,OAAO,CAACO,IAAxD;AAA8D,IAAA,OAAO,EAAEJ;AAAvE,kBACE,gCAAC,GAAD;AAAK,IAAA,QAAQ,EAAE,OAAf;AAAwB,IAAA,KAAK,EAAE,SAA/B;AAA0C,IAAA,SAAS,EAAEH,OAAO,CAACQ;AAA7D,IADF,EAEGP,KAFH,CADF;AAMD,CARM;;;AAUA,IAAMQ,aAAa,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AAClDH,IAAAA,IAAI,EAAE;AACJI,MAAAA,cAAc,EAAE,WADZ;AAEJ,iBAAW;AACTA,QAAAA,cAAc,EAAE,WADP;AAETC,QAAAA,eAAe,EAAE;AAFR;AAFP,KAD4C;AAQlDX,IAAAA,KAAK,EAAE;AACLY,MAAAA,OAAO,EAAE,MADJ;AAELC,MAAAA,UAAU,EAAE;AAFP,KAR2C;AAYlDN,IAAAA,IAAI,EAAE;AACJO,MAAAA,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB;AAD9B;AAZ4C,GAAZ;AAAA,CAAX,EAezBlB,eAfyB,CAAtB;;;AAiBA,IAAMmB,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,MAAGC,OAAH,SAAGA,OAAH;AAAA,MAAYC,MAAZ,SAAYA,MAAZ;AAAA,MAAoBC,KAApB,SAAoBA,KAApB;AAAA,MAA2BC,EAA3B,SAA2BA,EAA3B;AAAA,MAA+BC,IAA/B,SAA+BA,IAA/B;AAAA,MAAqCC,IAArC,SAAqCA,IAArC;AAAA,MAA2CC,QAA3C,SAA2CA,QAA3C;AAAA,sBAC/B,gCAAC,kBAAD;AAAQ,IAAA,IAAI,EAAEF;AAAd,kBACE,gCAAC,uBAAD,QAAcF,KAAd,CADF,eAGE,gCAAC,yBAAD,qBACE,gCAAC,6BAAD,QAAoBF,OAApB,CADF,CAHF,eAOE,gCAAC,yBAAD,QACGK,IAAI,iBACH,gCAAC,YAAD;AAAQ,IAAA,OAAO,EAAEA,IAAjB;AAAuB,IAAA,KAAK,EAAC;AAA7B,KACGF,EADH,CAFJ,EAMGG,QAAQ,iBACP,gCAAC,YAAD;AAAQ,IAAA,OAAO,EAAEA,QAAjB;AAA2B,IAAA,KAAK,EAAC;AAAjC,KACGL,MADH,CAPJ,CAPF,CAD+B;AAAA,CAA1B;;;AAuBPF,iBAAiB,CAACQ,SAAlB,GAA8B;AAC5BP,EAAAA,OAAO,EAAEQ,sBAAUC,MAAV,CAAiBC,UADE;AAE5BR,EAAAA,KAAK,EAAEM,sBAAUC,MAAV,CAAiBC,UAFI;AAG5BT,EAAAA,MAAM,EAAEO,sBAAUC,MAAV,CAAiBC,UAHG;AAI5BP,EAAAA,EAAE,EAAEK,sBAAUC,MAAV,CAAiBC,UAJO;AAK5BN,EAAAA,IAAI,EAAEI,sBAAUG,IAAV,CAAeD,UALO;AAM5BJ,EAAAA,QAAQ,EAAEE,sBAAUI,IAAV,CAAeF,UANG;AAO5BL,EAAAA,IAAI,EAAEG,sBAAUI,IAAV,CAAeF;AAPO,CAA9B","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Button } from '@material-ui/core';\nimport RemoveCircleIcon from '@material-ui/icons/RemoveCircle';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\n\nexport const RemoveAddButton = ({ classes, label, type = 'add', onClick }) => {\n  const Tag = type === 'add' ? AddCircleIcon : RemoveCircleIcon;\n  return (\n    <Button color=\"primary\" size=\"small\" className={classes.root} onClick={onClick}>\n      <Tag fontSize={'small'} color={'primary'} className={classes.icon} />\n      {label}\n    </Button>\n  );\n}\n\nexport const PassageButton = withStyles((theme) => ({\n  root: {\n    textDecoration: 'underline',\n    '&:hover': {\n      textDecoration: 'underline',\n      backgroundColor: 'transparent',\n    },\n  },\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  icon: {\n    marginRight: theme.spacing.unit / 2,\n  },\n}))(RemoveAddButton);\n\nexport const ConfimationDialog = ({ content, cancel, title, ok, open, onOk, onCancel }) => (\n  <Dialog open={open}>\n    <DialogTitle>{title}</DialogTitle>\n\n    <DialogContent>\n      <DialogContentText>{content}</DialogContentText>\n    </DialogContent>\n\n    <DialogActions>\n      {onOk && (\n        <Button onClick={onOk} color=\"primary\">\n          {ok}\n        </Button>\n      )}\n      {onCancel && (\n        <Button onClick={onCancel} color=\"primary\">\n          {cancel}\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nConfimationDialog.propTypes = {\n  content: PropTypes.string.isRequired,\n  title: PropTypes.string.isRequired,\n  cancel: PropTypes.string.isRequired,\n  ok: PropTypes.string.isRequired,\n  open: PropTypes.bool.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  onOk: PropTypes.func.isRequired,\n};\n"],"file":"common.js"}

package/configure/lib/defaults.js

@@ -42,6 +42,9 @@ var _default = {
       },
       showParagraphs: {
         disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
       }
     },
     settingsPanelDisabled: false,
@@ -160,6 +163,11 @@ var _default = {
     languageChoices: {
       label: 'Language Choices',
       options: []
+    },
+    additionalPassage: {
+      settings: true,
+      label: 'Additional Passage',
+      enabled: false
     }
   }
 };

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","authorEnabled","passages","teacherInstructions","title","subtitle","author","text","subtitleEnabled","teacherInstructionsEnabled","textEnabled","titleEnabled","configuration","baseInputConfiguration","audio","disabled","video","image","h3","blockquote","textAlign","showParagraphs","settingsPanelDisabled","settings","label","inputConfiguration","required","maxImageWidth","maxImageHeight","mathMlOptions","mmlOutput","mmlEditing","language","enabled","languageChoices","options"],"mappings":"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","sourcesContent":["// TODO: also update '../../controller/src/defaults.js' and '../../src/print.js' when updating defaults\nexport default {\n  model: {\n    authorEnabled: true,\n    passages: [\n      {\n        teacherInstructions: '',\n        title: '',\n        subtitle: '',\n        author: '',\n        text: '',\n      },\n    ],\n    subtitleEnabled: true,\n    teacherInstructionsEnabled: true,\n    textEnabled: true,\n    titleEnabled: true,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      h3: { disabled: true },\n      blockquote: { disabled: true },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n    },\n    settingsPanelDisabled: false,\n    title: {\n      settings: true,\n      label: 'Title',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n        textAlign: { disabled: false },\n      },\n      required: true,\n    },\n    subtitle: {\n      settings: true,\n      label: 'Subtitle',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n        textAlign: { disabled: false },\n      },\n      required: false,\n    },\n    author: {\n      settings: true,\n      label: 'Author',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n      },\n      required: false,\n    },\n    text: {\n      settings: true,\n      label: 'Text',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n        h3: { disabled: false },\n        blockquote: { disabled: false },\n        textAlign: { disabled: false },\n      },\n      required: true,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      text: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      text: 300,\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","authorEnabled","passages","teacherInstructions","title","subtitle","author","text","subtitleEnabled","teacherInstructionsEnabled","textEnabled","titleEnabled","configuration","baseInputConfiguration","audio","disabled","video","image","h3","blockquote","textAlign","showParagraphs","separateParagraphs","settingsPanelDisabled","settings","label","inputConfiguration","required","maxImageWidth","maxImageHeight","mathMlOptions","mmlOutput","mmlEditing","language","enabled","languageChoices","options","additionalPassage"],"mappings":"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","sourcesContent":["// TODO: also update '../../controller/src/defaults.js' and '../../src/print.js' when updating defaults\nexport default {\n  model: {\n    authorEnabled: true,\n    passages: [\n      {\n        teacherInstructions: '',\n        title: '',\n        subtitle: '',\n        author: '',\n        text: '',\n      },\n    ],\n    subtitleEnabled: true,\n    teacherInstructionsEnabled: true,\n    textEnabled: true,\n    titleEnabled: true,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      h3: { disabled: true },\n      blockquote: { disabled: true },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    settingsPanelDisabled: false,\n    title: {\n      settings: true,\n      label: 'Title',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n        textAlign: { disabled: false },\n      },\n      required: true,\n    },\n    subtitle: {\n      settings: true,\n      label: 'Subtitle',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n        textAlign: { disabled: false },\n      },\n      required: false,\n    },\n    author: {\n      settings: true,\n      label: 'Author',\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: true },\n      },\n      required: false,\n    },\n    text: {\n      settings: true,\n      label: 'Text',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n        h3: { disabled: false },\n        blockquote: { disabled: false },\n        textAlign: { disabled: false },\n      },\n      required: true,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      text: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      text: 300,\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n    additionalPassage: {\n      settings: true,\n      label: 'Additional Passage',\n      enabled: false,\n    },\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/design.js

@@ -27,11 +27,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
 var _styles = require("@material-ui/core/styles");
 
-var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _common = require("./common");
 
-var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
+var _passage = _interopRequireDefault(require("./passage"));
 
 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; }
 
@@ -55,24 +59,67 @@ var Main = /*#__PURE__*/function (_React$Component) {
 
     (0, _classCallCheck2["default"])(this, Main);
     _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (fieldName, value) {
-      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getInnerText", function (html) {
+      return (html || '').replaceAll(/<[^>]*>/g, '');
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDelete", function (model, indexToRemove, onModelChanged) {
+      var updatedPassages = model.passages;
+      updatedPassages.splice(indexToRemove, 1);
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        passages: updatedPassages
+      }));
+
+      _this.setState({
+        showConfirmationDialog: false,
+        indexToRemove: -1
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeAdditionalPassage", function (indexToRemove) {
       var _this$props = _this.props,
-          model = _this$props.model,
+          _this$props$model = _this$props.model,
+          model = _this$props$model === void 0 ? {} : _this$props$model,
           onModelChanged = _this$props.onModelChanged;
-
-      if (!model || !onModelChanged || !model.passages || index < 0 || index >= model.passages.length) {
-        return;
+      var _model$passages = model.passages,
+          passages = _model$passages === void 0 ? [] : _model$passages;
+      var _passages$indexToRemo = passages[indexToRemove],
+          _passages$indexToRemo2 = _passages$indexToRemo.teacherInstructions,
+          teacherInstructions = _passages$indexToRemo2 === void 0 ? '' : _passages$indexToRemo2,
+          _passages$indexToRemo3 = _passages$indexToRemo.title,
+          title = _passages$indexToRemo3 === void 0 ? '' : _passages$indexToRemo3,
+          _passages$indexToRemo4 = _passages$indexToRemo.subtitle,
+          subtitle = _passages$indexToRemo4 === void 0 ? '' : _passages$indexToRemo4,
+          _passages$indexToRemo5 = _passages$indexToRemo.author,
+          author = _passages$indexToRemo5 === void 0 ? '' : _passages$indexToRemo5,
+          _passages$indexToRemo6 = _passages$indexToRemo.text,
+          text = _passages$indexToRemo6 === void 0 ? '' : _passages$indexToRemo6;
+
+      if (_this.getInnerText(teacherInstructions).trim() || _this.getInnerText(title).trim() || _this.getInnerText(subtitle).trim() || _this.getInnerText(author).trim() || _this.getInnerText(text).trim()) {
+        _this.setState({
+          showConfirmationDialog: true,
+          indexToRemove: indexToRemove
+        });
+      } else {
+        _this.onDelete(model, indexToRemove, onModelChanged);
       }
-
-      var updatedPassages = (0, _toConsumableArray2["default"])(model.passages);
-      updatedPassages[index] = _objectSpread(_objectSpread({}, updatedPassages[index]), {}, (0, _defineProperty2["default"])({}, fieldName, value));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addAdditionalPassage", function () {
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          onModelChanged = _this$props2.onModelChanged;
+      var updatedPassages = [].concat((0, _toConsumableArray2["default"])(model.passages), [{
+        teacherInstructions: '',
+        title: '',
+        subtitle: '',
+        author: '',
+        text: ''
+      }]);
       onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
         passages: updatedPassages
       }));
     });
     _this.state = {
-      setDimensions: true
+      showConfirmationDialog: false,
+      indexToRemove: -1
     };
     return _this;
   }
@@ -82,14 +129,14 @@ var Main = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props2 = this.props,
-          model = _this$props2.model,
-          classes = _this$props2.classes,
-          configuration = _this$props2.configuration,
-          imageSupport = _this$props2.imageSupport,
-          onConfigurationChanged = _this$props2.onConfigurationChanged,
-          onModelChanged = _this$props2.onModelChanged,
-          uploadSoundSupport = _this$props2.uploadSoundSupport;
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          model = _this$props3.model,
+          configuration = _this$props3.configuration,
+          imageSupport = _this$props3.imageSupport,
+          onConfigurationChanged = _this$props3.onConfigurationChanged,
+          onModelChanged = _this$props3.onModelChanged,
+          uploadSoundSupport = _this$props3.uploadSoundSupport;
 
       var _ref = configuration || {},
           settingsPanelDisabled = _ref.settingsPanelDisabled,
@@ -97,14 +144,6 @@ var Main = /*#__PURE__*/function (_React$Component) {
           language = _ref$language === void 0 ? {} : _ref$language,
           _ref$languageChoices = _ref.languageChoices,
           languageChoices = _ref$languageChoices === void 0 ? {} : _ref$languageChoices,
-          _ref$maxImageWidth = _ref.maxImageWidth,
-          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
-          _ref$maxImageHeight = _ref.maxImageHeight,
-          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
-          _ref$mathMlOptions = _ref.mathMlOptions,
-          mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions,
-          _ref$baseInputConfigu = _ref.baseInputConfiguration,
-          baseInputConfiguration = _ref$baseInputConfigu === void 0 ? {} : _ref$baseInputConfigu,
           _ref$teacherInstructi = _ref.teacherInstructions,
           teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
           _ref$title = _ref.title,
@@ -114,49 +153,30 @@ var Main = /*#__PURE__*/function (_React$Component) {
           _ref$text = _ref.text,
           text = _ref$text === void 0 ? {} : _ref$text,
           _ref$author = _ref.author,
-          author = _ref$author === void 0 ? {} : _ref$author;
+          author = _ref$author === void 0 ? {} : _ref$author,
+          _ref$additionalPassag = _ref.additionalPassage,
+          additionalPassage = _ref$additionalPassag === void 0 ? {} : _ref$additionalPassag;
 
       var _ref2 = model || {},
-          _ref2$errors = _ref2.errors,
-          errors = _ref2$errors === void 0 ? {} : _ref2$errors,
           extraCSSRules = _ref2.extraCSSRules,
-          _ref2$passages = _ref2.passages,
-          passages = _ref2$passages === void 0 ? [] : _ref2$passages,
-          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
-          titleEnabled = _ref2.titleEnabled,
-          subtitleEnabled = _ref2.subtitleEnabled,
-          authorEnabled = _ref2.authorEnabled,
-          textEnabled = _ref2.textEnabled;
-
-      var _ref3 = errors || {},
-          passagesErrors = _ref3.passages;
-
-      var _ref4 = passagesErrors && passagesErrors[0] || {},
-          teacherInstructionsError = _ref4.teacherInstructions,
-          titleError = _ref4.title,
-          subtitleError = _ref4.subtitle,
-          authorError = _ref4.author,
-          textError = _ref4.text; // only the first passage errors are needed for now
-
-
-      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
-      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+          passages = _ref2.passages;
+
       var panelSettings = {
         titleEnabled: title && title.settings && toggle(title.label),
         subtitleEnabled: subtitle && subtitle.settings && toggle(subtitle.label),
         authorEnabled: author && author.settings && toggle(author.label),
-        textEnabled: text && text.settings && toggle(text.label)
+        textEnabled: text && text.settings && toggle(text.label),
+        'additionalPassage.enabled': additionalPassage && additionalPassage.settings && toggle(additionalPassage.label, true)
       };
       var panelProperties = {
         teacherInstructionsEnabled: teacherInstructions && teacherInstructions.settings && toggle(teacherInstructions.label),
         'language.enabled': language && language.settings && toggle(language.label, true),
         language: language && language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options)
       };
-
-      var getPluginProps = function getPluginProps(customConfiguration) {
-        return _objectSpread(_objectSpread({}, baseInputConfiguration), customConfiguration);
-      };
-
+      var confirmationDialogContent = "".concat(additionalPassage.label, " will be deleted");
+      var _this$state = this.state,
+          indexToRemove = _this$state.indexToRemove,
+          showConfirmationDialog = _this$state.showConfirmationDialog;
       return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
         extraCSSRules: extraCSSRules,
         hideSettings: settingsPanelDisabled,
@@ -174,113 +194,44 @@ var Main = /*#__PURE__*/function (_React$Component) {
             Properties: panelProperties
           }
         })
-      }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: teacherInstructions.label,
-        className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
-        activePlugins: _editableHtml.ALL_PLUGINS,
-        markup: passages[0].teacherInstructions || '',
-        onChange: function onChange(value) {
-          return _this2.handleChange('teacherInstructions', value);
-        },
-        nonEmpty: false,
-        error: teacherInstructionsError,
-        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
-        mathMlOptions: mathMlOptions,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }],
-        pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration)
-      }), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, teacherInstructionsError)), titleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: title.label,
-        className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
-        activePlugins: _editableHtml.ALL_PLUGINS,
-        markup: passages[0].title || '',
-        onChange: function onChange(value) {
-          return _this2.handleChange('title', value);
-        },
-        nonEmpty: false,
-        error: titleError,
-        mathMlOptions: mathMlOptions,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }],
-        pluginProps: getPluginProps(title === null || title === void 0 ? void 0 : title.inputConfiguration)
-      }), titleError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, titleError)), subtitleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: subtitle.label,
-        className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
-        activePlugins: _editableHtml.ALL_PLUGINS,
-        markup: passages[0].subtitle || '',
-        onChange: function onChange(value) {
-          return _this2.handleChange('subtitle', value);
-        },
-        nonEmpty: false,
-        error: subtitleError,
-        mathMlOptions: mathMlOptions,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }],
-        pluginProps: getPluginProps(subtitle === null || subtitle === void 0 ? void 0 : subtitle.inputConfiguration)
-      }), subtitleError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, subtitleError)), authorEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: author.label,
-        className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
-        activePlugins: _editableHtml.ALL_PLUGINS,
-        markup: passages[0].author || '',
-        onChange: function onChange(value) {
-          return _this2.handleChange('author', value);
-        },
-        nonEmpty: false,
-        error: authorError,
-        mathMlOptions: mathMlOptions,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }],
-        pluginProps: getPluginProps(author === null || author === void 0 ? void 0 : author.inputConfiguration)
-      }), authorError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, authorError)), textEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: text.label,
-        className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
-        activePlugins: _editableHtml.ALL_PLUGINS,
-        markup: passages[0].text || '',
-        onChange: function onChange(value) {
-          return _this2.handleChange('text', value);
+      }, passages.map(function (passage, passageIndex) {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+          key: passageIndex
+        }, passageIndex > 0 && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+          variant: "h5",
+          className: classes.additionalPassageHeading
+        }, additionalPassage.label), /*#__PURE__*/_react["default"].createElement(_passage["default"], {
+          imageSupport: imageSupport,
+          uploadSoundSupport: uploadSoundSupport,
+          model: model,
+          configuration: configuration,
+          passageIndex: passageIndex,
+          onModelChanged: onModelChanged
+        }), passageIndex > 0 && additionalPassage.enabled && /*#__PURE__*/_react["default"].createElement(_common.PassageButton, {
+          type: 'remove',
+          label: "Remove ".concat(additionalPassage.label),
+          onClick: function onClick() {
+            return _this2.removeAdditionalPassage(passageIndex);
+          }
+        }), passageIndex === 0 && additionalPassage.enabled && passages.length < 2 && /*#__PURE__*/_react["default"].createElement(_common.PassageButton, {
+          label: "Add ".concat(additionalPassage.label),
+          onClick: _this2.addAdditionalPassage
+        }));
+      }), /*#__PURE__*/_react["default"].createElement(_common.ConfimationDialog, {
+        open: showConfirmationDialog,
+        title: 'Warning',
+        content: confirmationDialogContent,
+        cancel: 'Cancel',
+        ok: 'Ok',
+        onCancel: function onCancel() {
+          return _this2.setState({
+            showConfirmationDialog: false
+          });
         },
-        imageSupport: imageSupport,
-        uploadSoundSupport: uploadSoundSupport,
-        nonEmpty: false,
-        error: textError,
-        maxImageWidth: maxImageWidth && maxImageWidth.text || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.text || defaultImageMaxHeight,
-        mathMlOptions: mathMlOptions,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }],
-        pluginProps: getPluginProps(text === null || text === void 0 ? void 0 : text.inputConfiguration)
-      }), textError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, textError)));
+        onOk: function onOk() {
+          return _this2.onDelete(model, indexToRemove, onModelChanged);
+        }
+      }));
     }
   }]);
   return Main;
@@ -299,15 +250,9 @@ exports.Main = Main;
 
 var _default = (0, _styles.withStyles)(function (theme) {
   return {
-    inputContainer: {
+    additionalPassageHeading: {
       paddingTop: theme.spacing.unit * 2,
-      marginBottom: theme.spacing.unit * 2,
-      width: '100%'
-    },
-    errorText: {
-      fontSize: theme.typography.fontSize - 2,
-      color: theme.palette.error.main,
-      paddingTop: theme.spacing.unit
+      marginBottom: theme.spacing.unit * 2
     }
   };
 })(Main);

package/configure/lib/design.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","dropdown","Main","props","fieldName","value","index","model","onModelChanged","passages","length","updatedPassages","state","setDimensions","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","settingsPanelDisabled","language","languageChoices","maxImageWidth","maxImageHeight","mathMlOptions","baseInputConfiguration","teacherInstructions","title","subtitle","text","author","errors","extraCSSRules","teacherInstructionsEnabled","titleEnabled","subtitleEnabled","authorEnabled","textEnabled","passagesErrors","teacherInstructionsError","titleError","subtitleError","authorError","textError","defaultImageMaxWidth","prompt","defaultImageMaxHeight","panelSettings","label","panelProperties","enabled","options","getPluginProps","customConfiguration","config","Settings","Properties","inputContainer","ALL_PLUGINS","handleChange","inputConfiguration","errorText","React","Component","PropTypes","func","isRequired","object","theme","paddingTop","spacing","unit","marginBottom","width","fontSize","typography","color","palette","error","main"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\n\nconst { Panel, toggle, dropdown } = settings;\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { setDimensions: true };\n  }\n\n  handleChange = (fieldName, value, index = 0) => {\n    const { model, onModelChanged } = this.props;\n\n    if (!model || !onModelChanged || !model.passages || index < 0 || index >= model.passages.length) {\n      return;\n    }\n\n    const updatedPassages = [...model.passages];\n    updatedPassages[index] = { ...updatedPassages[index], [fieldName]: value };\n\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { model, classes, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      settingsPanelDisabled,\n      language = {},\n      languageChoices = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n      teacherInstructions = {},\n      title = {},\n      subtitle = {},\n      text = {},\n      author = {},\n    } = configuration || {};\n    const {\n      errors = {},\n      extraCSSRules,\n      passages = [],\n      teacherInstructionsEnabled,\n      titleEnabled,\n      subtitleEnabled,\n      authorEnabled,\n      textEnabled,\n    } = model || {};\n\n    const { passages: passagesErrors } = errors || {};\n    const {\n      teacherInstructions: teacherInstructionsError,\n      title: titleError,\n      subtitle: subtitleError,\n      author: authorError,\n      text: textError,\n    } = (passagesErrors && passagesErrors[0]) || {}; // only the first passage errors are needed for now\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelSettings = {\n      titleEnabled: title && title.settings && toggle(title.label),\n      subtitleEnabled: subtitle && subtitle.settings && toggle(subtitle.label),\n      authorEnabled: author && author.settings && toggle(author.label),\n      textEnabled: text && text.settings && toggle(text.label),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled:\n        teacherInstructions && teacherInstructions.settings && toggle(teacherInstructions.label),\n      'language.enabled': language && language.settings && toggle(language.label, true),\n      language:\n        language && language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const getPluginProps = (customConfiguration) => {\n      return {\n        ...baseInputConfiguration,\n        ...customConfiguration,\n      };\n    };\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={(config) => onConfigurationChanged(config)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[0].teacherInstructions || ''}\n              onChange={(value) => this.handleChange('teacherInstructions', value)}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {titleEnabled && (\n          <InputContainer label={title.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[0].title || ''}\n              onChange={(value) => this.handleChange('title', value)}\n              nonEmpty={false}\n              error={titleError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(title?.inputConfiguration)}\n            />\n            {titleError && <div className={classes.errorText}>{titleError}</div>}\n          </InputContainer>\n        )}\n\n        {subtitleEnabled && (\n          <InputContainer label={subtitle.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[0].subtitle || ''}\n              onChange={(value) => this.handleChange('subtitle', value)}\n              nonEmpty={false}\n              error={subtitleError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(subtitle?.inputConfiguration)}\n            />\n            {subtitleError && <div className={classes.errorText}>{subtitleError}</div>}\n          </InputContainer>\n        )}\n\n        {authorEnabled && (\n          <InputContainer label={author.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[0].author || ''}\n              onChange={(value) => this.handleChange('author', value)}\n              nonEmpty={false}\n              error={authorError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(author?.inputConfiguration)}\n            />\n            {authorError && <div className={classes.errorText}>{authorError}</div>}\n          </InputContainer>\n        )}\n\n        {textEnabled && (\n          <InputContainer label={text.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[0].text || ''}\n              onChange={(value) => this.handleChange('text', value)}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              nonEmpty={false}\n              error={textError}\n              maxImageWidth={(maxImageWidth && maxImageWidth.text) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.text) || defaultImageMaxHeight}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(text?.inputConfiguration)}\n            />\n            {textError && <div className={classes.errorText}>{textError}</div>}\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles((theme) => ({\n  inputContainer: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n}))(Main);\n"],"file":"design.js"}
+{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","dropdown","Main","props","html","replaceAll","model","indexToRemove","onModelChanged","updatedPassages","passages","splice","setState","showConfirmationDialog","teacherInstructions","title","subtitle","author","text","getInnerText","trim","onDelete","state","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","settingsPanelDisabled","language","languageChoices","additionalPassage","extraCSSRules","panelSettings","titleEnabled","label","subtitleEnabled","authorEnabled","textEnabled","panelProperties","teacherInstructionsEnabled","enabled","options","confirmationDialogContent","config","Settings","Properties","map","passage","passageIndex","additionalPassageHeading","removeAdditionalPassage","length","addAdditionalPassage","React","Component","PropTypes","func","isRequired","object","theme","paddingTop","spacing","unit","marginBottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAQA,KAAR,GAAoCC,kBAApC,CAAQD,KAAR;AAAA,IAAeE,MAAf,GAAoCD,kBAApC,CAAeC,MAAf;AAAA,IAAuBC,QAAvB,GAAoCF,kBAApC,CAAuBE,QAAvB;;IAEaC,I;;;;;AAWX,gBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAKJ,UAACC,IAAD;AAAA,aAAU,CAACA,IAAI,IAAI,EAAT,EAAaC,UAAb,CAAwB,UAAxB,EAAoC,EAApC,CAAV;AAAA,KALI;AAAA,iGAOR,UAACC,KAAD,EAAQC,aAAR,EAAuBC,cAAvB,EAA0C;AACnD,UAAIC,eAAe,GAAGH,KAAK,CAACI,QAA5B;AACAD,MAAAA,eAAe,CAACE,MAAhB,CAAuBJ,aAAvB,EAAsC,CAAtC;AACAC,MAAAA,cAAc,iCAAMF,KAAN;AAAaI,QAAAA,QAAQ,EAAED;AAAvB,SAAd;;AAEA,YAAKG,QAAL,CAAc;AACZC,QAAAA,sBAAsB,EAAE,KADZ;AAEZN,QAAAA,aAAa,EAAE,CAAC;AAFJ,OAAd;AAID,KAhBkB;AAAA,gHAkBO,UAACA,aAAD,EAAmB;AAC3C,wBAAuC,MAAKJ,KAA5C;AAAA,0CAAQG,KAAR;AAAA,UAAQA,KAAR,kCAAgB,EAAhB;AAAA,UAAoBE,cAApB,eAAoBA,cAApB;AACA,4BAA0BF,KAA1B,CAAQI,QAAR;AAAA,UAAQA,QAAR,gCAAmB,EAAnB;AAEA,kCAAwFA,QAAQ,CAACH,aAAD,CAAhG;AAAA,yDAAQO,mBAAR;AAAA,UAAQA,mBAAR,uCAA8B,EAA9B;AAAA,yDAAkCC,KAAlC;AAAA,UAAkCA,KAAlC,uCAA0C,EAA1C;AAAA,yDAA8CC,QAA9C;AAAA,UAA8CA,QAA9C,uCAAyD,EAAzD;AAAA,yDAA6DC,MAA7D;AAAA,UAA6DA,MAA7D,uCAAsE,EAAtE;AAAA,yDAA0EC,IAA1E;AAAA,UAA0EA,IAA1E,uCAAiF,EAAjF;;AAEA,UACE,MAAKC,YAAL,CAAkBL,mBAAlB,EAAuCM,IAAvC,MACA,MAAKD,YAAL,CAAkBJ,KAAlB,EAAyBK,IAAzB,EADA,IAEA,MAAKD,YAAL,CAAkBH,QAAlB,EAA4BI,IAA5B,EAFA,IAGA,MAAKD,YAAL,CAAkBF,MAAlB,EAA0BG,IAA1B,EAHA,IAIA,MAAKD,YAAL,CAAkBD,IAAlB,EAAwBE,IAAxB,EALF,EAME;AACA,cAAKR,QAAL,CAAc;AACZC,UAAAA,sBAAsB,EAAE,IADZ;AAEZN,UAAAA,aAAa,EAAbA;AAFY,SAAd;AAID,OAXD,MAWO;AACL,cAAKc,QAAL,CAAcf,KAAd,EAAqBC,aAArB,EAAoCC,cAApC;AACD;AACF,KAtCkB;AAAA,6GAwCI,YAAM;AAC3B,yBAAkC,MAAKL,KAAvC;AAAA,UAAQG,KAAR,gBAAQA,KAAR;AAAA,UAAeE,cAAf,gBAAeA,cAAf;AAEA,UAAMC,eAAe,iDAChBH,KAAK,CAACI,QADU,IAEnB;AACEI,QAAAA,mBAAmB,EAAE,EADvB;AAEEC,QAAAA,KAAK,EAAE,EAFT;AAGEC,QAAAA,QAAQ,EAAE,EAHZ;AAIEC,QAAAA,MAAM,EAAE,EAJV;AAKEC,QAAAA,IAAI,EAAE;AALR,OAFmB,EAArB;AAUAV,MAAAA,cAAc,iCAAMF,KAAN;AAAaI,QAAAA,QAAQ,EAAED;AAAvB,SAAd;AACD,KAtDkB;AAEjB,UAAKa,KAAL,GAAa;AAAET,MAAAA,sBAAsB,EAAE,KAA1B;AAAiCN,MAAAA,aAAa,EAAE,CAAC;AAAjD,KAAb;AAFiB;AAGlB;;;;WAqDD,kBAAS;AAAA;;AACP,yBACE,KAAKJ,KADP;AAAA,UAAQoB,OAAR,gBAAQA,OAAR;AAAA,UAAiBjB,KAAjB,gBAAiBA,KAAjB;AAAA,UAAwBkB,aAAxB,gBAAwBA,aAAxB;AAAA,UAAuCC,YAAvC,gBAAuCA,YAAvC;AAAA,UAAqDC,sBAArD,gBAAqDA,sBAArD;AAAA,UAA6ElB,cAA7E,gBAA6EA,cAA7E;AAAA,UAA6FmB,kBAA7F,gBAA6FA,kBAA7F;;AAEA,iBAUIH,aAAa,IAAI,EAVrB;AAAA,UACEI,qBADF,QACEA,qBADF;AAAA,+BAEEC,QAFF;AAAA,UAEEA,QAFF,8BAEa,EAFb;AAAA,sCAGEC,eAHF;AAAA,UAGEA,eAHF,qCAGoB,EAHpB;AAAA,uCAIEhB,mBAJF;AAAA,UAIEA,mBAJF,sCAIwB,EAJxB;AAAA,4BAKEC,KALF;AAAA,UAKEA,KALF,2BAKU,EALV;AAAA,+BAMEC,QANF;AAAA,UAMEA,QANF,8BAMa,EANb;AAAA,2BAOEE,IAPF;AAAA,UAOEA,IAPF,0BAOS,EAPT;AAAA,6BAQED,MARF;AAAA,UAQEA,MARF,4BAQW,EARX;AAAA,uCASEc,iBATF;AAAA,UASEA,iBATF,sCASsB,EATtB;;AAWA,kBAAoCzB,KAAK,IAAI,EAA7C;AAAA,UAAQ0B,aAAR,SAAQA,aAAR;AAAA,UAAuBtB,QAAvB,SAAuBA,QAAvB;;AAEA,UAAMuB,aAAa,GAAG;AACpBC,QAAAA,YAAY,EAAEnB,KAAK,IAAIA,KAAK,CAAChB,QAAf,IAA2BC,MAAM,CAACe,KAAK,CAACoB,KAAP,CAD3B;AAEpBC,QAAAA,eAAe,EAAEpB,QAAQ,IAAIA,QAAQ,CAACjB,QAArB,IAAiCC,MAAM,CAACgB,QAAQ,CAACmB,KAAV,CAFpC;AAGpBE,QAAAA,aAAa,EAAEpB,MAAM,IAAIA,MAAM,CAAClB,QAAjB,IAA6BC,MAAM,CAACiB,MAAM,CAACkB,KAAR,CAH9B;AAIpBG,QAAAA,WAAW,EAAEpB,IAAI,IAAIA,IAAI,CAACnB,QAAb,IAAyBC,MAAM,CAACkB,IAAI,CAACiB,KAAN,CAJxB;AAKpB,qCACEJ,iBAAiB,IAAIA,iBAAiB,CAAChC,QAAvC,IAAmDC,MAAM,CAAC+B,iBAAiB,CAACI,KAAnB,EAA0B,IAA1B;AANvC,OAAtB;AASA,UAAMI,eAAe,GAAG;AACtBC,QAAAA,0BAA0B,EACxB1B,mBAAmB,IAAIA,mBAAmB,CAACf,QAA3C,IAAuDC,MAAM,CAACc,mBAAmB,CAACqB,KAArB,CAFzC;AAGtB,4BAAoBN,QAAQ,IAAIA,QAAQ,CAAC9B,QAArB,IAAiCC,MAAM,CAAC6B,QAAQ,CAACM,KAAV,EAAiB,IAAjB,CAHrC;AAItBN,QAAAA,QAAQ,EACNA,QAAQ,IAAIA,QAAQ,CAAC9B,QAArB,IAAiC8B,QAAQ,CAACY,OAA1C,IAAqDxC,QAAQ,CAAC6B,eAAe,CAACK,KAAjB,EAAwBL,eAAe,CAACY,OAAxC;AALzC,OAAxB;AAQA,UAAMC,yBAAyB,aAAMZ,iBAAiB,CAACI,KAAxB,qBAA/B;AAEA,wBAAkD,KAAKb,KAAvD;AAAA,UAAQf,aAAR,eAAQA,aAAR;AAAA,UAAuBM,sBAAvB,eAAuBA,sBAAvB;AAEA,0BACE,gCAAC,gBAAD,CAAQ,YAAR;AACE,QAAA,aAAa,EAAEmB,aADjB;AAEE,QAAA,YAAY,EAAEJ,qBAFhB;AAGE,QAAA,QAAQ,eACN,gCAAC,KAAD;AACE,UAAA,KAAK,EAAEtB,KADT;AAEE,UAAA,aAAa,EAAEkB,aAFjB;AAGE,UAAA,aAAa,EAAE,uBAAClB,KAAD;AAAA,mBAAWE,cAAc,CAACF,KAAD,CAAzB;AAAA,WAHjB;AAIE,UAAA,qBAAqB,EAAE,+BAACsC,MAAD;AAAA,mBAAYlB,sBAAsB,CAACkB,MAAD,CAAlC;AAAA,WAJzB;AAKE,UAAA,MAAM,EAAE;AACNC,YAAAA,QAAQ,EAAEZ,aADJ;AAENa,YAAAA,UAAU,EAAEP;AAFN;AALV;AAJJ,SAgBG7B,QAAQ,CAACqC,GAAT,CAAa,UAACC,OAAD,EAAUC,YAAV;AAAA,4BACV,gCAAC,iBAAD,CAAO,QAAP;AAAgB,UAAA,GAAG,EAAEA;AAArB,WACGA,YAAY,GAAG,CAAf,iBACC,gCAAC,sBAAD;AAAY,UAAA,OAAO,EAAC,IAApB;AAAyB,UAAA,SAAS,EAAE1B,OAAO,CAAC2B;AAA5C,WACGnB,iBAAiB,CAACI,KADrB,CAFJ,eAME,gCAAC,mBAAD;AACE,UAAA,YAAY,EAAEV,YADhB;AAEE,UAAA,kBAAkB,EAAEE,kBAFtB;AAGE,UAAA,KAAK,EAAErB,KAHT;AAIE,UAAA,aAAa,EAAEkB,aAJjB;AAKE,UAAA,YAAY,EAAEyB,YALhB;AAME,UAAA,cAAc,EAAEzC;AANlB,UANF,EAcGyC,YAAY,GAAG,CAAf,IAAoBlB,iBAAiB,CAACU,OAAtC,iBACC,gCAAC,qBAAD;AACE,UAAA,IAAI,EAAE,QADR;AAEE,UAAA,KAAK,mBAAYV,iBAAiB,CAACI,KAA9B,CAFP;AAGE,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACgB,uBAAL,CAA6BF,YAA7B,CAAN;AAAA;AAHX,UAfJ,EAqBGA,YAAY,KAAK,CAAjB,IAAsBlB,iBAAiB,CAACU,OAAxC,IAAmD/B,QAAQ,CAAC0C,MAAT,GAAkB,CAArE,iBACC,gCAAC,qBAAD;AAAe,UAAA,KAAK,gBAASrB,iBAAiB,CAACI,KAA3B,CAApB;AAAwD,UAAA,OAAO,EAAE,MAAI,CAACkB;AAAtE,UAtBJ,CADU;AAAA,OAAb,CAhBH,eA2CE,gCAAC,yBAAD;AACE,QAAA,IAAI,EAAExC,sBADR;AAEE,QAAA,KAAK,EAAE,SAFT;AAGE,QAAA,OAAO,EAAE8B,yBAHX;AAIE,QAAA,MAAM,EAAE,QAJV;AAKE,QAAA,EAAE,EAAE,IALN;AAME,QAAA,QAAQ,EAAE;AAAA,iBACR,MAAI,CAAC/B,QAAL,CAAc;AACZC,YAAAA,sBAAsB,EAAE;AADZ,WAAd,CADQ;AAAA,SANZ;AAWE,QAAA,IAAI,EAAE;AAAA,iBAAM,MAAI,CAACQ,QAAL,CAAcf,KAAd,EAAqBC,aAArB,EAAoCC,cAApC,CAAN;AAAA;AAXR,QA3CF,CADF;AA2DD;;;EAnKuB8C,kBAAMC,S;;;iCAAnBrD,I,eACQ;AACjBM,EAAAA,cAAc,EAAEgD,sBAAUC,IAAV,CAAeC,UADd;AAEjBhC,EAAAA,sBAAsB,EAAE8B,sBAAUC,IAFjB;AAGjBnD,EAAAA,KAAK,EAAEkD,sBAAUG,MAAV,CAAiBD,UAHP;AAIjBlC,EAAAA,aAAa,EAAEgC,sBAAUG,MAAV,CAAiBD,UAJf;AAKjBjC,EAAAA,YAAY,EAAE+B,sBAAUG,MAAV,CAAiBD,UALd;AAMjB/B,EAAAA,kBAAkB,EAAE6B,sBAAUG,MAAV,CAAiBD,UANpB;AAOjBnC,EAAAA,OAAO,EAAEiC,sBAAUG,MAAV,CAAiBD;AAPT,C;;eAoKN,wBAAW,UAACE,KAAD;AAAA,SAAY;AACpCV,IAAAA,wBAAwB,EAAE;AACxBW,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CADT;AAExBC,MAAAA,YAAY,EAAEJ,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AAFX;AADU,GAAZ;AAAA,CAAX,EAKX7D,IALW,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { settings, layout } from '@pie-lib/pie-toolbox/config-ui';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\n\nimport { ConfimationDialog, PassageButton } from './common';\nimport Passage from './passage';\n\nconst { Panel, toggle, dropdown } = settings;\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { showConfirmationDialog: false, indexToRemove: -1 };\n  }\n\n  getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n  onDelete = (model, indexToRemove, onModelChanged) => {\n    let updatedPassages = model.passages;\n    updatedPassages.splice(indexToRemove, 1);\n    onModelChanged({ ...model, passages: updatedPassages });\n\n    this.setState({\n      showConfirmationDialog: false,\n      indexToRemove: -1,\n    });\n  };\n\n  removeAdditionalPassage = (indexToRemove) => {\n    const { model = {}, onModelChanged } = this.props;\n    const { passages = [] } = model;\n\n    const { teacherInstructions = '', title = '', subtitle = '', author = '', text = '' } = passages[indexToRemove];\n\n    if (\n      this.getInnerText(teacherInstructions).trim() ||\n      this.getInnerText(title).trim() ||\n      this.getInnerText(subtitle).trim() ||\n      this.getInnerText(author).trim() ||\n      this.getInnerText(text).trim()\n    ) {\n      this.setState({\n        showConfirmationDialog: true,\n        indexToRemove,\n      });\n    } else {\n      this.onDelete(model, indexToRemove, onModelChanged);\n    }\n  };\n\n  addAdditionalPassage = () => {\n    const { model, onModelChanged } = this.props;\n\n    const updatedPassages = [\n      ...model.passages,\n      {\n        teacherInstructions: '',\n        title: '',\n        subtitle: '',\n        author: '',\n        text: '',\n      },\n    ];\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { classes, model, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      settingsPanelDisabled,\n      language = {},\n      languageChoices = {},\n      teacherInstructions = {},\n      title = {},\n      subtitle = {},\n      text = {},\n      author = {},\n      additionalPassage = {},\n    } = configuration || {};\n    const { extraCSSRules, passages } = model || {};\n\n    const panelSettings = {\n      titleEnabled: title && title.settings && toggle(title.label),\n      subtitleEnabled: subtitle && subtitle.settings && toggle(subtitle.label),\n      authorEnabled: author && author.settings && toggle(author.label),\n      textEnabled: text && text.settings && toggle(text.label),\n      'additionalPassage.enabled':\n        additionalPassage && additionalPassage.settings && toggle(additionalPassage.label, true),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled:\n        teacherInstructions && teacherInstructions.settings && toggle(teacherInstructions.label),\n      'language.enabled': language && language.settings && toggle(language.label, true),\n      language:\n        language && language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const confirmationDialogContent = `${additionalPassage.label} will be deleted`;\n\n    const { indexToRemove, showConfirmationDialog } = this.state;\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={(config) => onConfigurationChanged(config)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {passages.map((passage, passageIndex) =>\n            <React.Fragment key={passageIndex}>\n              {passageIndex > 0 && (\n                <Typography variant=\"h5\" className={classes.additionalPassageHeading}>\n                  {additionalPassage.label}\n                </Typography>\n              )}\n              <Passage\n                imageSupport={imageSupport}\n                uploadSoundSupport={uploadSoundSupport}\n                model={model}\n                configuration={configuration}\n                passageIndex={passageIndex}\n                onModelChanged={onModelChanged}\n              />\n              {passageIndex > 0 && additionalPassage.enabled && (\n                <PassageButton\n                  type={'remove'}\n                  label={`Remove ${additionalPassage.label}`}\n                  onClick={() => this.removeAdditionalPassage(passageIndex)}\n                />\n              )}\n              {passageIndex === 0 && additionalPassage.enabled && passages.length < 2 && (\n                <PassageButton label={`Add ${additionalPassage.label}`} onClick={this.addAdditionalPassage} />\n              )}\n            </React.Fragment>\n          )}\n        <ConfimationDialog\n          open={showConfirmationDialog}\n          title={'Warning'}\n          content={confirmationDialogContent}\n          cancel={'Cancel'}\n          ok={'Ok'}\n          onCancel={() =>\n            this.setState({\n              showConfirmationDialog: false,\n            })\n          }\n          onOk={() => this.onDelete(model, indexToRemove, onModelChanged)}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles((theme) => ({\n  additionalPassageHeading: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n}))(Main);\n"],"file":"design.js"}