@pie-element/multiple-choice 8.3.1-next.4 → 8.4.0

package/docs/pie-schema.json

@@ -233,6 +233,111 @@
         }
       }
     },
+    "EditableHtmlConfigureProp": {
+      "title": "EditableHtmlConfigureProp",
+      "type": "object",
+      "properties": {
+        "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"
+            }
+          }
+        }
+      }
+    },
+    "EditableHtmlButtonConfigure": {
+      "title": "EditableHtmlButtonConfigure",
+      "type": "object",
+      "properties": {
+        "disabled": {
+          "description": "Indicates if the plugin is disabled or not",
+          "type": "boolean",
+          "title": "disabled"
+        }
+      }
+    },
+    "EditableHtmlPluginConfigure": {
+      "title": "EditableHtmlPluginConfigure",
+      "type": "object",
+      "properties": {
+        "inputConfiguration": {
+          "title": "EditableHtmlConfigureProp",
+          "type": "object",
+          "properties": {
+            "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"
+                }
+              }
+            }
+          }
+        },
+        "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

@@ -195,6 +195,82 @@ 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
 
+## `EditableHtmlConfigureProp` (object)
+
+Properties of the `EditableHtmlConfigureProp` object:
+
+### `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
+
+## `EditableHtmlButtonConfigure` (object)
+
+Properties of the `EditableHtmlButtonConfigure` object:
+
+### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+## `EditableHtmlPluginConfigure` (object)
+
+Properties of the `EditableHtmlPluginConfigure` object:
+
+### `inputConfiguration` (object)
+
+Properties of the `inputConfiguration` object:
+
+#### `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
+
+### `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

@@ -10271,20 +10271,18 @@ const Design = styles$8.withStyles(styles)(props => {
   const nrOfColumnsAvailable = _optionalChain$1([choices, 'optionalAccess', _2 => _2.length]) ? Array.from({
     length: choices.length
   }, (_, i) => `${i + 1}`) : [];
-  const labelPlugins = {
-    audio: {
-      disabled: true
-    },
-    video: {
-      disabled: true
-    }
-  };
+  const {baseInputConfiguration = {}} = configuration;
   const toolbarOpts = {
     position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
   };
   if (limitChoicesNumber) {
     maxAnswerChoices = MAX_CHOICES;
   }
+  const getPluginProps = props => {
+    return Object.assign({
+      ...baseInputConfiguration
+    }, props || ({}));
+  };
   const validationMessage = generateValidationMessage(configuration);
   const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
   const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
@@ -10326,13 +10324,13 @@ const Design = styles$8.withStyles(styles)(props => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 203
+        lineNumber: 207
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 199
+      lineNumber: 203
     }
   }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
     label: teacherInstructions.label,
@@ -10340,7 +10338,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216
+      lineNumber: 220
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.prompt,
@@ -10349,6 +10347,7 @@ const Design = styles$8.withStyles(styles)(props => {
     imageSupport: imageSupport,
     nonEmpty: false,
     toolbarOpts: toolbarOpts,
+    pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _6 => _6.teacherInstructions, 'optionalAccess', _7 => _7.inputConfiguration])),
     spellCheck: spellCheckEnabled,
     maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
     maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
@@ -10362,7 +10361,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217
+      lineNumber: 221
     }
   })), promptEnabled && React$1.createElement(InputContainer, {
     label: prompt.label,
@@ -10370,7 +10369,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235
+      lineNumber: 240
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.prompt,
@@ -10380,6 +10379,7 @@ const Design = styles$8.withStyles(styles)(props => {
     nonEmpty: false,
     disableUnderline: true,
     toolbarOpts: toolbarOpts,
+    pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _8 => _8.prompt, 'optionalAccess', _9 => _9.inputConfiguration])),
     spellCheck: spellCheckEnabled,
     maxImageWidth: maxImageWidth && maxImageWidth.prompt,
     maxImageHeight: maxImageHeight && maxImageHeight.prompt,
@@ -10393,21 +10393,21 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236
+      lineNumber: 241
     }
   })), React$1.createElement('div', {
     className: classes.flexContainer,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 254
+      lineNumber: 260
     }
   }, React$1.createElement(Typography, {
     className: classes.titleText,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 255
+      lineNumber: 261
     }
   }, "Choices"), React$1.createElement(Tooltip, {
     classes: {
@@ -10420,7 +10420,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 256
+      lineNumber: 262
     }
   }, React$1.createElement(default_1, {
     fontSize: 'small',
@@ -10428,7 +10428,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 263
+      lineNumber: 269
     }
   }))), choices.map((choice, index) => React$1.createElement('div', {
     key: `choice-${index}`,
@@ -10436,7 +10436,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268
+      lineNumber: 274
     }
   }, React$1.createElement(ChoiceConfiguration, {
     key: index,
@@ -10453,9 +10453,10 @@ const Design = styles$8.withStyles(styles)(props => {
     allowFeedBack: feedbackEnabled,
     allowDelete: deleteChoice.settings,
     noLabels: true,
+    pluginOpts: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _10 => _10.choices, 'optionalAccess', _11 => _11.inputConfiguration])),
     toolbarOpts: toolbarOpts,
     spellCheck: spellCheckEnabled,
-    error: _optionalChain$1([choicesErrors, 'optionalAccess', _6 => _6[choice.value]]) || null,
+    error: _optionalChain$1([choicesErrors, 'optionalAccess', _12 => _12[choice.value]]) || null,
     noCorrectAnswerError: correctResponseError,
     maxImageWidth: maxImageWidth && maxImageWidth.choices || defaultImageMaxWidth,
     maxImageHeight: maxImageHeight && maxImageHeight.choices || defaultImageMaxHeight,
@@ -10464,7 +10465,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269
+      lineNumber: 275
     }
   }), rationaleEnabled && React$1.createElement(InputContainer, {
     key: `rationale-${index}`,
@@ -10473,7 +10474,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 295
+      lineNumber: 302
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.rationale,
@@ -10484,7 +10485,7 @@ const Design = styles$8.withStyles(styles)(props => {
     }),
     imageSupport: imageSupport,
     toolbarOpts: toolbarOpts,
-    pluginProps: labelPlugins,
+    pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _13 => _13.rationale, 'optionalAccess', _14 => _14.inputConfiguration])),
     spellCheck: spellCheckEnabled,
     maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
     maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
@@ -10498,7 +10499,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 296
+      lineNumber: 303
     }
   })), accessibilityLabelsEnabled && React$1.createElement(InputContainer, {
     key: `accessibility-${index}`,
@@ -10507,7 +10508,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 314
+      lineNumber: 321
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.accessibility,
@@ -10517,7 +10518,7 @@ const Design = styles$8.withStyles(styles)(props => {
       accessibility: c
     }),
     imageSupport: imageSupport,
-    pluginProps: labelPlugins,
+    pluginProps: getPluginProps(_optionalChain$1([configuration, 'optionalAccess', _15 => _15.accessibility, 'optionalAccess', _16 => _16.inputConfiguration])),
     spellCheck: spellCheckEnabled,
     maxImageWidth: maxImageWidth && maxImageWidth.choices || defaultImageMaxWidth,
     maxImageHeight: maxImageHeight && maxImageHeight.choices || defaultImageMaxHeight,
@@ -10531,21 +10532,21 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319
+      lineNumber: 326
     }
   })))), correctResponseError && React$1.createElement('div', {
     className: classes.errorText,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 337
+      lineNumber: 344
     }
   }, correctResponseError), answerChoicesError && React$1.createElement('div', {
     className: classes.errorText,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 338
+      lineNumber: 345
     }
   }, answerChoicesError), addChoiceButton.settings && React$1.createElement(Tooltip, {
     title: addChoiceButtonTooltip,
@@ -10555,11 +10556,11 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 341
+      lineNumber: 348
     }
   }, React$1.createElement(Button, {
     classes: {
-      root: maxAnswerChoices && _optionalChain$1([choices, 'optionalAccess', _7 => _7.length]) >= maxAnswerChoices && classes.disableButton
+      root: maxAnswerChoices && _optionalChain$1([choices, 'optionalAccess', _17 => _17.length]) >= maxAnswerChoices && classes.disableButton
     },
     className: classes.addButton,
     variant: "contained",
@@ -10568,7 +10569,7 @@ const Design = styles$8.withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 342
+      lineNumber: 349
     }
   }, addChoiceButton.label)));
 });
@@ -10701,7 +10702,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 478
+        lineNumber: 485
       }
     }, React$1.createElement(AlertDialog, {
       open: showWarning,
@@ -10713,7 +10714,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 479
+        lineNumber: 486
       }
     }), React$1.createElement(Design, {
       ...this.props,
@@ -10726,7 +10727,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 485
+        lineNumber: 492
       }
     }));
   }
@@ -10752,6 +10753,30 @@ var sensibleDefaults = {
     gridColumns: '2'
   },
   configuration: {
+    baseInputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    },
+    choices: {
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
     spellCheck: {
       label: 'Spellcheck',
       settings: false,
@@ -10786,7 +10811,18 @@ var sensibleDefaults = {
     },
     prompt: {
       settings: true,
-      label: 'Prompt'
+      label: 'Prompt',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
     },
     lockChoiceOrder: {
       settings: true,
@@ -10798,11 +10834,33 @@ var sensibleDefaults = {
     },
     rationale: {
       settings: true,
-      label: 'Rationale'
+      label: 'Rationale',
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: false
+        }
+      }
     },
     accessibility: {
       settings: false,
-      label: 'Accessibility Label'
+      label: 'Accessibility Label',
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: false
+        }
+      }
     },
     scoringType: {
       settings: false,
@@ -10814,7 +10872,18 @@ var sensibleDefaults = {
     },
     teacherInstructions: {
       settings: true,
-      label: 'Teacher Instructions'
+      label: 'Teacher Instructions',
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
     },
     toolbarEditorPosition: {
       settings: false,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/multiple-choice",
   "repository": "pie-framework/pie-elements",
-  "version": "8.3.1-next.4+e6f571cf8",
+  "version": "8.4.0",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-lib/pie-toolbox": "1.6.0",
+    "@pie-lib/pie-toolbox": "1.7.1",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "enzyme-to-json": "^3.3.3",
@@ -18,7 +18,7 @@
     "react-test-renderer": "^16.3.2",
     "react-transition-group": "^2.3.1"
   },
-  "gitHead": "e6f571cf813c469ea55e6d7d161a50d678b2c5b9",
+  "gitHead": "96b02afbc7ab4112eb8213c47e5513adf60c80fe",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },