@pie-element/passage 3.7.8-next.5 → 3.7.8-next.72

package/configure/lib/design.js

@@ -27,7 +27,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+var _configUi = require("@pie-lib/config-ui");
 
 var _styles = require("@material-ui/core/styles");
 

package/configure/lib/design.js.map

@@ -1 +1 @@
-{"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":"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","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"}
+{"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":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { settings, layout } from '@pie-lib/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"}

package/configure/lib/passage.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,9 +31,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+var _configUi = require("@pie-lib/config-ui");
+
+var _editableHtml = _interopRequireWildcard(require("@pie-lib/editable-html"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -134,7 +140,7 @@ var PassageComponent = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: teacherInstructions.label,
         className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
         activePlugins: _editableHtml.ALL_PLUGINS,
         markup: passages[passageIndex].teacherInstructions || '',
         onChange: function onChange(value) {
@@ -156,7 +162,7 @@ var PassageComponent = /*#__PURE__*/function (_React$Component) {
       }, teacherInstructionsError)), titleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: title.label,
         className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
         activePlugins: _editableHtml.ALL_PLUGINS,
         markup: passages[passageIndex].title || '',
         onChange: function onChange(value) {
@@ -176,7 +182,7 @@ var PassageComponent = /*#__PURE__*/function (_React$Component) {
       }, titleError)), subtitleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: subtitle.label,
         className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
         activePlugins: _editableHtml.ALL_PLUGINS,
         markup: passages[passageIndex].subtitle || '',
         onChange: function onChange(value) {
@@ -196,7 +202,7 @@ var PassageComponent = /*#__PURE__*/function (_React$Component) {
       }, subtitleError)), authorEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: author.label,
         className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
         activePlugins: _editableHtml.ALL_PLUGINS,
         markup: passages[passageIndex].author || '',
         onChange: function onChange(value) {
@@ -216,7 +222,7 @@ var PassageComponent = /*#__PURE__*/function (_React$Component) {
       }, authorError)), textEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: text.label,
         className: classes.inputContainer
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
         activePlugins: _editableHtml.ALL_PLUGINS,
         markup: passages[passageIndex].text || '',
         onChange: function onChange(value) {

package/configure/lib/passage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/passage.jsx"],"names":["PassageComponent","props","fieldName","value","model","onModelChanged","passageIndex","passages","length","updatedPassages","classes","configuration","imageSupport","uploadSoundSupport","maxImageWidth","maxImageHeight","mathMlOptions","baseInputConfiguration","teacherInstructions","title","subtitle","text","author","errors","teacherInstructionsEnabled","titleEnabled","subtitleEnabled","authorEnabled","textEnabled","passagesErrors","teacherInstructionsError","titleError","subtitleError","authorError","textError","defaultImageMaxWidth","prompt","defaultImageMaxHeight","getPluginProps","customConfiguration","label","inputContainer","ALL_PLUGINS","handleChange","language","inputConfiguration","errorText","React","Component","PropTypes","object","func","isRequired","number","theme","paddingTop","spacing","unit","marginBottom","width","fontSize","typography","color","palette","error","main"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEaA,gB;;;;;AAeX,4BAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAIJ,UAACC,SAAD,EAAYC,KAAZ,EAAsB;AACnC,wBAAgD,MAAKF,KAArD;AAAA,UAAQG,KAAR,eAAQA,KAAR;AAAA,UAAeC,cAAf,eAAeA,cAAf;AAAA,UAA+BC,YAA/B,eAA+BA,YAA/B;;AAEA,UAAI,CAACF,KAAK,CAACG,QAAP,IAAmBD,YAAY,GAAG,CAAlC,IAAuCA,YAAY,IAAIF,KAAK,CAACG,QAAN,CAAeC,MAA1E,EAAkF;AAChF;AACD;;AAED,UAAMC,eAAe,uCAAOL,KAAK,CAACG,QAAb,CAArB;AACAE,MAAAA,eAAe,CAACH,YAAD,CAAf,mCAAqCG,eAAe,CAACH,YAAD,CAApD,4CAAqEJ,SAArE,EAAiFC,KAAjF;AAEAE,MAAAA,cAAc,iCAAMD,KAAN;AAAaG,QAAAA,QAAQ,EAAEE;AAAvB,SAAd;AACD,KAfkB;AAAA;AAElB;;;;WAeD,kBAAS;AAAA;;AACP,yBAA0F,KAAKR,KAA/F;AAAA,UAAQG,KAAR,gBAAQA,KAAR;AAAA,UAAeM,OAAf,gBAAeA,OAAf;AAAA,UAAwBC,aAAxB,gBAAwBA,aAAxB;AAAA,UAAuCC,YAAvC,gBAAuCA,YAAvC;AAAA,UAAqDN,YAArD,gBAAqDA,YAArD;AAAA,UAAmEO,kBAAnE,gBAAmEA,kBAAnE;;AACA,iBAUIF,aAAa,IAAI,EAVrB;AAAA,oCACEG,aADF;AAAA,UACEA,aADF,mCACkB,EADlB;AAAA,qCAEEC,cAFF;AAAA,UAEEA,cAFF,oCAEmB,EAFnB;AAAA,oCAGEC,aAHF;AAAA,UAGEA,aAHF,mCAGkB,EAHlB;AAAA,uCAIEC,sBAJF;AAAA,UAIEA,sBAJF,sCAI2B,EAJ3B;AAAA,uCAKEC,mBALF;AAAA,UAKEA,mBALF,sCAKwB,EALxB;AAAA,4BAMEC,KANF;AAAA,UAMEA,KANF,2BAMU,EANV;AAAA,+BAOEC,QAPF;AAAA,UAOEA,QAPF,8BAOa,EAPb;AAAA,2BAQEC,IARF;AAAA,UAQEA,IARF,0BAQS,EART;AAAA,6BASEC,MATF;AAAA,UASEA,MATF,4BASW,EATX;;AAWA,kBAQIlB,KAAK,IAAI,EARb;AAAA,+BACEmB,MADF;AAAA,UACEA,MADF,6BACW,EADX;AAAA,iCAEEhB,QAFF;AAAA,UAEEA,QAFF,+BAEa,EAFb;AAAA,UAGEiB,0BAHF,SAGEA,0BAHF;AAAA,UAIEC,YAJF,SAIEA,YAJF;AAAA,UAKEC,eALF,SAKEA,eALF;AAAA,UAMEC,aANF,SAMEA,aANF;AAAA,UAOEC,WAPF,SAOEA,WAPF;;AAUA,kBAAqCL,MAAM,IAAI,EAA/C;AAAA,UAAkBM,cAAlB,SAAQtB,QAAR;;AACA,kBAMKsB,cAAc,IAAIA,cAAc,CAACvB,YAAD,CAAjC,IAAoD,EANxD;AAAA,UACuBwB,wBADvB,SACEZ,mBADF;AAAA,UAESa,UAFT,SAEEZ,KAFF;AAAA,UAGYa,aAHZ,SAGEZ,QAHF;AAAA,UAIUa,WAJV,SAIEX,MAJF;AAAA,UAKQY,SALR,SAKEb,IALF;;AAQA,UAAMc,oBAAoB,GAAGrB,aAAa,IAAIA,aAAa,CAACsB,MAA5D;AACA,UAAMC,qBAAqB,GAAGtB,cAAc,IAAIA,cAAc,CAACqB,MAA/D;;AAEA,UAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACC,mBAAD;AAAA,+CAA8BtB,sBAA9B,GAAwDsB,mBAAxD;AAAA,OAAvB;;AAEA,0BACE,gCAAC,iBAAD,CAAO,QAAP,QACGf,0BAA0B,iBACzB,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEN,mBAAmB,CAACsB,KAA3C;AAAkD,QAAA,SAAS,EAAE9B,OAAO,CAAC+B;AAArE,sBACE,gCAAC,0BAAD;AACE,QAAA,aAAa,EAAEC,yBADjB;AAEE,QAAA,MAAM,EAAEnC,QAAQ,CAACD,YAAD,CAAR,CAAuBY,mBAAvB,IAA8C,EAFxD;AAGE,QAAA,QAAQ,EAAE,kBAACf,KAAD;AAAA,iBAAW,MAAI,CAACwC,YAAL,CAAkB,qBAAlB,EAAyCxC,KAAzC,CAAX;AAAA,SAHZ;AAIE,QAAA,QAAQ,EAAE,KAJZ;AAKE,QAAA,KAAK,EAAE2B,wBALT;AAME,QAAA,aAAa,EAAGhB,aAAa,IAAIA,aAAa,CAACI,mBAAhC,IAAwDiB,oBANzE;AAOE,QAAA,cAAc,EAAGpB,cAAc,IAAIA,cAAc,CAACG,mBAAlC,IAA0DmB,qBAP5E;AAQE,QAAA,aAAa,EAAErB,aARjB;AASE,QAAA,uBAAuB,EAAE,CAAC;AAAE4B,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAT3B;AAUE,QAAA,WAAW,EAAEN,cAAc,CAACpB,mBAAD,aAACA,mBAAD,uBAACA,mBAAmB,CAAE2B,kBAAtB;AAV7B,QADF,EAaGf,wBAAwB,iBAAI;AAAK,QAAA,SAAS,EAAEpB,OAAO,CAACoC;AAAxB,SAAoChB,wBAApC,CAb/B,CAFJ,EAmBGL,YAAY,iBACX,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEN,KAAK,CAACqB,KAA7B;AAAoC,QAAA,SAAS,EAAE9B,OAAO,CAAC+B;AAAvD,sBACE,gCAAC,0BAAD;AACE,QAAA,aAAa,EAAEC,yBADjB;AAEE,QAAA,MAAM,EAAEnC,QAAQ,CAACD,YAAD,CAAR,CAAuBa,KAAvB,IAAgC,EAF1C;AAGE,QAAA,QAAQ,EAAE,kBAAChB,KAAD;AAAA,iBAAW,MAAI,CAACwC,YAAL,CAAkB,OAAlB,EAA2BxC,KAA3B,CAAX;AAAA,SAHZ;AAIE,QAAA,QAAQ,EAAE,KAJZ;AAKE,QAAA,KAAK,EAAE4B,UALT;AAME,QAAA,aAAa,EAAEf,aANjB;AAOE,QAAA,uBAAuB,EAAE,CAAC;AAAE4B,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAP3B;AAQE,QAAA,WAAW,EAAEN,cAAc,CAACnB,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAE0B,kBAAR;AAR7B,QADF,EAWGd,UAAU,iBAAI;AAAK,QAAA,SAAS,EAAErB,OAAO,CAACoC;AAAxB,SAAoCf,UAApC,CAXjB,CApBJ,EAmCGL,eAAe,iBACd,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEN,QAAQ,CAACoB,KAAhC;AAAuC,QAAA,SAAS,EAAE9B,OAAO,CAAC+B;AAA1D,sBACE,gCAAC,0BAAD;AACE,QAAA,aAAa,EAAEC,yBADjB;AAEE,QAAA,MAAM,EAAEnC,QAAQ,CAACD,YAAD,CAAR,CAAuBc,QAAvB,IAAmC,EAF7C;AAGE,QAAA,QAAQ,EAAE,kBAACjB,KAAD;AAAA,iBAAW,MAAI,CAACwC,YAAL,CAAkB,UAAlB,EAA8BxC,KAA9B,CAAX;AAAA,SAHZ;AAIE,QAAA,QAAQ,EAAE,KAJZ;AAKE,QAAA,KAAK,EAAE6B,aALT;AAME,QAAA,aAAa,EAAEhB,aANjB;AAOE,QAAA,uBAAuB,EAAE,CAAC;AAAE4B,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAP3B;AAQE,QAAA,WAAW,EAAEN,cAAc,CAAClB,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAEyB,kBAAX;AAR7B,QADF,EAWGb,aAAa,iBAAI;AAAK,QAAA,SAAS,EAAEtB,OAAO,CAACoC;AAAxB,SAAoCd,aAApC,CAXpB,CApCJ,EAmDGL,aAAa,iBACZ,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEL,MAAM,CAACkB,KAA9B;AAAqC,QAAA,SAAS,EAAE9B,OAAO,CAAC+B;AAAxD,sBACE,gCAAC,0BAAD;AACE,QAAA,aAAa,EAAEC,yBADjB;AAEE,QAAA,MAAM,EAAEnC,QAAQ,CAACD,YAAD,CAAR,CAAuBgB,MAAvB,IAAiC,EAF3C;AAGE,QAAA,QAAQ,EAAE,kBAACnB,KAAD;AAAA,iBAAW,MAAI,CAACwC,YAAL,CAAkB,QAAlB,EAA4BxC,KAA5B,CAAX;AAAA,SAHZ;AAIE,QAAA,QAAQ,EAAE,KAJZ;AAKE,QAAA,KAAK,EAAE8B,WALT;AAME,QAAA,aAAa,EAAEjB,aANjB;AAOE,QAAA,uBAAuB,EAAE,CAAC;AAAE4B,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAP3B;AAQE,QAAA,WAAW,EAAEN,cAAc,CAAChB,MAAD,aAACA,MAAD,uBAACA,MAAM,CAAEuB,kBAAT;AAR7B,QADF,EAWGZ,WAAW,iBAAI;AAAK,QAAA,SAAS,EAAEvB,OAAO,CAACoC;AAAxB,SAAoCb,WAApC,CAXlB,CApDJ,EAmEGL,WAAW,iBACV,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEP,IAAI,CAACmB,KAA5B;AAAmC,QAAA,SAAS,EAAE9B,OAAO,CAAC+B;AAAtD,sBACE,gCAAC,0BAAD;AACE,QAAA,aAAa,EAAEC,yBADjB;AAEE,QAAA,MAAM,EAAEnC,QAAQ,CAACD,YAAD,CAAR,CAAuBe,IAAvB,IAA+B,EAFzC;AAGE,QAAA,QAAQ,EAAE,kBAAClB,KAAD;AAAA,iBAAW,MAAI,CAACwC,YAAL,CAAkB,MAAlB,EAA0BxC,KAA1B,CAAX;AAAA,SAHZ;AAIE,QAAA,YAAY,EAAES,YAJhB;AAKE,QAAA,kBAAkB,EAAEC,kBALtB;AAME,QAAA,QAAQ,EAAE,KANZ;AAOE,QAAA,KAAK,EAAEqB,SAPT;AAQE,QAAA,aAAa,EAAGpB,aAAa,IAAIA,aAAa,CAACO,IAAhC,IAAyCc,oBAR1D;AASE,QAAA,cAAc,EAAGpB,cAAc,IAAIA,cAAc,CAACM,IAAlC,IAA2CgB,qBAT7D;AAUE,QAAA,aAAa,EAAErB,aAVjB;AAWE,QAAA,uBAAuB,EAAE,CAAC;AAAE4B,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAX3B;AAYE,QAAA,WAAW,EAAEN,cAAc,CAACjB,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEwB,kBAAP;AAZ7B,QADF,EAeGX,SAAS,iBAAI;AAAK,QAAA,SAAS,EAAExB,OAAO,CAACoC;AAAxB,SAAoCZ,SAApC,CAfhB,CApEJ,CADF;AAyFD;;;EA9JmCa,kBAAMC,S;;;iCAA/BhD,gB,eACQ;AACjBU,EAAAA,OAAO,EAAEuC,sBAAUC,MADF;AAEjB7C,EAAAA,cAAc,EAAE4C,sBAAUE,IAAV,CAAeC,UAFd;AAGjBhD,EAAAA,KAAK,EAAE6C,sBAAUC,MAAV,CAAiBE,UAHP;AAIjBzC,EAAAA,aAAa,EAAEsC,sBAAUC,MAAV,CAAiBE,UAJf;AAKjBxC,EAAAA,YAAY,EAAEqC,sBAAUC,MAAV,CAAiBE,UALd;AAMjB9C,EAAAA,YAAY,EAAE2C,sBAAUI,MAAV,CAAiBD,UANd;AAOjBvC,EAAAA,kBAAkB,EAAEoC,sBAAUC,MAAV,CAAiBE;AAPpB,C;iCADRpD,gB,kBAWW;AACpBM,EAAAA,YAAY,EAAE;AADM,C;;eAsJT,wBAAW,UAACgD,KAAD;AAAA,SAAY;AACpCb,IAAAA,cAAc,EAAE;AACdc,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CADnB;AAEdC,MAAAA,YAAY,EAAEJ,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAFrB;AAGdE,MAAAA,KAAK,EAAE;AAHO,KADoB;AAMpCb,IAAAA,SAAS,EAAE;AACTc,MAAAA,QAAQ,EAAEN,KAAK,CAACO,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETE,MAAAA,KAAK,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC,IAFlB;AAGTV,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC;AAHjB;AANyB,GAAZ;AAAA,CAAX,EAWXzD,gBAXW,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { InputContainer } from '@pie-lib/pie-toolbox/config-ui';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\n\nexport class PassageComponent extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    onModelChanged: PropTypes.func.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    passageIndex: PropTypes.number.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    passageIndex: 0,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  handleChange = (fieldName, value) => {\n    const { model, onModelChanged, passageIndex } = this.props;\n\n    if (!model.passages || passageIndex < 0 || passageIndex >= model.passages.length) {\n      return;\n    }\n\n    const updatedPassages = [...model.passages];\n    updatedPassages[passageIndex] = { ...updatedPassages[passageIndex], [fieldName]: value };\n\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { model, classes, configuration, imageSupport, passageIndex, uploadSoundSupport } = this.props;\n    const {\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      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[passageIndex]) || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const getPluginProps = (customConfiguration) => ({...baseInputConfiguration,...customConfiguration});\n\n    return (\n      <React.Fragment>\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].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[passageIndex].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[passageIndex].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[passageIndex].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[passageIndex].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      </React.Fragment>\n    );\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}))(PassageComponent);\n"],"file":"passage.js"}
+{"version":3,"sources":["../src/passage.jsx"],"names":["PassageComponent","props","fieldName","value","model","onModelChanged","passageIndex","passages","length","updatedPassages","classes","configuration","imageSupport","uploadSoundSupport","maxImageWidth","maxImageHeight","mathMlOptions","baseInputConfiguration","teacherInstructions","title","subtitle","text","author","errors","teacherInstructionsEnabled","titleEnabled","subtitleEnabled","authorEnabled","textEnabled","passagesErrors","teacherInstructionsError","titleError","subtitleError","authorError","textError","defaultImageMaxWidth","prompt","defaultImageMaxHeight","getPluginProps","customConfiguration","label","inputContainer","ALL_PLUGINS","handleChange","language","inputConfiguration","errorText","React","Component","PropTypes","object","func","isRequired","number","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 } from '@pie-lib/config-ui';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\n\nexport class PassageComponent extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    onModelChanged: PropTypes.func.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    passageIndex: PropTypes.number.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    passageIndex: 0,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  handleChange = (fieldName, value) => {\n    const { model, onModelChanged, passageIndex } = this.props;\n\n    if (!model.passages || passageIndex < 0 || passageIndex >= model.passages.length) {\n      return;\n    }\n\n    const updatedPassages = [...model.passages];\n    updatedPassages[passageIndex] = { ...updatedPassages[passageIndex], [fieldName]: value };\n\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { model, classes, configuration, imageSupport, passageIndex, uploadSoundSupport } = this.props;\n    const {\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      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[passageIndex]) || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const getPluginProps = (customConfiguration) => ({ ...baseInputConfiguration, ...customConfiguration });\n\n    return (\n      <React.Fragment>\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].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[passageIndex].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[passageIndex].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[passageIndex].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[passageIndex].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      </React.Fragment>\n    );\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}))(PassageComponent);\n"],"file":"passage.js"}

