@pie-element/passage 2.21.7-next.6 → 2.21.8-next.0

package/module/configure.js

@@ -5562,9 +5562,10 @@ class Main extends React$1.Component {
   }
   render() {
     const {model, classes, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport} = this.props;
-    const {settingsPanelDisabled, language = {}, languageChoices = {}, maxImageWidth = {}, maxImageHeight = {}, mathMlOptions = {}, baseInputConfiguration = {}, teacherInstructions = {}, title, subtitle, text, author} = configuration || ({});
-    const {errors = {}, teacherInstructionsEnabled, titleEnabled, subtitleEnabled, authorEnabled, textEnabled} = model || ({});
-    const {teacherInstructions: teacherInstructionsError, title: titleError, subtitle: subtitleError, author: authorError, text: textError} = errors || ({});
+    const {settingsPanelDisabled, language = {}, languageChoices = {}, maxImageWidth = {}, maxImageHeight = {}, mathMlOptions = {}, baseInputConfiguration = {}, teacherInstructions = {}, title = {}, subtitle = {}, text = {}, author = {}} = configuration || ({});
+    const {errors = {}, passages = [], teacherInstructionsEnabled, titleEnabled, subtitleEnabled, authorEnabled, textEnabled} = model || ({});
+    const {passages: passagesErrors} = errors || ({});
+    const {teacherInstructions: teacherInstructionsError, title: titleError, subtitle: subtitleError, author: authorError, text: textError} = passagesErrors && passagesErrors[0] || ({});
     const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
     const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
     const panelSettings = {
@@ -5598,159 +5599,159 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 90
+          lineNumber: 103
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 87
+        lineNumber: 100
       }
-    }, titleEnabled && React$1.createElement(InputContainer, {
-      label: title.label,
+    }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
+      label: teacherInstructions.label,
       className: classes.inputContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103
+        lineNumber: 116
       }
     }, React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
-      markup: model.passages[0].title || '',
-      onChange: value => this.handleChange('title', value),
+      markup: passages[0].teacherInstructions || '',
+      onChange: value => this.handleChange('teacherInstructions', value),
       nonEmpty: false,
-      error: titleError,
+      error: teacherInstructionsError,
+      maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+      maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
       mathMlOptions: mathMlOptions,
       languageCharactersProps: [{
         language: 'spanish'
       }, {
         language: 'special'
       }],
-      pluginProps: getPluginProps(_optionalChain([title, 'optionalAccess', _ => _.inputConfiguration])),
+      pluginProps: getPluginProps(_optionalChain([teacherInstructions, 'optionalAccess', _ => _.inputConfiguration])),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 104
+        lineNumber: 117
       }
-    }), titleError && React$1.createElement('div', {
+    }), teacherInstructionsError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114
+        lineNumber: 129
       }
-    }, titleError)), subtitleEnabled && React$1.createElement(InputContainer, {
-      label: subtitle.label,
+    }, teacherInstructionsError)), titleEnabled && React$1.createElement(InputContainer, {
+      label: title.label,
       className: classes.inputContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 118
+        lineNumber: 134
       }
     }, React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
-      markup: model.passages[0].subtitle || '',
-      onChange: value => this.handleChange('subtitle', value),
+      markup: passages[0].title || '',
+      onChange: value => this.handleChange('title', value),
       nonEmpty: false,
-      error: subtitleError,
+      error: titleError,
       mathMlOptions: mathMlOptions,
       languageCharactersProps: [{
         language: 'spanish'
       }, {
         language: 'special'
       }],
-      pluginProps: getPluginProps(_optionalChain([subtitle, 'optionalAccess', _2 => _2.inputConfiguration])),
+      pluginProps: getPluginProps(_optionalChain([title, 'optionalAccess', _2 => _2.inputConfiguration])),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119
+        lineNumber: 135
       }
-    }), subtitleError && React$1.createElement('div', {
+    }), titleError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 129
+        lineNumber: 145
       }
-    }, subtitleError)), authorEnabled && React$1.createElement(InputContainer, {
-      label: author.label,
+    }, titleError)), subtitleEnabled && React$1.createElement(InputContainer, {
+      label: subtitle.label,
       className: classes.inputContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133
+        lineNumber: 150
       }
     }, React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
-      markup: model.passages[0].author || '',
-      onChange: value => this.handleChange('author', value),
+      markup: passages[0].subtitle || '',
+      onChange: value => this.handleChange('subtitle', value),
       nonEmpty: false,
-      error: authorError,
+      error: subtitleError,
       mathMlOptions: mathMlOptions,
       languageCharactersProps: [{
         language: 'spanish'
       }, {
         language: 'special'
       }],
-      pluginProps: getPluginProps(_optionalChain([author, 'optionalAccess', _3 => _3.inputConfiguration])),
+      pluginProps: getPluginProps(_optionalChain([subtitle, 'optionalAccess', _3 => _3.inputConfiguration])),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134
+        lineNumber: 151
       }
-    }), authorError && React$1.createElement('div', {
+    }), subtitleError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144
+        lineNumber: 161
       }
-    }, authorError)), teacherInstructionsEnabled && React$1.createElement(InputContainer, {
-      label: teacherInstructions.label,
+    }, subtitleError)), authorEnabled && React$1.createElement(InputContainer, {
+      label: author.label,
       className: classes.inputContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 148
+        lineNumber: 166
       }
     }, React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
-      markup: model.passages[0].teacherInstructions || '',
-      onChange: value => this.handleChange('teacherInstructions', value),
+      markup: passages[0].author || '',
+      onChange: value => this.handleChange('author', value),
       nonEmpty: false,
-      error: teacherInstructionsError,
-      maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
-      maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+      error: authorError,
       mathMlOptions: mathMlOptions,
       languageCharactersProps: [{
         language: 'spanish'
       }, {
         language: 'special'
       }],
-      pluginProps: getPluginProps(_optionalChain([teacherInstructions, 'optionalAccess', _4 => _4.inputConfiguration])),
+      pluginProps: getPluginProps(_optionalChain([author, 'optionalAccess', _4 => _4.inputConfiguration])),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 149
+        lineNumber: 167
       }
-    }), teacherInstructionsError && React$1.createElement('div', {
+    }), authorError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 161
+        lineNumber: 177
       }
-    }, teacherInstructionsError)), textEnabled && React$1.createElement(InputContainer, {
+    }, authorError)), textEnabled && React$1.createElement(InputContainer, {
       label: text.label,
       className: classes.inputContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 165
+        lineNumber: 182
       }
     }, React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
-      markup: model.passages[0].text || '',
+      markup: passages[0].text || '',
       onChange: value => this.handleChange('text', value),
       imageSupport: imageSupport,
       uploadSoundSupport: uploadSoundSupport,
@@ -5768,14 +5769,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 166
+        lineNumber: 183
       }
     }), textError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 180
+        lineNumber: 197
       }
     }, textError)));
   }
@@ -5798,8 +5799,8 @@ var defaultValues = {
     teacherInstructionsEnabled: true,
     titleEnabled: true,
     subtitleEnabled: true,
-    textEnabled: true,
     authorEnabled: true,
+    textEnabled: true,
     passages: [{
       teacherInstructions: '',
       title: '',