@pie-element/multiple-choice 8.9.1-next.2 → 8.9.1-next.39

package/docs/config-schema.json

@@ -207,7 +207,7 @@
       }
     },
     "prompt": {
-      "title": "EditableHtmlPluginConfigure",
+      "title": "EditableHtmlPluginConfigureRequired",
       "type": "object",
       "properties": {
         "inputConfiguration": {
@@ -260,6 +260,11 @@
             }
           }
         },
+        "required": {
+          "description": "Indicates if the item is required and the value cannot be empty",
+          "type": "boolean",
+          "title": "required"
+        },
         "settings": {
           "description": "Indicates if the item has to be displayed in the Settings Panel",
           "type": "boolean",
@@ -353,7 +358,7 @@
       }
     },
     "rationale": {
-      "title": "EditableHtmlPluginConfigure",
+      "title": "EditableHtmlPluginConfigureRequired",
       "type": "object",
       "properties": {
         "inputConfiguration": {
@@ -406,6 +411,11 @@
             }
           }
         },
+        "required": {
+          "description": "Indicates if the item is required and the value cannot be empty",
+          "type": "boolean",
+          "title": "required"
+        },
         "settings": {
           "description": "Indicates if the item has to be displayed in the Settings Panel",
           "type": "boolean",
@@ -456,7 +466,7 @@
       }
     },
     "teacherInstructions": {
-      "title": "EditableHtmlPluginConfigure",
+      "title": "EditableHtmlPluginConfigureRequired",
       "type": "object",
       "properties": {
         "inputConfiguration": {
@@ -509,6 +519,11 @@
             }
           }
         },
+        "required": {
+          "description": "Indicates if the item is required and the value cannot be empty",
+          "type": "boolean",
+          "title": "required"
+        },
         "settings": {
           "description": "Indicates if the item has to be displayed in the Settings Panel",
           "type": "boolean",
@@ -969,6 +984,77 @@
         }
       }
     },
+    "EditableHtmlPluginConfigureRequired": {
+      "title": "EditableHtmlPluginConfigureRequired",
+      "type": "object",
+      "properties": {
+        "inputConfiguration": {
+          "title": "EditableHtmlConfigureProp",
+          "type": "object",
+          "properties": {
+            "math": {
+              "title": "EditableHtmlButtonConfigure",
+              "type": "object",
+              "properties": {
+                "disabled": {
+                  "description": "Indicates if the plugin is disabled or not",
+                  "type": "boolean",
+                  "title": "disabled"
+                }
+              }
+            },
+            "audio": {
+              "title": "EditableHtmlButtonConfigure",
+              "type": "object",
+              "properties": {
+                "disabled": {
+                  "description": "Indicates if the plugin is disabled or not",
+                  "type": "boolean",
+                  "title": "disabled"
+                }
+              }
+            },
+            "video": {
+              "title": "EditableHtmlButtonConfigure",
+              "type": "object",
+              "properties": {
+                "disabled": {
+                  "description": "Indicates if the plugin is disabled or not",
+                  "type": "boolean",
+                  "title": "disabled"
+                }
+              }
+            },
+            "image": {
+              "title": "EditableHtmlButtonConfigure",
+              "type": "object",
+              "properties": {
+                "disabled": {
+                  "description": "Indicates if the plugin is disabled or not",
+                  "type": "boolean",
+                  "title": "disabled"
+                }
+              }
+            }
+          }
+        },
+        "required": {
+          "description": "Indicates if the item is required and the value cannot be empty",
+          "type": "boolean",
+          "title": "required"
+        },
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "ConfigurePropWithEnabled": {
       "title": "ConfigurePropWithEnabled",
       "type": "object",

package/docs/config-schema.json.md

@@ -196,6 +196,10 @@ Properties of the `image` object:
 
 Indicates if the plugin is disabled or not
 
+## `required` (boolean)
+
+Indicates if the item is required and the value cannot be empty
+
 ## `settings` (boolean)
 
 Indicates if the item has to be displayed in the Settings Panel
@@ -304,6 +308,10 @@ Properties of the `image` object:
 
 Indicates if the plugin is disabled or not
 
+## `required` (boolean)
+
+Indicates if the item is required and the value cannot be empty
+
 ## `settings` (boolean)
 
 Indicates if the item has to be displayed in the Settings Panel
@@ -380,6 +388,10 @@ Properties of the `image` object:
 
 Indicates if the plugin is disabled or not
 
+## `required` (boolean)
+
+Indicates if the item is required and the value cannot be empty
+
 ## `settings` (boolean)
 
 Indicates if the item has to be displayed in the Settings Panel
@@ -727,6 +739,58 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+## `EditableHtmlPluginConfigureRequired` (object)
+
+Properties of the `EditableHtmlPluginConfigureRequired` object:
+
+### `inputConfiguration` (object)
+
+Properties of the `inputConfiguration` object:
+
+#### `math` (object)
+
+Properties of the `math` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `audio` (object)
+
+Properties of the `audio` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `video` (object)
+
+Properties of the `video` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `image` (object)
+
+Properties of the `image` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `required` (boolean)
+
+Indicates if the item is required and the value cannot be empty
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
 ## `ConfigurePropWithEnabled` (object)
 
 Properties of the `ConfigurePropWithEnabled` object:

package/docs/pie-schema.json

@@ -360,6 +360,77 @@
         }
       }
     },
