@pie-element/math-inline 7.11.1-next.0 → 7.11.1-next.33

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.5.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.5.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -15641,7 +15641,7 @@ class GeneralConfigBlock extends React$2.Component {
     const {prompt, expression, equationEditor, promptEquationEditor = '8', responses, responseType, rationale, spellCheckEnabled, errors = {}} = model;
     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 {prompt: promptError, rationale: rationaleError, responsesErrors, responseAreasError} = errors;
     const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
     const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
     const classNames = {
@@ -15697,6 +15697,7 @@ class GeneralConfigBlock extends React$2.Component {
       onChange: this.onChange('prompt'),
       imageSupport: imageSupport,
       nonEmpty: false,
+      error: promptError,
       toolbarOpts: toolbarOpts,
       pluginProps: getPluginProps(_optionalChain$2([cPrompt, 'optionalAccess', _ => _.inputConfiguration]), baseInputConfiguration),
       spellCheck: spellCheckEnabled,
@@ -15714,12 +15715,19 @@ class GeneralConfigBlock extends React$2.Component {
         fileName: _jsxFileName$1,
         lineNumber: 389
       }
-    })), responseType === ResponseTypes.advanced && React$2.createElement('div', {
+    }), promptError && React$2.createElement('div', {
+      className: classes.errorText,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$1,
+        lineNumber: 406
+      }
+    }, promptError)), responseType === ResponseTypes.advanced && React$2.createElement('div', {
       className: classes.advancedResponse,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 409
+        lineNumber: 411
       }
     }, React$2.createElement('div', {
       className: classes.flexContainer,
@@ -15729,14 +15737,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 410
+        lineNumber: 412
       }
     }, React$2.createElement('div', {
       className: classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 411
+        lineNumber: 413
       }
     }, "Define Response"), validationTooltip), React$2.createElement(InputContainer$1, {
       key: "templateEditorType",
@@ -15745,7 +15753,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 415
+        lineNumber: 417
       }
     }, React$2.createElement(Select, {
       className: classes.select,
@@ -15754,91 +15762,91 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 420
+        lineNumber: 422
       }
     }, React$2.createElement(MenuItem, {
       value: "non-negative-integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 425
+        lineNumber: 427
       }
     }, "Numeric - Non-Negative Integers"), React$2.createElement(MenuItem, {
       value: "integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 426
+        lineNumber: 428
       }
     }, "Numeric - Integers"), React$2.createElement(MenuItem, {
       value: "decimals",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 427
+        lineNumber: 429
       }
     }, "Numeric - Decimals"), React$2.createElement(MenuItem, {
       value: "fractions",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 428
+        lineNumber: 430
       }
     }, "Numeric - Fractions"), React$2.createElement(MenuItem, {
       value: 1,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 429
+        lineNumber: 431
       }
     }, "Grade 1 - 2"), React$2.createElement(MenuItem, {
       value: 3,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 430
+        lineNumber: 432
       }
     }, "Grade 3 - 5"), React$2.createElement(MenuItem, {
       value: 6,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 431
+        lineNumber: 433
       }
     }, "Grade 6 - 7"), React$2.createElement(MenuItem, {
       value: 8,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 432
+        lineNumber: 434
       }
     }, "Grade 8 - HS"), React$2.createElement(MenuItem, {
       value: 'geometry',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 433
+        lineNumber: 435
       }
     }, "Geometry"), React$2.createElement(MenuItem, {
       value: 'advanced-algebra',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 434
+        lineNumber: 436
       }
     }, "Advanced Algebra"), React$2.createElement(MenuItem, {
       value: 'statistics',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 435
+        lineNumber: 437
       }
     }, "Statistics"), React$2.createElement(MenuItem, {
       value: 'item-authoring',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 436
+        lineNumber: 438
       }
     }, "Item Authoring"))), React$2.createElement('div', {
       className: classes.responseTemplate,
@@ -15846,14 +15854,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 440
+        lineNumber: 442
       }
     }, React$2.createElement(InputLabel, {
       className: classes.templateTitle,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 441
+        lineNumber: 443
       }
     }, "RESPONSE TEMPLATE"), React$2.createElement(MathToolbar, {
       classNames: classNames,
@@ -15870,14 +15878,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 442
+        lineNumber: 444
       }
     })), responseAreasError && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 457
