@pie-element/math-templated 3.3.7-next.7 → 3.3.8-next.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated@3.3.6...@pie-element/math-templated@3.3.7) (2025-01-22)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4452, PD-3872, PD-4689, PD-4704, PD-4588, PD-4698, PD-4618 ([a97329c](https://github.com/pie-framework/pie-elements/commit/a97329cf73619a3a5aae8d492edb8d6e5c5730df))
+
+
+
+
+
 ## [3.3.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated@3.3.5...@pie-element/math-templated@3.3.6) (2025-01-22)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-configure@2.2.6...@pie-element/math-templated-configure@2.2.7) (2025-01-22)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4452, PD-3872, PD-4689, PD-4704, PD-4588, PD-4698, PD-4618 ([a97329c](https://github.com/pie-framework/pie-elements/commit/a97329cf73619a3a5aae8d492edb8d6e5c5730df))
+
+
+
+
+
 ## [2.2.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-configure@2.2.5...@pie-element/math-templated-configure@2.2.6) (2025-01-22)
 
 

package/configure/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/math-templated-configure",
   "private": true,
-  "version": "2.2.6",
+  "version": "2.2.7",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.6.1",
+    "@pie-lib/pie-toolbox": "2.7.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.1.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-controller@3.1.8...@pie-element/math-templated-controller@3.1.9) (2025-01-22)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4452, PD-3872, PD-4689, PD-4704, PD-4588, PD-4698, PD-4618 ([a97329c](https://github.com/pie-framework/pie-elements/commit/a97329cf73619a3a5aae8d492edb8d6e5c5730df))
+
+
+
+
+
 ## [3.1.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-controller@3.1.7...@pie-element/math-templated-controller@3.1.8) (2025-01-22)
 
 

package/controller/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/math-templated-controller",
   "private": true,
-  "version": "3.1.8",
+  "version": "3.1.9",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@pie-framework/math-validation": "^1.2.3",
-    "@pie-lib/pie-toolbox": "2.6.1",
+    "@pie-lib/pie-toolbox": "2.7.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

package/module/configure.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.0.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.7.1/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_editable_html} 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;
@@ -126088,6 +126088,7 @@ const require$$11$4 = _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');
@@ -126096,6 +126097,9 @@ const require$$11$4 = _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;
@@ -126169,7 +126173,8 @@ const require$$11$4 = _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() {}

package/module/controller.js

@@ -3795,7 +3795,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',
@@ -3891,7 +3891,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_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _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_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.7.1/module/index.js";
+import {_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@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) {
@@ -21858,6 +21858,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() === '';
@@ -21896,6 +21908,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;
         }
       }
@@ -142192,6 +142209,7 @@ const require$$11$r = _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');
@@ -142200,6 +142218,9 @@ const require$$11$r = _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;
@@ -142273,7 +142294,8 @@ const require$$11$r = _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() {}
@@ -145291,7 +145313,8 @@ const require$$2$k = _dll_react;
     return newObj;
   }
   var backends = [{
-    backend: _reactDndHtml5Backend.HTML5Backend
+    backend: _reactDndHtml5Backend.HTML5Backend,
+    transition: _reactDndMultiBackend.MouseTransition
   }, {
     backend: _reactDndTouchBackend.TouchBackend,
     options: {
@@ -146506,8 +146529,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': {

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-templated@3.3.6</title>
+      <title>@pie-element/math-templated@3.3.7</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/math-templated",
-  "version": "3.3.6",
+  "version": "3.3.7",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
@@ -8,7 +8,7 @@
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.7.1"
+      "version": "5.7.2"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-templated@3.3.6</title>
+      <title>@pie-element/math-templated@3.3.7</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _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_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.7.1/module/index.js";
+import {_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@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) {
@@ -21821,6 +21821,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() === '';
@@ -21859,6 +21871,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;
         }
       }
@@ -142155,6 +142172,7 @@ const require$$11$r = _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');
@@ -142163,6 +142181,9 @@ const require$$11$r = _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;
@@ -142236,7 +142257,8 @@ const require$$11$r = _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() {}
@@ -145254,7 +145276,8 @@ const require$$2$k = _dll_react;
     return newObj;
   }
   var backends = [{
-    backend: _reactDndHtml5Backend.HTML5Backend
+    backend: _reactDndHtml5Backend.HTML5Backend,
+    transition: _reactDndMultiBackend.MouseTransition
   }, {
     backend: _reactDndTouchBackend.TouchBackend,
     options: {
@@ -146469,8 +146492,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': {

package/package.json

@@ -4,19 +4,19 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.3.7-next.7+2e72baca5",
+  "version": "3.3.8-next.0+2a0a60cdf",
   "description": "",
   "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",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "2e72baca5a8804c802a4bd5e45ff59feccee930e",
+  "gitHead": "2a0a60cdf75f18725a6db32733bfbc101efe0ee3",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },