@pie-element/explicit-constructed-response 7.2.9-next.20 → 7.2.9-next.22

package/configure/package.json

@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.6.1",
+    "@pie-lib/pie-toolbox": "2.7.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.6.1",
+    "@pie-lib/pie-toolbox": "2.7.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/module/configure.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.0.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.7.1/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.7.2/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;

package/module/controller.js

@@ -24379,7 +24379,7 @@ var _default = {
     },
     imageClozeAssociation: {
       reachedLimit_one: 'You’ve reached the limit of {{count}} response per area. To add another response, one must first be removed.',
-      reachedLimit_other: 'You’ve reached the limit of {{count}} responses per area. To add another response, one must first be removed.'
+      reachedLimit_other: 'Full'
     },
     drawingResponse: {
       fillColor: 'Fill color',
@@ -24475,7 +24475,7 @@ var _default = {
     },
     imageClozeAssociation: {
       reachedLimit_one: 'Has alcanzado el límite de {{count}} respuesta por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.',
-      reachedLimit_other: 'Has alcanzado el límite de {{count}} respuestas por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.'
+      reachedLimit_other: 'Lleno'
     },
     drawingResponse: {
       fillColor: 'Color de relleno',

package/module/element.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_classnames, _dll_react_dom, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.0.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.7.1/module/index.js";
+import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.7.2/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -19162,6 +19162,18 @@ const require$$14$5 = _dll_classnames;
       className: props.classes.para
     }, props.children);
   });
+  var Spacer = (0, _styles.withStyles)(function () {
+    return {
+      spacer: {
+        display: 'inline-block',
+        width: '1.5em'
+      }
+    };
+  })(function (props) {
+    return _react["default"].createElement("span", {
+      className: props.classes.spacer
+    });
+  });
   var restrictWhitespaceTypes = ['tbody', 'tr'];
   var addText = function addText(parentNode, text) {
     var isWhitespace = text.trim() === '';
@@ -19200,6 +19212,11 @@ const require$$14$5 = _dll_classnames;
         var c = rootRenderChildren(n, value, onChange);
         if (c) {
           children.push(c);
+          if ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.type) !== 'td') {
+            children.push(_react["default"].createElement(Spacer, {
+              key: ("spacer-").concat(index)
+            }));
+          }
           return;
         }
       }
@@ -140430,6 +140447,7 @@ const require$$11$s = _dll_prop_types;
       }
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "parsedText", function (text) {
+        var autoplayAudioEnabled = _this.props.autoplayAudioEnabled;
         var div = document.createElement('div');
         div.innerHTML = text;
         var audio = div.querySelector('audio');
@@ -140438,6 +140456,9 @@ const require$$11$s = _dll_prop_types;
           source.setAttribute('type', 'audio/mp3');
           source.setAttribute('src', audio.getAttribute('src'));
           audio.removeAttribute('src');
+          if (autoplayAudioEnabled) {
+            audio.setAttribute('autoplay', 'autoplay');
+          }
           audio.appendChild(source);
         }
         return div.innerHTML;
@@ -140511,7 +140532,8 @@ const require$$11$s = _dll_prop_types;
     tagName: _propTypes["default"].string,
     className: _propTypes["default"].string,
     onClick: _propTypes["default"].func,
-    defaultClassName: _propTypes["default"].string
+    defaultClassName: _propTypes["default"].string,
+    autoplayAudioEnabled: _propTypes["default"].bool
   });
   (0, _defineProperty2["default"])(PreviewPrompt, "defaultProps", {
     onClick: function onClick() {}
@@ -143529,7 +143551,8 @@ const require$$2$k = _dll_react;
     return newObj;
   }
   var backends = [{
-    backend: _reactDndHtml5Backend.HTML5Backend
+    backend: _reactDndHtml5Backend.HTML5Backend,
+    transition: _reactDndMultiBackend.MouseTransition
   }, {
     backend: _reactDndTouchBackend.TouchBackend,
     options: {
@@ -144744,8 +144767,7 @@ const require$$18$3 = _dll_classnames;
         fontSize: 'inherit',
         maxWidth: '374px',
         position: 'relative',
-        borderRadius: '3px',
-        margin: '8px'
+        borderRadius: '3px'
       },
       chipLabel: {
         whiteSpace: 'normal',
@@ -169994,7 +170016,8 @@ const require$$12$1 = _dll_debug;
                     var dataURL = reader.result;
                     _this.setState({
                       fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
-                        url: dataURL
+                        url: dataURL,
+                        mimeType: fileChosen.type
                       })
                     });
                   };
@@ -170054,7 +170077,8 @@ const require$$12$1 = _dll_debug;
                 _this.setState({
                   fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
                     loading: false,
-                    url: ''
+                    url: '',
+                    mimeType: ''
                   })
                 });
               case 2:
@@ -170080,7 +170104,8 @@ const require$$12$1 = _dll_debug;
           error: null,
           loading: false,
           scheduled: false,
-          url: ''
+          url: '',
+          mimeType: ''
         }
       };
       return _this;
@@ -170101,7 +170126,7 @@ const require$$12$1 = _dll_debug;
       value: function render() {
         var _this2 = this;
         var _this$props = this.props, classes = _this$props.classes, open = _this$props.open, disablePortal = _this$props.disablePortal, type = _this$props.type, edit = _this$props.edit, uploadSoundSupport = _this$props.uploadSoundSupport;
-        var _this$state4 = this.state, ends = _this$state4.ends, height = _this$state4.height, invalid = _this$state4.invalid, starts = _this$state4.starts, width = _this$state4.width, url = _this$state4.url, formattedUrl = _this$state4.formattedUrl, updating = _this$state4.updating, tabValue = _this$state4.tabValue, fileUpload = _this$state4.fileUpload;
+        var _this$state4 = this.state, ends = _this$state4.ends, height = _this$state4.height, invalid = _this$state4.invalid, starts = _this$state4.starts, width = _this$state4.width, url = _this$state4.url, mimeType = _this$state4.mimeType, formattedUrl = _this$state4.formattedUrl, updating = _this$state4.updating, tabValue = _this$state4.tabValue, fileUpload = _this$state4.fileUpload;
         var isYoutube = matchYoutubeUrl(url);
         var isInsertURL = tabValue === tabsTypeMap.insertUrl;
         var isUploadMedia = tabValue === tabsTypeMap.uploadFile;
@@ -170206,7 +170231,7 @@ const require$$12$1 = _dll_debug;
           controls: "controls",
           controlsList: "nodownload"
         }, _react["default"].createElement("source", {
-          type: "audio/mp3",
+          type: mimeType,
           src: fileUpload.url
         })), _react["default"].createElement(_IconButton["default"], {
           "aria-label": "delete",
@@ -177539,7 +177564,7 @@ const require$$13$1 = _dll_prop_types;
       editorHolder: {
         position: 'relative',
         padding: '0px',
-        overflowY: 'scroll',
+        overflowY: 'auto',
         color: _renderUi.color.text(),
         backgroundColor: _renderUi.color.background(),
         '&::before': {
@@ -183672,7 +183697,7 @@ var en = {};
       },
       imageClozeAssociation: {
         reachedLimit_one: 'You’ve reached the limit of {{count}} response per area. To add another response, one must first be removed.',
-        reachedLimit_other: 'You’ve reached the limit of {{count}} responses per area. To add another response, one must first be removed.'
+        reachedLimit_other: 'Full'
       },
       drawingResponse: {
         fillColor: 'Fill color',
@@ -183765,7 +183790,7 @@ var es = {};
       },
       imageClozeAssociation: {
         reachedLimit_one: 'Has alcanzado el límite de {{count}} respuesta por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.',
-        reachedLimit_other: 'Has alcanzado el límite de {{count}} respuestas por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.'
+        reachedLimit_other: 'Lleno'
       },
       drawingResponse: {
         fillColor: 'Color de relleno',

package/module/manifest.json

@@ -8,7 +8,7 @@
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.7.1"
+      "version": "5.7.2"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_classnames, _dll_react_dom, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.0.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.7.1/module/index.js";
+import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.7.2/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -19125,6 +19125,18 @@ const require$$14$5 = _dll_classnames;
       className: props.classes.para
     }, props.children);
   });
+  var Spacer = (0, _styles.withStyles)(function () {
+    return {
+      spacer: {
+        display: 'inline-block',
+        width: '1.5em'
+      }
+    };
+  })(function (props) {
+    return _react["default"].createElement("span", {
+      className: props.classes.spacer
+    });
+  });
   var restrictWhitespaceTypes = ['tbody', 'tr'];
   var addText = function addText(parentNode, text) {
     var isWhitespace = text.trim() === '';
@@ -19163,6 +19175,11 @@ const require$$14$5 = _dll_classnames;
         var c = rootRenderChildren(n, value, onChange);
         if (c) {
           children.push(c);
+          if ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.type) !== 'td') {
+            children.push(_react["default"].createElement(Spacer, {
+              key: ("spacer-").concat(index)
+            }));
+          }
           return;
         }
       }
@@ -140393,6 +140410,7 @@ const require$$11$s = _dll_prop_types;
       }
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "parsedText", function (text) {
+        var autoplayAudioEnabled = _this.props.autoplayAudioEnabled;
         var div = document.createElement('div');
         div.innerHTML = text;
         var audio = div.querySelector('audio');
@@ -140401,6 +140419,9 @@ const require$$11$s = _dll_prop_types;
           source.setAttribute('type', 'audio/mp3');
           source.setAttribute('src', audio.getAttribute('src'));
           audio.removeAttribute('src');
+          if (autoplayAudioEnabled) {
+            audio.setAttribute('autoplay', 'autoplay');
+          }
           audio.appendChild(source);
         }
         return div.innerHTML;
@@ -140474,7 +140495,8 @@ const require$$11$s = _dll_prop_types;
     tagName: _propTypes["default"].string,
     className: _propTypes["default"].string,
     onClick: _propTypes["default"].func,