package/configure/package.json

@@ -10,7 +10,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.25.0",
+    "@pie-lib/config-ui": "^11.19.0",
+    "@pie-lib/editable-html": "^11.11.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/lib/index.js

@@ -25,7 +25,7 @@ var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/w
 
 var _piePlayerEvents = require("@pie-framework/pie-player-events");
 
-var _mathRendering = require("@pie-lib/pie-toolbox/math-rendering");
+var _mathRendering = require("@pie-lib/math-rendering");
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["PiePassage","_model","passages","_session","language","lang","slice","setAttribute","s","dispatchEvent","ModelSetEvent","tagName","toLowerCase","setLangAttribute","_render","length","passagesTabs","map","passage","index","id","elem","React","createElement","StimulusTabs","tabs","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;IAEqBA,U;;;;;AACnB,wBAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAc;AACZC,MAAAA,QAAQ,EAAE;AADE,KAAd;AAGA,UAAKC,QAAL,GAAgB,IAAhB;AALY;AAMb;;;;WAED,4BAAmB;AACjB,UAAMC,QAAQ,GAAG,KAAKH,MAAL,6BAAsB,KAAKA,MAAL,CAAYG,QAAlC,IAA6C,KAAKH,MAAL,CAAYG,QAAzD,GAAoE,EAArF;AACA,UAAMC,IAAI,GAAGD,QAAQ,GAAGA,QAAQ,CAACE,KAAT,CAAe,CAAf,EAAkB,CAAlB,CAAH,GAA0B,IAA/C;AACA,WAAKC,YAAL,CAAkB,MAAlB,EAA0BF,IAA1B;AACD;;;SAED,aAAUG,CAAV,EAAa;AACX,WAAKP,MAAL,GAAcO,CAAd;AACA,WAAKC,aAAL,CAAmB,IAAIC,8BAAJ,CAAkB,KAAKC,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKT,QAAnD,EAA6D,CAAC,CAAC,KAAKF,MAApE,CAAnB;AACA,WAAKY,gBAAL;;AAEA,WAAKC,OAAL;AACD;;;SAED,aAAYN,CAAZ,EAAe;AACb,WAAKL,QAAL,GAAgBK,CAAhB;AACD;;;WAED,6BAAoB;AAClB,WAAKD,YAAL,CAAkB,YAAlB,EAAgC,SAAhC;AACA,WAAKA,YAAL,CAAkB,MAAlB,EAA0B,QAA1B;;AACA,WAAKO,OAAL;AACD;;;WAED,mBAAU;AAAA;;AACR,kCAA0B,KAAKb,MAA/B,CAAQC,QAAR;AAAA,UAAQA,QAAR,sCAAmB,EAAnB;;AAEA,UAAI,KAAKD,MAAL,CAAYC,QAAZ,CAAqBa,MAArB,GAA8B,CAAlC,EAAqC;AACnC,YAAMC,YAAY,GAAGd,QAAQ,CAACe,GAAT,CAAa,UAACC,OAAD,EAAUC,KAAV;AAAA;AAChCC,YAAAA,EAAE,EAAED;AAD4B,aAE7BD,OAF6B;AAAA,SAAb,CAArB;;AAKA,YAAMG,IAAI,gBAAGC,kBAAMC,aAAN,CAAoBC,wBAApB,EAAkC;AAC7CC,UAAAA,IAAI,EAAET;AADuC,SAAlC,CAAb;;AAIAU,6BAASC,MAAT,CAAgBN,IAAhB,EAAsB,IAAtB,EAA4B;AAAA,iBAAM,+BAAW,MAAX,CAAN;AAAA,SAA5B;AACD;AACF;;;kDAhDqCO,W","sourcesContent":["import { ModelSetEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport StimulusTabs from './stimulus-tabs';\n\nexport default class PiePassage extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {\n      passages: [],\n    };\n    this._session = null;\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n  }\n\n  set model(s) {\n    this._model = s;\n    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this._session, !!this._model));\n    this.setLangAttribute();\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n  }\n\n  connectedCallback() {\n    this.setAttribute('aria-label', 'Passage');\n    this.setAttribute('role', 'region');\n    this._render();\n  }\n\n  _render() {\n    const { passages = [] } = this._model;\n\n    if (this._model.passages.length > 0) {\n      const passagesTabs = passages.map((passage, index) => ({\n        id: index,\n        ...passage,\n      }));\n\n      const elem = React.createElement(StimulusTabs, {\n        tabs: passagesTabs,\n      });\n\n      ReactDOM.render(elem, this, () => renderMath(this));\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["PiePassage","_model","passages","_session","language","lang","slice","setAttribute","s","dispatchEvent","ModelSetEvent","tagName","toLowerCase","setLangAttribute","_render","length","passagesTabs","map","passage","index","id","elem","React","createElement","StimulusTabs","tabs","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;IAEqBA,U;;;;;AACnB,wBAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAc;AACZC,MAAAA,QAAQ,EAAE;AADE,KAAd;AAGA,UAAKC,QAAL,GAAgB,IAAhB;AALY;AAMb;;;;WAED,4BAAmB;AACjB,UAAMC,QAAQ,GAAG,KAAKH,MAAL,6BAAsB,KAAKA,MAAL,CAAYG,QAAlC,IAA6C,KAAKH,MAAL,CAAYG,QAAzD,GAAoE,EAArF;AACA,UAAMC,IAAI,GAAGD,QAAQ,GAAGA,QAAQ,CAACE,KAAT,CAAe,CAAf,EAAkB,CAAlB,CAAH,GAA0B,IAA/C;AACA,WAAKC,YAAL,CAAkB,MAAlB,EAA0BF,IAA1B;AACD;;;SAED,aAAUG,CAAV,EAAa;AACX,WAAKP,MAAL,GAAcO,CAAd;AACA,WAAKC,aAAL,CAAmB,IAAIC,8BAAJ,CAAkB,KAAKC,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKT,QAAnD,EAA6D,CAAC,CAAC,KAAKF,MAApE,CAAnB;AACA,WAAKY,gBAAL;;AAEA,WAAKC,OAAL;AACD;;;SAED,aAAYN,CAAZ,EAAe;AACb,WAAKL,QAAL,GAAgBK,CAAhB;AACD;;;WAED,6BAAoB;AAClB,WAAKD,YAAL,CAAkB,YAAlB,EAAgC,SAAhC;AACA,WAAKA,YAAL,CAAkB,MAAlB,EAA0B,QAA1B;;AACA,WAAKO,OAAL;AACD;;;WAED,mBAAU;AAAA;;AACR,kCAA0B,KAAKb,MAA/B,CAAQC,QAAR;AAAA,UAAQA,QAAR,sCAAmB,EAAnB;;AAEA,UAAI,KAAKD,MAAL,CAAYC,QAAZ,CAAqBa,MAArB,GAA8B,CAAlC,EAAqC;AACnC,YAAMC,YAAY,GAAGd,QAAQ,CAACe,GAAT,CAAa,UAACC,OAAD,EAAUC,KAAV;AAAA;AAChCC,YAAAA,EAAE,EAAED;AAD4B,aAE7BD,OAF6B;AAAA,SAAb,CAArB;;AAKA,YAAMG,IAAI,gBAAGC,kBAAMC,aAAN,CAAoBC,wBAApB,EAAkC;AAC7CC,UAAAA,IAAI,EAAET;AADuC,SAAlC,CAAb;;AAIAU,6BAASC,MAAT,CAAgBN,IAAhB,EAAsB,IAAtB,EAA4B;AAAA,iBAAM,+BAAW,MAAX,CAAN;AAAA,SAA5B;AACD;AACF;;;kDAhDqCO,W","sourcesContent":["import { ModelSetEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport StimulusTabs from './stimulus-tabs';\n\nexport default class PiePassage extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {\n      passages: [],\n    };\n    this._session = null;\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n  }\n\n  set model(s) {\n    this._model = s;\n    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this._session, !!this._model));\n    this.setLangAttribute();\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n  }\n\n  connectedCallback() {\n    this.setAttribute('aria-label', 'Passage');\n    this.setAttribute('role', 'region');\n    this._render();\n  }\n\n  _render() {\n    const { passages = [] } = this._model;\n\n    if (this._model.passages.length > 0) {\n      const passagesTabs = passages.map((passage, index) => ({\n        id: index,\n        ...passage,\n      }));\n\n      const elem = React.createElement(StimulusTabs, {\n        tabs: passagesTabs,\n      });\n\n      ReactDOM.render(elem, this, () => renderMath(this));\n    }\n  }\n}\n"],"file":"index.js"}

package/lib/stimulus-tabs.js

@@ -31,7 +31,7 @@ var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
+var _renderUi = require("@pie-lib/render-ui");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 

package/lib/stimulus-tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","borderCollapse","padding","textAlign","passage","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","document","getElementById","focus","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","model","state","extraCSSRules","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}
+{"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","borderCollapse","padding","textAlign","passage","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","document","getElementById","focus","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","model","state","extraCSSRules","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}