+    "EditableHtmlPluginConfigureRequired": {
+      "title": "EditableHtmlPluginConfigureRequired",
+      "type": "object",
+      "properties": {
+        "inputConfiguration": {
+          "title": "EditableHtmlConfigureProp",
+          "type": "object",
+          "properties": {
+            "math": {
+              "title": "EditableHtmlButtonConfigure",
+              "type": "object",
+              "properties": {
+                "disabled": {
+                  "description": "Indicates if the plugin is disabled or not",
+                  "type": "boolean",
+                  "title": "disabled"
+                }
+              }
+            },
+            "audio": {
+              "title": "EditableHtmlButtonConfigure",
+              "type": "object",
+              "properties": {
+                "disabled": {
+                  "description": "Indicates if the plugin is disabled or not",
+                  "type": "boolean",
+                  "title": "disabled"
+                }
+              }
+            },
+            "video": {
+              "title": "EditableHtmlButtonConfigure",
+              "type": "object",
+              "properties": {
+                "disabled": {
+                  "description": "Indicates if the plugin is disabled or not",
+                  "type": "boolean",
+                  "title": "disabled"
+                }
+              }
+            },
+            "image": {
+              "title": "EditableHtmlButtonConfigure",
+              "type": "object",
+              "properties": {
+                "disabled": {
+                  "description": "Indicates if the plugin is disabled or not",
+                  "type": "boolean",
+                  "title": "disabled"
+                }
+              }
+            }
+          }
+        },
+        "required": {
+          "description": "Indicates if the item is required and the value cannot be empty",
+          "type": "boolean",
+          "title": "required"
+        },
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "ConfigurePropWithEnabled": {
       "title": "ConfigurePropWithEnabled",
       "type": "object",

package/docs/pie-schema.json.md

@@ -287,6 +287,58 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+## `EditableHtmlPluginConfigureRequired` (object)
+
+Properties of the `EditableHtmlPluginConfigureRequired` object:
+
+### `inputConfiguration` (object)
+
+Properties of the `inputConfiguration` object:
+
+#### `math` (object)
+
+Properties of the `math` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `audio` (object)
+
+Properties of the `audio` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `video` (object)
+
+Properties of the `video` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `image` (object)
+
+Properties of the `image` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `required` (boolean)
+
+Indicates if the item is required and the value cannot be empty
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
 ## `ConfigurePropWithEnabled` (object)
 
 Properties of the `ConfigurePropWithEnabled` object:

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.5.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.5.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_render_ui} 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) {
@@ -10268,7 +10268,7 @@ const Design = styles$8.withStyles(styles)(props => {
   const {addChoiceButton = {}, contentDimensions = {}, feedback = {}, deleteChoice = {}, choiceMode = {}, choicePrefix = {}, partialScoring = {}, lockChoiceOrder = {}, teacherInstructions = {}, studentInstructions = {}, rationale = {}, accessibility = {}, scoringType = {}, sequentialChoiceLabels = {}, settingsPanelDisabled, choicesLayout, spellCheck = {}, gridColumns, maxImageWidth = {}, maxImageHeight = {}, prompt = {}, withRubric = {}, mathMlOptions = {}, language = {}, languageChoices = {}} = configuration || ({});
   let {maxAnswerChoices} = configuration || ({});
   const {limitChoicesNumber, teacherInstructionsEnabled, rationaleEnabled, accessibilityLabelsEnabled, feedbackEnabled, promptEnabled, spellCheckEnabled, choices, errors, toolbarEditorPosition} = model || ({});
-  const {choicesErrors, correctResponseError, answerChoicesError} = errors || ({});
+  const {answerChoices: answerChoicesError, choices: choicesErrors, correctResponse: correctResponseError, prompt: promptError, rationale: rationaleErrors, teacherInstructions: teacherInstructionsError} = errors || ({});
   const nrOfColumnsAvailable = _optionalChain$1([choices, 'optionalAccess', _2 => _2.length]) ? Array.from({
     length: choices.length
   }, (_, i) => `${i + 1}`) : [];
@@ -10324,13 +10324,13 @@ const Design = styles$8.withStyles(styles)(props => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 204
+        lineNumber: 211
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200
+      lineNumber: 207
     }
   }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
     label: teacherInstructions.label,
@@ -10338,7 +10338,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217
+      lineNumber: 224
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.prompt,
@@ -10346,6 +10346,7 @@ const Design = styles$8.withStyles(styles)(props => {
     onChange: onTeacherInstructionsChanged,
     imageSupport: imageSupport,
     nonEmpty: false,
+    error: teacherInstructionsError,
     toolbarOpts: toolbarOpts,
     pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _6 => _6.teacherInstructions, 'optionalAccess', _7 => _7.inputConfiguration])),
     spellCheck: spellCheckEnabled,
@@ -10361,15 +10362,22 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218
+      lineNumber: 225
     }
-  })), promptEnabled && React$1.createElement(InputContainer, {
+  }), teacherInstructionsError && React$1.createElement('div', {
+    className: classes.errorText,
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 241
+    }
+  }, teacherInstructionsError)), promptEnabled && React$1.createElement(InputContainer, {
     label: prompt.label,
     className: classes.promptHolder,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237
+      lineNumber: 246
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.prompt,
@@ -10378,6 +10386,7 @@ const Design = styles$8.withStyles(styles)(props => {
     imageSupport: imageSupport,
     nonEmpty: false,
     disableUnderline: true,
+    error: promptError,
     toolbarOpts: toolbarOpts,
     pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _8 => _8.prompt, 'optionalAccess', _9 => _9.inputConfiguration])),
     spellCheck: spellCheckEnabled,
@@ -10393,21 +10402,28 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 238
+      lineNumber: 247
     }
-  })), React$1.createElement('div', {
+  }), promptError && React$1.createElement('div', {
+    className: classes.errorText,
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 264
+    }
+  }, promptError)), React$1.createElement('div', {
     className: classes.flexContainer,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 257
+      lineNumber: 268
     }
   }, React$1.createElement(Typography, {
     className: classes.titleText,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 258
+      lineNumber: 269
     }
   }, "Choices"), React$1.createElement(Tooltip, {
     classes: {
@@ -10420,7 +10436,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 259
+      lineNumber: 270
     }
   }, React$1.createElement(default_1, {
     fontSize: 'small',
@@ -10428,7 +10444,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 266
+      lineNumber: 277
     }
   }))), choices.map((choice, index) => React$1.createElement('div', {
     key: `choice-${index}`,
@@ -10436,7 +10452,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 271
+      lineNumber: 282
     }
   }, React$1.createElement(ChoiceConfiguration, {
     key: index,
@@ -10465,7 +10481,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 272
+      lineNumber: 283
     }
   }), rationaleEnabled && React$1.createElement(InputContainer, {
     key: `rationale-${index}`,
@@ -10474,7 +10490,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 299
+      lineNumber: 310
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.rationale,
@@ -10484,8 +10500,9 @@ const Design = styles$8.withStyles(styles)(props => {
       rationale: c
     }),
     imageSupport: imageSupport,
+    error: _optionalChain$1([rationaleErrors, 'optionalAccess', _13 => _13[choice.value]]) || null,
     toolbarOpts: toolbarOpts,
-    pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _13 => _13.rationale, 'optionalAccess', _14 => _14.inputConfiguration])),
+    pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _14 => _14.rationale, 'optionalAccess', _15 => _15.inputConfiguration])),
     spellCheck: spellCheckEnabled,
     maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
     maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
@@ -10499,16 +10516,23 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 300
+      lineNumber: 311
     }
-  })), accessibilityLabelsEnabled && React$1.createElement(InputContainer, {
+  }), _optionalChain$1([rationaleErrors, 'optionalAccess', _16 => _16[choice.value]]) && React$1.createElement('div', {
+    className: classes.errorText,
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 327
+    }
+  }, _optionalChain$1([rationaleErrors, 'optionalAccess', _17 => _17[choice.value]]))), accessibilityLabelsEnabled && React$1.createElement(InputContainer, {
     key: `accessibility-${index}`,
     label: accessibility.label,
     className: classes.accessibilityHolder,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 318
+      lineNumber: 333
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.accessibility,
@@ -10518,7 +10542,7 @@ const Design = styles$8.withStyles(styles)(props => {
       accessibility: c
     }),
     imageSupport: imageSupport,
-    pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _15 => _15.accessibility, 'optionalAccess', _16 => _16.inputConfiguration])),
+    pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _18 => _18.accessibility, 'optionalAccess', _19 => _19.inputConfiguration])),
     spellCheck: spellCheckEnabled,
     maxImageWidth: maxImageWidth && maxImageWidth.choices || defaultImageMaxWidth,
     maxImageHeight: maxImageHeight && maxImageHeight.choices || defaultImageMaxHeight,
@@ -10532,21 +10556,21 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 323
+      lineNumber: 338
     }
   })))), correctResponseError && React$1.createElement('div', {
     className: classes.errorText,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 341
+      lineNumber: 356
     }
   }, correctResponseError), answerChoicesError && React$1.createElement('div', {
     className: classes.errorText,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 342
+      lineNumber: 357
     }
   }, answerChoicesError), addChoiceButton.settings && React$1.createElement(Tooltip, {
     title: addChoiceButtonTooltip,
@@ -10556,11 +10580,11 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 345
+      lineNumber: 360
     }
   }, React$1.createElement(Button, {
     classes: {
-      root: maxAnswerChoices && _optionalChain$1([choices, 'optionalAccess', _17 => _17.length]) >= maxAnswerChoices && classes.disableButton
+      root: maxAnswerChoices && _optionalChain$1([choices, 'optionalAccess', _20 => _20.length]) >= maxAnswerChoices && classes.disableButton
     },
     className: classes.addButton,
     variant: "contained",
@@ -10569,7 +10593,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 346
+      lineNumber: 361
     }
   }, addChoiceButton.label)));
 });
@@ -10702,7 +10726,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 482
+        lineNumber: 497
       }
     }, React$1.createElement(AlertDialog, {
       open: showWarning,
@@ -10714,7 +10738,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 483
+        lineNumber: 498
       }
     }), React$1.createElement(Design, {
       ...this.props,
@@ -10727,7 +10751,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 489
+        lineNumber: 504
       }
     }));
   }
@@ -10822,7 +10846,8 @@ var sensibleDefaults = {
         image: {
           disabled: false
         }
-      }
+      },
+      required: false
     },
     lockChoiceOrder: {
       settings: true,
@@ -10845,7 +10870,8 @@ var sensibleDefaults = {
         image: {
           disabled: false
         }
-      }
+      },
+      required: false
     },
     accessibility: {
       settings: false,
@@ -10883,7 +10909,8 @@ var sensibleDefaults = {
         image: {
           disabled: false
         }
-      }
+      },
+      required: false
     },
     toolbarEditorPosition: {
       settings: false,