-    defaultClassName: _propTypes["default"].string
+    defaultClassName: _propTypes["default"].string,
+    autoplayAudioEnabled: _propTypes["default"].bool
   });
   (0, _defineProperty2["default"])(PreviewPrompt, "defaultProps", {
     onClick: function onClick() {}
@@ -143492,7 +143514,8 @@ const require$$2$k = _dll_react;
     return newObj;
   }
   var backends = [{
-    backend: _reactDndHtml5Backend.HTML5Backend
+    backend: _reactDndHtml5Backend.HTML5Backend,
+    transition: _reactDndMultiBackend.MouseTransition
   }, {
     backend: _reactDndTouchBackend.TouchBackend,
     options: {
@@ -144707,8 +144730,7 @@ const require$$18$3 = _dll_classnames;
         fontSize: 'inherit',
         maxWidth: '374px',
         position: 'relative',
-        borderRadius: '3px',
-        margin: '8px'
+        borderRadius: '3px'
       },
       chipLabel: {
         whiteSpace: 'normal',
@@ -169957,7 +169979,8 @@ const require$$12$1 = _dll_debug;
                     var dataURL = reader.result;
                     _this.setState({
                       fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
-                        url: dataURL
+                        url: dataURL,
+                        mimeType: fileChosen.type
                       })
                     });
                   };
@@ -170017,7 +170040,8 @@ const require$$12$1 = _dll_debug;
                 _this.setState({
                   fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
                     loading: false,
-                    url: ''
+                    url: '',
+                    mimeType: ''
                   })
                 });
               case 2:
@@ -170043,7 +170067,8 @@ const require$$12$1 = _dll_debug;
           error: null,
           loading: false,
           scheduled: false,
-          url: ''
+          url: '',
+          mimeType: ''
         }
       };
       return _this;
@@ -170064,7 +170089,7 @@ const require$$12$1 = _dll_debug;
       value: function render() {
         var _this2 = this;
         var _this$props = this.props, classes = _this$props.classes, open = _this$props.open, disablePortal = _this$props.disablePortal, type = _this$props.type, edit = _this$props.edit, uploadSoundSupport = _this$props.uploadSoundSupport;
-        var _this$state4 = this.state, ends = _this$state4.ends, height = _this$state4.height, invalid = _this$state4.invalid, starts = _this$state4.starts, width = _this$state4.width, url = _this$state4.url, formattedUrl = _this$state4.formattedUrl, updating = _this$state4.updating, tabValue = _this$state4.tabValue, fileUpload = _this$state4.fileUpload;
+        var _this$state4 = this.state, ends = _this$state4.ends, height = _this$state4.height, invalid = _this$state4.invalid, starts = _this$state4.starts, width = _this$state4.width, url = _this$state4.url, mimeType = _this$state4.mimeType, formattedUrl = _this$state4.formattedUrl, updating = _this$state4.updating, tabValue = _this$state4.tabValue, fileUpload = _this$state4.fileUpload;
         var isYoutube = matchYoutubeUrl(url);
         var isInsertURL = tabValue === tabsTypeMap.insertUrl;
         var isUploadMedia = tabValue === tabsTypeMap.uploadFile;
@@ -170169,7 +170194,7 @@ const require$$12$1 = _dll_debug;
           controls: "controls",
           controlsList: "nodownload"
         }, _react["default"].createElement("source", {
-          type: "audio/mp3",
+          type: mimeType,
           src: fileUpload.url
         })), _react["default"].createElement(_IconButton["default"], {
           "aria-label": "delete",
@@ -177502,7 +177527,7 @@ const require$$13$1 = _dll_prop_types;
       editorHolder: {
         position: 'relative',
         padding: '0px',
-        overflowY: 'scroll',
+        overflowY: 'auto',
         color: _renderUi.color.text(),
         backgroundColor: _renderUi.color.background(),
         '&::before': {
@@ -183635,7 +183660,7 @@ var en = {};
       },
       imageClozeAssociation: {
         reachedLimit_one: 'You’ve reached the limit of {{count}} response per area. To add another response, one must first be removed.',
-        reachedLimit_other: 'You’ve reached the limit of {{count}} responses per area. To add another response, one must first be removed.'
+        reachedLimit_other: 'Full'
       },
       drawingResponse: {
         fillColor: 'Fill color',
@@ -183728,7 +183753,7 @@ var es = {};
       },
       imageClozeAssociation: {
         reachedLimit_one: 'Has alcanzado el límite de {{count}} respuesta por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.',
-        reachedLimit_other: 'Has alcanzado el límite de {{count}} respuestas por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.'
+        reachedLimit_other: 'Lleno'
       },
       drawingResponse: {
         fillColor: 'Color de relleno',

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.2.9-next.20+e7e5cd4eb",
+  "version": "7.2.9-next.22+6517bb532",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.6.1",
+    "@pie-lib/pie-toolbox": "2.7.0",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "e7e5cd4eb2d1360d4b18ff8f0756cff448dc1574",
+  "gitHead": "6517bb532d2b416fdf57525a3d50c62c83fdc543",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {