@pie-element/multiple-choice 5.11.0-print.7 → 5.11.0-ps.11

package/configure/package.json

@@ -8,9 +8,9 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.2",
-    "@pie-lib/editable-html": "^7.17.2",
-    "@pie-lib/scoring-config": "^3.5.131",
+    "@pie-lib/config-ui": "^10.10.3",
+    "@pie-lib/editable-html": "^7.17.3",
+    "@pie-lib/scoring-config": "^3.5.132",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/docs/config-schema.json

@@ -255,6 +255,22 @@
         }
       }
     },
+    "accessibility": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "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"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,

package/docs/config-schema.json.md

@@ -197,6 +197,18 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 Indicates the value of the item if it affects config-ui
 (eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
 
+# `accessibility` (object)
+
+Properties of the `accessibility` object:
+
+## `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
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not

package/docs/pie-schema.json

@@ -173,6 +173,11 @@
       "type": "boolean",
       "title": "teacherInstructionsEnabled"
     },
+    "accessibilityLabelsEnabled": {
+      "description": "Indicates if Accessibility Labels are enabled",
+      "type": "boolean",
+      "title": "accessibilityLabelsEnabled"
+    },
     "id": {
       "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
       "type": "string",
@@ -185,6 +190,7 @@
     }
   },
   "required": [
+    "accessibilityLabelsEnabled",
     "choices",
     "element",
     "feedbackEnabled",

package/docs/pie-schema.json.md

@@ -150,6 +150,10 @@ Indicates if Student Instructions are enabled
 
 Indicates if Teacher Instructions are enabled
 
+# `accessibilityLabelsEnabled` (boolean, required)
+
+Indicates if Accessibility Labels are enabled
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.

package/module/configure.js

@@ -1,64 +1,51 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_lodash, _dll_pie_lib__render_ui, _dll_debug, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.1.0/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.1/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.0.1/module/index.js";
-function unwrapExports(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-function createCommonjsModule(fn, module) {
-  return (module = {
-    exports: {}
-  }, fn(module, module.exports), module.exports);
-}
-var lib = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  class ModelUpdatedEvent extends CustomEvent {
-    constructor(update, reset = false) {
-      super(ModelUpdatedEvent.TYPE, {
-        bubbles: true,
-        detail: {
-          update,
-          reset
-        }
-      });
-      this.update = update;
-      this.reset = reset;
-    }
+import {_dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_lodash, _dll_pie_lib__render_ui, _dll_debug, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.2.6/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.7/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.0.7/module/index.js";
+var lib = {};
+Object.defineProperty(lib, "__esModule", {
+  value: true
+});
+class ModelUpdatedEvent extends CustomEvent {
+  constructor(update, reset = false) {
+    super(ModelUpdatedEvent.TYPE, {
+      bubbles: true,
+      detail: {
+        update,
+        reset
+      }
+    });
+    this.update = update;
+    this.reset = reset;
   }
-  ModelUpdatedEvent.TYPE = 'model.updated';
-  exports.ModelUpdatedEvent = ModelUpdatedEvent;
-  class DeleteImageEvent extends CustomEvent {
-    constructor(src, done) {
-      super(DeleteImageEvent.TYPE, {
-        bubbles: true,
-        detail: {
-          src,
-          done
-        }
-      });
-      this.src = src;
-      this.done = done;
-    }
+}
+ModelUpdatedEvent.TYPE = 'model.updated';
+var ModelUpdatedEvent_1 = lib.ModelUpdatedEvent = ModelUpdatedEvent;
+class DeleteImageEvent extends CustomEvent {
+  constructor(src, done) {
+    super(DeleteImageEvent.TYPE, {
+      bubbles: true,
+      detail: {
+        src,
+        done
+      }
+    });
+    this.src = src;
+    this.done = done;
   }
-  DeleteImageEvent.TYPE = 'delete.image';
-  exports.DeleteImageEvent = DeleteImageEvent;
-  class InsertImageEvent extends CustomEvent {
-    constructor(handler) {
-      super(InsertImageEvent.TYPE, {
-        bubbles: true,
-        detail: handler
-      });
-      this.handler = handler;
-    }
+}
+DeleteImageEvent.TYPE = 'delete.image';
+var DeleteImageEvent_1 = lib.DeleteImageEvent = DeleteImageEvent;
+class InsertImageEvent extends CustomEvent {
+  constructor(handler) {
+    super(InsertImageEvent.TYPE, {
+      bubbles: true,
+      detail: handler
+    });
+    this.handler = handler;
   }
-  InsertImageEvent.TYPE = 'insert.image';
-  exports.InsertImageEvent = InsertImageEvent;
-});
-unwrapExports(lib);
-var lib_1 = lib.ModelUpdatedEvent;
-var lib_2 = lib.DeleteImageEvent;
-var lib_3 = lib.InsertImageEvent;
+}
+InsertImageEvent.TYPE = 'insert.image';
+var InsertImageEvent_1 = lib.InsertImageEvent = InsertImageEvent;
 const React$1 = _dll_react;
 const PropTypes = _dll_prop_types;
 const {color: color} = _dll_pie_lib__render_ui;
@@ -313,17 +300,15 @@ const Design = withStyles(styles)(props => {
     limitChoicesNumber: limitChoicesNumber.settings && toggle(limitChoicesNumber.label),
     lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
     feedbackEnabled: feedback.settings && toggle(feedback.label),
-    choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal'])
+    choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),
+    gridColumns: choicesLayout.settings && model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0 && dropdown(gridColumns.label, nrOfColumnsAvailable)
   };
-  if (model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0) {
-    settingsInPanel.gridColumns = dropdown(gridColumns.label, nrOfColumnsAvailable);
-  }
   return React$1.createElement('div', {
     className: classes.design,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 277
+      lineNumber: 278
     }
   }, settingsPanelDisabled ? Content : React$1.createElement(layout.ConfigLayout, {
     settings: React$1.createElement(Panel, {
@@ -345,13 +330,13 @@ const Design = withStyles(styles)(props => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 283
+        lineNumber: 284
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 281
+      lineNumber: 282
     }
   }, Content));
 });
@@ -378,17 +363,6 @@ class Main extends React$1.Component {
       })
     };
   }