+        lineNumber: 459
       }
     }, responseAreasError)), React$2.createElement('div', {
       className: classes.flexContainer,
@@ -15887,14 +15895,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 461
+        lineNumber: 463
       }
     }, React$2.createElement('div', {
       className: classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 462
+        lineNumber: 464
       }
     }, "Define Correct Response"), responseType === ResponseTypes.simple ? validationTooltip : null), React$2.createElement(InputContainer$1, {
       label: "Equation Editor",
@@ -15902,7 +15910,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 466
+        lineNumber: 468
       }
     }, React$2.createElement(Select, {
       className: classes.select,
@@ -15911,91 +15919,91 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 467
+        lineNumber: 469
       }
     }, React$2.createElement(MenuItem, {
       value: "non-negative-integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 468
+        lineNumber: 470
       }
     }, "Numeric - Non-Negative Integers"), React$2.createElement(MenuItem, {
       value: "integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 469
+        lineNumber: 471
       }
     }, "Numeric - Integers"), React$2.createElement(MenuItem, {
       value: "decimals",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 470
+        lineNumber: 472
       }
     }, "Numeric - Decimals"), React$2.createElement(MenuItem, {
       value: "fractions",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 471
+        lineNumber: 473
       }
     }, "Numeric - Fractions"), React$2.createElement(MenuItem, {
       value: 1,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 472
+        lineNumber: 474
       }
     }, "Grade 1 - 2"), React$2.createElement(MenuItem, {
       value: 3,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 473
+        lineNumber: 475
       }
     }, "Grade 3 - 5"), React$2.createElement(MenuItem, {
       value: 6,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 474
+        lineNumber: 476
       }
     }, "Grade 6 - 7"), React$2.createElement(MenuItem, {
       value: 8,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 475
+        lineNumber: 477
       }
     }, "Grade 8 - HS"), React$2.createElement(MenuItem, {
       value: 'geometry',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 476
+        lineNumber: 478
       }
     }, "Geometry"), React$2.createElement(MenuItem, {
       value: 'advanced-algebra',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 477
+        lineNumber: 479
       }
     }, "Advanced Algebra"), React$2.createElement(MenuItem, {
       value: 'statistics',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 478
+        lineNumber: 480
       }
     }, "Statistics"), React$2.createElement(MenuItem, {
       value: 'item-authoring',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 479
+        lineNumber: 481
       }
     }, "Item Authoring"))), responsesToUse.map((response, idx) => React$2.createElement(Response$1, {
       key: response.id,
@@ -16010,7 +16018,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 484
+        lineNumber: 486
       }
     })), rationaleEnabled && React$2.createElement(InputContainer$1, {
       label: cRationale.label,
@@ -16018,7 +16026,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 498
+        lineNumber: 500
       }
     }, React$2.createElement(EditableHtml$1, {
       className: classes.prompt,
@@ -16026,6 +16034,7 @@ class GeneralConfigBlock extends React$2.Component {
       onChange: this.onChange('rationale'),
       imageSupport: imageSupport,
       nonEmpty: false,
+      error: rationaleError,
       toolbarOpts: toolbarOpts,
       pluginProps: getPluginProps(_optionalChain$2([cRationale, 'optionalAccess', _2 => _2.inputConfiguration]), {
         ...baseInputConfiguration,
@@ -16046,9 +16055,16 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 499
+        lineNumber: 501
       }
-    })));
+    }), rationaleError && React$2.createElement('div', {
+      className: classes.errorText,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$1,
+        lineNumber: 522
+      }
+    }, rationaleError)));
   }
 }
 GeneralConfigBlock.__initStatic();
@@ -16090,6 +16106,11 @@ const styles = theme => ({
     width: '100%',
     paddingTop: theme.spacing.unit * 2,
     marginBottom: theme.spacing.unit * 2
+  },
+  errorText: {
+    fontSize: theme.typography.fontSize - 2,
+    color: theme.palette.error.main,
+    paddingTop: theme.spacing.unit
   }
 });
 class Configure extends React$1.Component {
@@ -16133,7 +16154,8 @@ class Configure extends React$1.Component {
   render() {
     const {classes, model, imageSupport, onModelChanged, configuration, onConfigurationChanged, uploadSoundSupport} = this.props;
     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 || ({});
+    const {errors = {}, feedbackEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled, teacherInstructionsEnabled, toolbarEditorPosition} = model || ({});
+    const {teacherInstructions: teacherInstructionsError} = errors;
     log$1('[render] model', model);
     const toolbarOpts = {
       position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
@@ -16172,13 +16194,13 @@ class Configure extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 114
+          lineNumber: 122
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110
+        lineNumber: 118
       }
     }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
       label: teacherInstructions.label,
@@ -16186,7 +16208,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127
+        lineNumber: 135
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -16194,6 +16216,7 @@ class Configure extends React$1.Component {
       onChange: this.changeTeacherInstructions,
       imageSupport: imageSupport,
       nonEmpty: false,
+      error: teacherInstructionsError,
       toolbarOpts: toolbarOpts,
       pluginProps: getPluginProps(_optionalChain$1([teacherInstructions, 'optionalAccess', _3 => _3.inputConfiguration]), baseInputConfiguration),
       spellCheck: spellCheckEnabled,
@@ -16209,9 +16232,16 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 128
+        lineNumber: 136
+      }
+    }), teacherInstructionsError && React$1.createElement('div', {
+      className: classes.errorText,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 152
       }
-    })), React$1.createElement(GeneralConfigBlock$1, {
+    }, teacherInstructionsError)), React$1.createElement(GeneralConfigBlock$1, {
       imageSupport: imageSupport,
       uploadSoundSupport: uploadSoundSupport,
       model: model,
@@ -16224,7 +16254,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 146
+        lineNumber: 156
       }
     }), feedbackEnabled && React$1.createElement(FeedbackConfig, {
       feedback: model.feedback,
@@ -16233,7 +16263,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159
+        lineNumber: 169
       }
     }));
   }
@@ -16372,7 +16402,8 @@ var defaults = {
         image: {
           disabled: false
         }
-      }
+      },
+      required: false
     },
     feedback: {
       settings: true,
@@ -16395,7 +16426,8 @@ var defaults = {
         image: {
           disabled: false
         }
-      }
+      },
+      required: false
     },
     settingsPanelDisabled: false,
     spellCheck: {
@@ -16424,7 +16456,8 @@ var defaults = {
         image: {
           disabled: false
         }
-      }
+      },
+      required: false
     },
     partialScoring: {
       settings: false,

package/module/controller.js

@@ -4500,10 +4500,20 @@ const createCorrectResponseSession = (question, env) => {
   }
 };
 
+// remove all html tags except img and iframe
+const getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');
+
 const validate = (model = {}, config = {}) => {
   const { expression = '', responses, responseType } = model;
   const { maxResponseAreas } = config;
   const responsesErrors = {};
+  const errors = {};
+
+  ['teacherInstructions', 'prompt', 'rationale'].forEach((field) => {
+    if (config[field]?.required && !getContent(model[field])) {
+      errors[field] = 'This field is required.';
+    }
+  });
 
   (responses || []).forEach((response, index) => {
     const { answer } = response;
@@ -4533,8 +4543,6 @@ const validate = (model = {}, config = {}) => {
     }
   });
 
-  const errors = {};
-
   if (responseType === 'Advanced Multi') {
     const nbOfResponseAreas = (expression.match(/\{\{response\}\}/g) || []).length;
 

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.5.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.5.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -12605,7 +12605,8 @@ utils.getPluginProps = getPluginProps;
           image: {
             disabled: false
           }
-        }
+        },
+        required: false
       },
       feedback: {
         settings: true,
@@ -12628,7 +12629,8 @@ utils.getPluginProps = getPluginProps;
           image: {
             disabled: false
           }
-        }
+        },
+        required: false
       },
       settingsPanelDisabled: false,
       spellCheck: {
@@ -12657,7 +12659,8 @@ utils.getPluginProps = getPluginProps;
           image: {
             disabled: false
           }
-        }
+        },
+        required: false
       },
       partialScoring: {
         settings: false,

package/module/manifest.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.5.0"
+      "version": "1.5.1"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.5.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.5.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.11.1-next.0+18816ef1d",
+  "version": "7.11.1-next.33+8fc82ab19",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -14,7 +14,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-framework/mathquill": "^1.1.3",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "1.12.1",
+    "@pie-lib/pie-toolbox": "1.12.2",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "18816ef1de94386135b7da95e4e932fbd20cc75a",
+  "gitHead": "8fc82ab19baf45aecb40e4b364a7c307a9840130",
   "module": "src/index.js",
   "exports": {
     ".": "./src/index.js",