@pie-element/passage 3.5.6-next.9 → 3.6.0

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.6.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@3.5.5...@pie-element/passage@3.6.0) (2025-05-22)
+
+
+### Bug Fixes
+
+* conflicts ([fce1a12](https://github.com/pie-framework/pie-elements/commit/fce1a12cacfcdc0f7ded44291eb7539dc3567127))
+* tests PD-5009 ([e00ac85](https://github.com/pie-framework/pie-elements/commit/e00ac85428a335d1dd67012b99a89861926594d0))
+* update pie-lib/pie-toolbox PD-4555, PD-4561 ([a7c878c](https://github.com/pie-framework/pie-elements/commit/a7c878cc1c1440bc0f72acb8ca3ef2a023023066))
+* update pie-lib/pie-toolbox PD-5009, PD-5002 ([9d5d7a3](https://github.com/pie-framework/pie-elements/commit/9d5d7a31ea06b568c346008aee2557dfd2e9a796))
+* **passage:** code review improvements PD-4040 ([2c9d279](https://github.com/pie-framework/pie-elements/commit/2c9d27985c3c8bf26d09b4b9a4722ee9cdf6f034))
+* **passage:** correct failing test, validate all passages PD-4040 ([32d4ef2](https://github.com/pie-framework/pie-elements/commit/32d4ef266f33386a0c1a0fba849a698132115648))
+* **passage:** fix table styling inside passage to be consistent PD-4594 ([6c373ca](https://github.com/pie-framework/pie-elements/commit/6c373ca20180eeaaa84fe484f5c11edb933ee63f))
+* **passage:** get rid of translator PD-4040 ([c76c422](https://github.com/pie-framework/pie-elements/commit/c76c422b40ce80fb2665cd2851b6fc51cc5d54a6))
+* **passage:** reset defaults values to their initial value PD-4040 ([a0aa8bf](https://github.com/pie-framework/pie-elements/commit/a0aa8bf8d8be22a95a3e5c16b5c16ba4076dc59f))
+
+
+### Features
+
+* **passage:** add logic for addimg an additional passage PD-4040 ([9ff4eb1](https://github.com/pie-framework/pie-elements/commit/9ff4eb10d7b8380bc33b5ee7448712958e3afea7))
+* **passage:** create logic add remove passage, add translator PD-4040 ([393d6fa](https://github.com/pie-framework/pie-elements/commit/393d6faf700c416887beff69a16baa4a2d3dead1))
+* **passage:** handle corner cases, create new file for common components PD-4040 ([5dfb968](https://github.com/pie-framework/pie-elements/commit/5dfb968b5d8040318615ca537c55ddb5b8cdc305))
+* **passage:** rewrite tests as structure was changed and new func added PD-4040 ([b0693a1](https://github.com/pie-framework/pie-elements/commit/b0693a104cb9cb2b2d5e34ee69941e6398008747))
+* **passage:** update authoring for additional passage, create own component for passage component pd-4040 ([ca61920](https://github.com/pie-framework/pie-elements/commit/ca61920fba2a451d37bcfa829a3712191edfd3fb))
+
+
+
+
+
 ## [3.5.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@3.5.4...@pie-element/passage@3.5.5) (2025-05-12)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.5.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-configure@2.4.5...@pie-element/passage-configure@2.5.0) (2025-05-22)
+
+
+### Bug Fixes
+
+* conflicts ([fce1a12](https://github.com/pie-framework/pie-elements/commit/fce1a12cacfcdc0f7ded44291eb7539dc3567127))
+* tests PD-5009 ([e00ac85](https://github.com/pie-framework/pie-elements/commit/e00ac85428a335d1dd67012b99a89861926594d0))
+* update pie-lib/pie-toolbox PD-4555, PD-4561 ([a7c878c](https://github.com/pie-framework/pie-elements/commit/a7c878cc1c1440bc0f72acb8ca3ef2a023023066))
+* update pie-lib/pie-toolbox PD-5009, PD-5002 ([9d5d7a3](https://github.com/pie-framework/pie-elements/commit/9d5d7a31ea06b568c346008aee2557dfd2e9a796))
+* **passage:** code review improvements PD-4040 ([2c9d279](https://github.com/pie-framework/pie-elements/commit/2c9d27985c3c8bf26d09b4b9a4722ee9cdf6f034))
+* **passage:** correct failing test, validate all passages PD-4040 ([32d4ef2](https://github.com/pie-framework/pie-elements/commit/32d4ef266f33386a0c1a0fba849a698132115648))
+* **passage:** get rid of translator PD-4040 ([c76c422](https://github.com/pie-framework/pie-elements/commit/c76c422b40ce80fb2665cd2851b6fc51cc5d54a6))
+* **passage:** reset defaults values to their initial value PD-4040 ([a0aa8bf](https://github.com/pie-framework/pie-elements/commit/a0aa8bf8d8be22a95a3e5c16b5c16ba4076dc59f))
+
+
+### Features
+
+* **passage:** add logic for addimg an additional passage PD-4040 ([9ff4eb1](https://github.com/pie-framework/pie-elements/commit/9ff4eb10d7b8380bc33b5ee7448712958e3afea7))
+* **passage:** create logic add remove passage, add translator PD-4040 ([393d6fa](https://github.com/pie-framework/pie-elements/commit/393d6faf700c416887beff69a16baa4a2d3dead1))
+* **passage:** handle corner cases, create new file for common components PD-4040 ([5dfb968](https://github.com/pie-framework/pie-elements/commit/5dfb968b5d8040318615ca537c55ddb5b8cdc305))
+* **passage:** rewrite tests as structure was changed and new func added PD-4040 ([b0693a1](https://github.com/pie-framework/pie-elements/commit/b0693a104cb9cb2b2d5e34ee69941e6398008747))
+* **passage:** update authoring for additional passage, create own component for passage component pd-4040 ([ca61920](https://github.com/pie-framework/pie-elements/commit/ca61920fba2a451d37bcfa829a3712191edfd3fb))
+
+
+
+
+
 ## [2.4.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-configure@2.4.4...@pie-element/passage-configure@2.4.5) (2025-05-12)
 
 

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":";;;;;;AAAA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,IADV;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,mBAAmB,EAAE,EADvB;AAEEC,MAAAA,KAAK,EAAE,EAFT;AAGEC,MAAAA,QAAQ,EAAE,EAHZ;AAIEC,MAAAA,MAAM,EAAE,EAJV;AAKEC,MAAAA,IAAI,EAAE;AALR,KADQ,CAFL;AAWLC,IAAAA,eAAe,EAAE,IAXZ;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,WAAW,EAAE,IAbR;AAcLC,IAAAA,YAAY,EAAE;AAdT,GADM;AAiBbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,sBAAsB,EAAE;AACtBC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OADe;AAEtBC,MAAAA,KAAK,EAAE;AAAED,QAAAA,QAAQ,EAAE;AAAZ,OAFe;AAGtBE,MAAAA,KAAK,EAAE;AAAEF,QAAAA,QAAQ,EAAE;AAAZ,OAHe;AAItBG,MAAAA,EAAE,EAAE;AAAEH,QAAAA,QAAQ,EAAE;AAAZ,OAJkB;AAKtBI,MAAAA,UAAU,EAAE;AAAEJ,QAAAA,QAAQ,EAAE;AAAZ,OALU;AAMtBK,MAAAA,SAAS,EAAE;AAAEL,QAAAA,QAAQ,EAAE;AAAZ,OANW;AAOtBM,MAAAA,cAAc,EAAE;AAAEN,QAAAA,QAAQ,EAAE;AAAZ,OAPM;AAQtBO,MAAAA,kBAAkB,EAAE;AAAEP,QAAAA,QAAQ,EAAE;AAAZ;AARE,KADX;AAWbQ,IAAAA,qBAAqB,EAAE,KAXV;AAYbnB,IAAAA,KAAK,EAAE;AACLoB,MAAAA,QAAQ,EAAE,IADL;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLC,MAAAA,kBAAkB,EAAE;AAClBZ,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADW;AAElBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ,SAFW;AAGlBE,QAAAA,KAAK,EAAE;AAAEF,UAAAA,QAAQ,EAAE;AAAZ,SAHW;AAIlBK,QAAAA,SAAS,EAAE;AAAEL,UAAAA,QAAQ,EAAE;AAAZ;AAJO,OAHf;AASLY,MAAAA,QAAQ,EAAE;AATL,KAZM;AAuBbtB,IAAAA,QAAQ,EAAE;AACRmB,MAAAA,QAAQ,EAAE,IADF;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRC,MAAAA,kBAAkB,EAAE;AAClBZ,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADW;AAElBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ,SAFW;AAGlBE,QAAAA,KAAK,EAAE;AAAEF,UAAAA,QAAQ,EAAE;AAAZ,SAHW;AAIlBK,QAAAA,SAAS,EAAE;AAAEL,UAAAA,QAAQ,EAAE;AAAZ;AAJO,OAHZ;AASRY,MAAAA,QAAQ,EAAE;AATF,KAvBG;AAkCbrB,IAAAA,MAAM,EAAE;AACNkB,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE,QAFD;AAGNC,MAAAA,kBAAkB,EAAE;AAClBZ,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADW;AAElBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ,SAFW;AAGlBE,QAAAA,KAAK,EAAE;AAAEF,UAAAA,QAAQ,EAAE;AAAZ;AAHW,OAHd;AAQNY,MAAAA,QAAQ,EAAE;AARJ,KAlCK;AA4CbpB,IAAAA,IAAI,EAAE;AACJiB,MAAAA,QAAQ,EAAE,IADN;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJC,MAAAA,kBAAkB,EAAE;AAClBZ,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADW;AAElBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ,SAFW;AAGlBE,QAAAA,KAAK,EAAE;AAAEF,UAAAA,QAAQ,EAAE;AAAZ,SAHW;AAIlBG,QAAAA,EAAE,EAAE;AAAEH,UAAAA,QAAQ,EAAE;AAAZ,SAJc;AAKlBI,QAAAA,UAAU,EAAE;AAAEJ,UAAAA,QAAQ,EAAE;AAAZ,SALM;AAMlBK,QAAAA,SAAS,EAAE;AAAEL,UAAAA,QAAQ,EAAE;AAAZ;AANO,OAHhB;AAWJY,MAAAA,QAAQ,EAAE;AAXN,KA5CO;AAyDbxB,IAAAA,mBAAmB,EAAE;AACnBqB,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE,sBAFY;AAGnBC,MAAAA,kBAAkB,EAAE;AAClBZ,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADW;AAElBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ,SAFW;AAGlBE,QAAAA,KAAK,EAAE;AAAEF,UAAAA,QAAQ,EAAE;AAAZ;AAHW,OAHD;AAQnBY,MAAAA,QAAQ,EAAE;AARS,KAzDR;AAmEbC,IAAAA,aAAa,EAAE;AACbzB,MAAAA,mBAAmB,EAAE,GADR;AAEbI,MAAAA,IAAI,EAAE;AAFO,KAnEF;AAuEbsB,IAAAA,cAAc,EAAE;AACd1B,MAAAA,mBAAmB,EAAE,GADP;AAEdI,MAAAA,IAAI,EAAE;AAFQ,KAvEH;AA2EbuB,IAAAA,aAAa,EAAE;AACbC,MAAAA,SAAS,EAAE,KADE;AAEbC,MAAAA,UAAU,EAAE;AAFC,KA3EF;AA+EbC,IAAAA,QAAQ,EAAE;AACRT,MAAAA,QAAQ,EAAE,KADF;AAERC,MAAAA,KAAK,EAAE,kBAFC;AAGRS,MAAAA,OAAO,EAAE;AAHD,KA/EG;AAoFbC,IAAAA,eAAe,EAAE;AACfV,MAAAA,KAAK,EAAE,kBADQ;AAEfW,MAAAA,OAAO,EAAE;AAFM,KApFJ;AAwFbC,IAAAA,iBAAiB,EAAE;AACjBb,MAAAA,QAAQ,EAAE,IADO;AAEjBC,MAAAA,KAAK,EAAE,oBAFU;AAGjBS,MAAAA,OAAO,EAAE;AAHQ;AAxFN;AAjBF,C","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);