-  componentDidMount() {
-    const {model, onModelChanged} = this.props;
-    const {verticalMode} = model;
-    if (verticalMode !== undefined) {
-      const choicesLayout = verticalMode === false ? 'horizontal' : 'vertical';
-      onModelChanged({
-        ...model,
-        choicesLayout: choicesLayout
-      });
-    }
-  }
   __init() {
     this.onRemoveChoice = index => {
       const {model} = this.props;
@@ -482,7 +456,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 426
+        lineNumber: 414
       }
     });
   }
@@ -613,11 +587,15 @@ const prepareCustomizationObject = (config, model) => {
 };
 class MultipleChoice extends HTMLElement {
   static __initStatic() {
-    this.createDefaultModel = (model = {}) => utils.normalizeChoices({
-      ...sensibleDefaults.model,
-      ...model,
-      choices: generateFormattedChoices(model && model.choices || [])
-    });
+    this.createDefaultModel = (model = {}) => {
+      const normalizedModel = utils.normalizeChoices({
+        ...sensibleDefaults.model,
+        ...model,
+        choices: generateFormattedChoices(model && model.choices || [])
+      });
+      normalizedModel.choicesLayout = model.choicesLayout || model.verticalMode === false && 'horizontal' || sensibleDefaults.model.choicesLayout;
+      return normalizedModel;
+    };
   }
   constructor() {
     super();
@@ -642,7 +620,7 @@ class MultipleChoice extends HTMLElement {
   }
   dispatchModelUpdated(reset) {
     const resetValue = !!reset;
-    this.dispatchEvent(new lib_1(this._model, resetValue));
+    this.dispatchEvent(new ModelUpdatedEvent_1(this._model, resetValue));
   }
   onModelChanged(m, reset) {
     this._model = m;
@@ -657,10 +635,10 @@ class MultipleChoice extends HTMLElement {
     this._render();
   }
   insertImage(handler) {
-    this.dispatchEvent(new lib_3(handler));
+    this.dispatchEvent(new InsertImageEvent_1(handler));
   }
   onDeleteImage(src, done) {
-    this.dispatchEvent(new lib_2(src, done));
+    this.dispatchEvent(new DeleteImageEvent_1(src, done));
   }
   _render() {
     log('_render');