@pie-element/math-inline 7.5.1-next.6 → 7.5.1-next.8

package/module/configure.js

@@ -13522,6 +13522,11 @@ const generateValidationMessage = (model = {}, config = {}) => {
   }
   return 'Validation requirements:' + answersMessage + responseAreasMessage;
 };
+const getPluginProps = (props = {}, baseInputConfiguration = {}) => {
+  return Object.assign({
+    ...baseInputConfiguration
+  }, props || ({}));
+};
 var Info = {};
 var createSvgIcon$1 = {};
 const require$$1$1 = _dll_react;
@@ -15330,6 +15335,27 @@ const {EditableHtml: EditableHtml$1} = _dll_pie_lib__pie_toolbox_editable_html;
 const {InputContainer: InputContainer$1} = _dll_pie_lib__pie_toolbox_config_ui;
 const {MathToolbar: MathToolbar} = _dll_pie_lib__pie_toolbox_math_toolbar;
 const _jsxFileName$1 = "/home/circleci/repo/packages/math-inline/configure/src/general-config-block.jsx";
+function _optionalChain$2(ops) {
+  let lastAccessLHS = undefined;
+  let value = ops[0];
+  let i = 1;
+  while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+      return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+      lastAccessLHS = value;
+      value = fn(value);
+    } else if (op === 'call' || op === 'optionalCall') {
+      value = fn((...args) => value.call(lastAccessLHS, ...args));
+      lastAccessLHS = undefined;
+    }
+  }
+  return value;
+}
 let registered = false;
 const styles$1 = theme => ({
   container: {
@@ -15614,7 +15640,7 @@ class GeneralConfigBlock extends React$2.Component {
     const {classes, model, imageSupport, uploadSoundSupport, configuration, promptEnabled, rationaleEnabled, toolbarOpts} = this.props;
     const {showKeypad} = this.state;
     const {prompt, expression, equationEditor, promptEquationEditor = '8', responses, responseType, rationale, spellCheckEnabled, errors = {}} = model;
-    const {rationale: cRationale = {}, prompt: cPrompt = {}, ignoreOrder: cIgnoreOrder = {}, allowTrailingZeros: cAllowTrailingZeros = {}, maxResponseAreas, maxImageWidth = {}, maxImageHeight = {}, mathMlOptions = {}} = configuration || ({});
+    const {baseInputConfiguration = {}, rationale: cRationale = {}, prompt: cPrompt = {}, ignoreOrder: cIgnoreOrder = {}, allowTrailingZeros: cAllowTrailingZeros = {}, maxResponseAreas, maxImageWidth = {}, maxImageHeight = {}, mathMlOptions = {}} = configuration || ({});
     const validationMessage = generateValidationMessage(configuration, model);
     const {responsesErrors, responseAreasError} = errors;
     const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
@@ -15635,7 +15661,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 373
+        lineNumber: 374
       }
     }, React$2.createElement(default_1, {
       fontSize: 'small',
@@ -15646,7 +15672,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 380
+        lineNumber: 381
       }
     }));
     return React$2.createElement('div', {
@@ -15655,7 +15681,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 385
+        lineNumber: 386
       }
     }, promptEnabled && React$2.createElement(InputContainer$1, {
       label: cPrompt.label,
@@ -15663,7 +15689,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 387
+        lineNumber: 388
       }
     }, React$2.createElement(EditableHtml$1, {
       onFocus: this.onPromptFocus,
@@ -15673,6 +15699,7 @@ class GeneralConfigBlock extends React$2.Component {
       imageSupport: imageSupport,
       nonEmpty: false,
       toolbarOpts: toolbarOpts,
+      pluginProps: getPluginProps(_optionalChain$2([cPrompt, 'optionalAccess', _ => _.inputConfiguration]), baseInputConfiguration),
       spellCheck: spellCheckEnabled,
       maxImageWidth: defaultImageMaxWidth,
       maxImageHeight: defaultImageMaxHeight,
@@ -15686,14 +15713,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 388
+        lineNumber: 389
       }
     })), responseType === ResponseTypes.advanced && React$2.createElement('div', {
       className: classes.advancedResponse,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 407
+        lineNumber: 409
       }
     }, React$2.createElement('div', {
       className: classes.flexContainer,
@@ -15703,14 +15730,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 408
+        lineNumber: 410
       }
     }, React$2.createElement('div', {
       className: classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 409
+        lineNumber: 411
       }
     }, "Define Response"), validationTooltip), React$2.createElement(InputContainer$1, {
       key: "templateEditorType",
@@ -15719,7 +15746,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 413
+        lineNumber: 415
       }
     }, React$2.createElement(Select, {
       className: classes.select,
@@ -15728,91 +15755,91 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 418
+        lineNumber: 420
       }
     }, React$2.createElement(MenuItem, {
       value: "non-negative-integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 423
+        lineNumber: 425
       }
     }, "Numeric - Non-Negative Integers"), React$2.createElement(MenuItem, {
       value: "integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 424
+        lineNumber: 426
       }
     }, "Numeric - Integers"), React$2.createElement(MenuItem, {
       value: "decimals",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 425
+        lineNumber: 427
       }
     }, "Numeric - Decimals"), React$2.createElement(MenuItem, {
       value: "fractions",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 426
+        lineNumber: 428
       }
     }, "Numeric - Fractions"), React$2.createElement(MenuItem, {
       value: 1,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 427
+        lineNumber: 429
       }
     }, "Grade 1 - 2"), React$2.createElement(MenuItem, {
       value: 3,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 428
+        lineNumber: 430
       }
     }, "Grade 3 - 5"), React$2.createElement(MenuItem, {
       value: 6,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 429
+        lineNumber: 431
       }
     }, "Grade 6 - 7"), React$2.createElement(MenuItem, {
       value: 8,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 430
+        lineNumber: 432
       }
     }, "Grade 8 - HS"), React$2.createElement(MenuItem, {
       value: 'geometry',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 431
+        lineNumber: 433
       }
     }, "Geometry"), React$2.createElement(MenuItem, {
       value: 'advanced-algebra',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 432
+        lineNumber: 434
       }
     }, "Advanced Algebra"), React$2.createElement(MenuItem, {
       value: 'statistics',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 433
+        lineNumber: 435
       }
     }, "Statistics"), React$2.createElement(MenuItem, {
       value: 'item-authoring',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 434
+        lineNumber: 436
       }
     }, "Item Authoring"))), React$2.createElement('div', {
       className: classes.responseTemplate,
@@ -15820,14 +15847,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 438
+        lineNumber: 440
       }
     }, React$2.createElement(InputLabel, {
       className: classes.templateTitle,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 439
+        lineNumber: 441
       }
     }, "RESPONSE TEMPLATE"), React$2.createElement(MathToolbar, {
       classNames: classNames,
@@ -15844,14 +15871,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 440
+        lineNumber: 442
       }
     })), responseAreasError && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 455
+        lineNumber: 457
       }
     }, responseAreasError)), React$2.createElement('div', {
       className: classes.flexContainer,
@@ -15861,14 +15888,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 459
+        lineNumber: 461
       }
     }, React$2.createElement('div', {
       className: classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 460
+        lineNumber: 462
       }
     }, "Define Correct Response"), responseType === ResponseTypes.simple ? validationTooltip : null), React$2.createElement(InputContainer$1, {
       label: "Equation Editor",
@@ -15876,7 +15903,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 464
+        lineNumber: 466
       }
     }, React$2.createElement(Select, {
       className: classes.select,
@@ -15885,91 +15912,91 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 465
+        lineNumber: 467
       }
     }, React$2.createElement(MenuItem, {
       value: "non-negative-integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 466
+        lineNumber: 468
       }
     }, "Numeric - Non-Negative Integers"), React$2.createElement(MenuItem, {
       value: "integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 467
+        lineNumber: 469
       }
     }, "Numeric - Integers"), React$2.createElement(MenuItem, {
       value: "decimals",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 468
+        lineNumber: 470
       }
     }, "Numeric - Decimals"), React$2.createElement(MenuItem, {
       value: "fractions",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 469
+        lineNumber: 471
       }
     }, "Numeric - Fractions"), React$2.createElement(MenuItem, {
       value: 1,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 470
+        lineNumber: 472
       }
     }, "Grade 1 - 2"), React$2.createElement(MenuItem, {
       value: 3,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 471
+        lineNumber: 473
       }
     }, "Grade 3 - 5"), React$2.createElement(MenuItem, {
       value: 6,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 472
+        lineNumber: 474
       }
     }, "Grade 6 - 7"), React$2.createElement(MenuItem, {
       value: 8,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 473
+        lineNumber: 475
       }
     }, "Grade 8 - HS"), React$2.createElement(MenuItem, {
       value: 'geometry',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 474
+        lineNumber: 476
       }
     }, "Geometry"), React$2.createElement(MenuItem, {
       value: 'advanced-algebra',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 475
+        lineNumber: 477
       }
     }, "Advanced Algebra"), React$2.createElement(MenuItem, {
       value: 'statistics',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 476
+        lineNumber: 478
       }
     }, "Statistics"), React$2.createElement(MenuItem, {
       value: 'item-authoring',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 477
+        lineNumber: 479
       }
     }, "Item Authoring"))), responsesToUse.map((response, idx) => React$2.createElement(Response$1, {
       key: response.id,
@@ -15984,7 +16011,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 482
+        lineNumber: 484
       }
     })), rationaleEnabled && React$2.createElement(InputContainer$1, {
       label: cRationale.label,
@@ -15992,20 +16019,21 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 496
+        lineNumber: 498
       }
     }, React$2.createElement(EditableHtml$1, {
       className: classes.prompt,
       markup: rationale || '',
-      pluginProps: {
-        math: {
-          controlledKeypadMode: false
-        }
-      },
       onChange: this.onChange('rationale'),
       imageSupport: imageSupport,
       nonEmpty: false,
       toolbarOpts: toolbarOpts,
+      pluginProps: getPluginProps(_optionalChain$2([cRationale, 'optionalAccess', _2 => _2.inputConfiguration]), {
+        ...baseInputConfiguration,
+        math: {
+          controlledKeypadMode: false
+        }
+      }),
       spellCheck: spellCheckEnabled,
       maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
       maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
@@ -16019,7 +16047,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 497
+        lineNumber: 499
       }
     })));
   }
@@ -16105,7 +16133,7 @@ class Configure extends React$1.Component {
   }
   render() {
     const {classes, model, imageSupport, onModelChanged, configuration, onConfigurationChanged, uploadSoundSupport} = this.props;
-    const {allowTrailingZeros = {}, contentDimensions = {}, feedback = {}, ignoreOrder = {}, maxImageWidth = {}, maxImageHeight = {}, prompt = {}, rationale = {}, responseType = {}, scoringType = {}, settingsPanelDisabled, spellCheck = {}, studentInstructions = {}, teacherInstructions = {}, withRubric = {}, mathMlOptions = {}, language = {}, languageChoices = {}} = configuration || ({});
+    const {allowTrailingZeros = {}, baseInputConfiguration = {}, contentDimensions = {}, feedback = {}, ignoreOrder = {}, maxImageWidth = {}, maxImageHeight = {}, prompt = {}, rationale = {}, responseType = {}, scoringType = {}, settingsPanelDisabled, spellCheck = {}, studentInstructions = {}, teacherInstructions = {}, withRubric = {}, mathMlOptions = {}, language = {}, languageChoices = {}} = configuration || ({});
     const {feedbackEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled, teacherInstructionsEnabled, toolbarEditorPosition} = model || ({});
     log$1('[render] model', model);
     const toolbarOpts = {
@@ -16145,13 +16173,13 @@ class Configure extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 113
+          lineNumber: 114
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109
+        lineNumber: 110
       }
     }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
       label: teacherInstructions.label,
@@ -16159,7 +16187,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 126
+        lineNumber: 127
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -16168,6 +16196,7 @@ class Configure extends React$1.Component {
       imageSupport: imageSupport,
       nonEmpty: false,
       toolbarOpts: toolbarOpts,
+      pluginProps: getPluginProps(_optionalChain$1([teacherInstructions, 'optionalAccess', _3 => _3.inputConfiguration]), baseInputConfiguration),
       spellCheck: spellCheckEnabled,
       maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
       maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
@@ -16181,7 +16210,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127
+        lineNumber: 128
       }
     })), React$1.createElement(GeneralConfigBlock$1, {
       imageSupport: imageSupport,
@@ -16196,7 +16225,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144
+        lineNumber: 146
       }
     }), feedbackEnabled && React$1.createElement(FeedbackConfig, {
       feedback: model.feedback,
@@ -16205,7 +16234,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 157
+        lineNumber: 159
       }
     }));
   }
@@ -16320,9 +16349,31 @@ var defaults = {
     allowTrailingZerosDefault: false
   },
   configuration: {
+    baseInputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    },
     prompt: {
       settings: true,
-      label: 'Prompt'
+      label: 'Prompt',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
     },
     feedback: {
       settings: true,
@@ -16334,7 +16385,18 @@ var defaults = {
     },
     rationale: {
       settings: true,
-      label: 'Rationale'
+      label: 'Rationale',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
     },
     settingsPanelDisabled: false,
     spellCheck: {
@@ -16352,7 +16414,18 @@ var defaults = {
     },
     teacherInstructions: {
       settings: true,
-      label: 'Teacher Instructions'
+      label: 'Teacher Instructions',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
     },
     partialScoring: {
       settings: false,