@pie-element/math-templated 2.20.1-next.18 → 2.20.1-next.5

package/configure/package.json

@@ -8,7 +8,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "1.29.0",
+    "@pie-lib/pie-toolbox": "1.28.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/package.json

@@ -7,7 +7,7 @@
   "module": "src/index.js",
   "dependencies": {
     "@pie-framework/math-validation": "^1.2.2",
-    "@pie-lib/pie-toolbox": "1.29.0",
+    "@pie-lib/pie-toolbox": "1.28.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@1.21.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@4.23.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@4.12.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) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -43053,10 +43053,8 @@ var mathjaxScript = {};
 Object.defineProperty(mathjaxScript, "__esModule", {
   value: true
 });
-mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
+mathjaxScript.initializeMathJax = void 0;
 var _renderMath = renderMath$1;
-var MathJaxVersion = '3.2.2';
-mathjaxScript.MathJaxVersion = MathJaxVersion;
 var initializeMathJax = function initializeMathJax(renderOpts) {
   if (renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar) {
     console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
@@ -43127,7 +43125,7 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
     };
     var script = document.createElement('script');
     script.type = 'text/javascript';
-    script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
+    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-chtml-full.js';
     script.async = true;
     document.body.appendChild(script);
   });
@@ -102816,7 +102814,7 @@ getDefaultExportFromCjs(mathRendering);
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
-      if ((!window.MathJax || window.MathJax.version !== _mathjaxScript.MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
+      if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }

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_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.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@4.23.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.0/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@4.12.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) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -21848,10 +21848,8 @@ var mathjaxScript = {};
 Object.defineProperty(mathjaxScript, "__esModule", {
   value: true
 });
-mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
+mathjaxScript.initializeMathJax = void 0;
 var _renderMath = renderMath$2;
-var MathJaxVersion = '3.2.2';
-mathjaxScript.MathJaxVersion = MathJaxVersion;
 var initializeMathJax = function initializeMathJax(renderOpts) {
   if (renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar) {
     console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
@@ -21922,7 +21920,7 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
     };
     var script = document.createElement('script');
     script.type = 'text/javascript';
-    script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
+    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-chtml-full.js';
     script.async = true;
     document.body.appendChild(script);
   });
@@ -81751,7 +81749,7 @@ getDefaultExportFromCjs(mathRendering);
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
-      if ((!window.MathJax || window.MathJax.version !== _mathjaxScript.MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
+      if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
@@ -123953,27 +123951,6 @@ const {findKey: require$$10$5} = _dll_lodash;
   var _findKey = _interopRequireDefault(require$$10$5);
   var _choice = _interopRequireDefault(choice$1);
   var _dragInTheBlankDp = _interopRequireDefault(dragInTheBlankDp);
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -124044,9 +124021,7 @@ const {findKey: require$$10$5} = _dll_lodash;
           });
           return foundChoice === undefined;
         });
-        var elementStyle = _objectSpread(_objectSpread({}, this.getStyleForWrapper()), {}, {
-          minWidth: '100px'
-        });
+        var elementStyle = this.getStyleForWrapper();
         return _react["default"].createElement("div", {
           style: elementStyle
         }, _react["default"].createElement(_dragInTheBlankDp["default"], {
@@ -124088,12 +124063,12 @@ const require$$16 = _dll_classnames;
   });
   exports["default"] = exports.DRAG_TYPE = exports.BlankContent = void 0;
   var _objectWithoutProperties2 = _interopRequireDefault(objectWithoutProperties.exports);
-  var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _classCallCheck2 = _interopRequireDefault(classCallCheck$3.exports);
   var _createClass2 = _interopRequireDefault(createClass$2.exports);
   var _inherits2 = _interopRequireDefault(inherits$1.exports);
   var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn$1.exports);
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$1.exports);
+  var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$8$5);
   var _reactDom = _interopRequireDefault(require$$9$6);
   var _propTypes = _interopRequireDefault(require$$10$4);
@@ -124166,7 +124141,10 @@ const require$$16 = _dll_classnames;
         backgroundColor: _renderUi.color.background(),
         border: ("2px dashed ").concat(_renderUi.color.text()),
         color: _renderUi.color.text(),
+        minWidth: '90px',
         fontSize: 'inherit',
+        minHeight: '32px',
+        height: 'auto',
         maxWidth: '374px',
         position: 'relative',
         borderRadius: '3px'
@@ -124208,8 +124186,7 @@ const require$$16 = _dll_classnames;
       (0, _classCallCheck2["default"])(this, BlankContent);
       _this = _super.call(this);
       _this.state = {
-        height: 0,
-        width: 0
+        height: 0
       };
       return _this;
     }
@@ -124223,33 +124200,17 @@ const require$$16 = _dll_classnames;
         if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {
           if (!currentChoice) {
             this.setState({
-              height: 0,
-              width: 0
+              height: 0
             });
             return;
           }
           setTimeout(function () {
-            _this2.updateDimensions();
+            _this2.setState({
+              height: _this2.spanRef.offsetHeight
+            });
           }, 300);
         }
       }
-    }, {
-      key: "updateDimensions",
-      value: function updateDimensions() {
-        var _this$spanRef, _this$spanRef2;
-        var height = ((_this$spanRef = this.spanRef) === null || _this$spanRef === void 0 ? void 0 : _this$spanRef.offsetHeight) || 0;
-        var width = ((_this$spanRef2 = this.spanRef) === null || _this$spanRef2 === void 0 ? void 0 : _this$spanRef2.offsetWidth) || 0;
-        var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
-        var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
-        if (height > responseAreaHeight || width > responseAreaWidth) {
-          this.setState(function (prevState) {
-            return {
-              width: width > responseAreaWidth ? width : prevState.width,
-              height: height > responseAreaHeight ? height : prevState.height
-            };
-          });
-        }
-      }
     }, {
       key: "addDraggableFalseAttributes",
       value: function addDraggableFalseAttributes(parent) {
@@ -124259,19 +124220,6 @@ const require$$16 = _dll_classnames;
           }
         });
       }
-    }, {
-      key: "getRootDimensions",
-      value: function getRootDimensions() {
-        var rootStyle = {
-          height: this.state.height || this.props.emptyResponseAreaHeight,
-          width: this.state.width || this.props.emptyResponseAreaWidth
-        };
-        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), this.props.emptyResponseAreaWidth ? {} : {
-          minWidth: 90
-        }), this.props.emptyResponseAreaHeight ? {} : {
-          minHeight: 32
-        });
-      }
     }, {
       key: "render",
       value: function render() {
@@ -124307,7 +124255,9 @@ const require$$16 = _dll_classnames;
           }, ' ')),
           className: (0, _classnames3["default"])(classes.chip, isOver && classes.over, (_classnames2 = {}, (0, _defineProperty2["default"])(_classnames2, classes.correct, correct !== undefined && correct), (0, _defineProperty2["default"])(_classnames2, classes.incorrect, correct !== undefined && !correct), _classnames2)),
           variant: disabled ? 'outlined' : undefined,
-          style: _objectSpread({}, this.getRootDimensions()),
+          style: _objectSpread({}, this.state.height ? {
+            height: this.state.height
+          } : {}),
           classes: {
             label: isOver && classes.over
           }
@@ -124317,11 +124267,7 @@ const require$$16 = _dll_classnames;
     return BlankContent;
   })(_react["default"].Component);
   exports.BlankContent = BlankContent;
-  BlankContent.defaultProps = {
-    emptyResponseAreaWidth: 0,
-    emptyResponseAreaHeight: 0
-  };
-  BlankContent.propTypes = {
+  (0, _defineProperty2["default"])(BlankContent, "propTypes", {
     id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
     disabled: _propTypes["default"].bool,
     duplicates: _propTypes["default"].bool,
@@ -124330,10 +124276,8 @@ const require$$16 = _dll_classnames;
     isOver: _propTypes["default"].bool,
     dragItem: _propTypes["default"].object,
     correct: _propTypes["default"].bool,
-    onChange: _propTypes["default"].func,
-    emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-    emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-  };
+    onChange: _propTypes["default"].func
+  });
   var StyledBlankContent = useStyles(BlankContent);
   var connectedBlankContent = useStyles(function (_ref4) {
     var connectDragSource = _ref4.connectDragSource, connectDropTarget = _ref4.connectDropTarget, props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
@@ -124418,27 +124362,6 @@ const require$$9$5 = _dll_prop_types;
   var _choices = _interopRequireDefault(choices);
   var _blank = _interopRequireDefault(blank);
   var _withMask = withMask$1;
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -124467,7 +124390,7 @@ const require$$9$5 = _dll_prop_types;
     return function (node, data, onChange) {
       var dataset = node.data ? node.data.dataset || ({}) : {};
       if (dataset.component === 'blank') {
-        var disabled = props.disabled, duplicates = props.duplicates, correctResponse = props.correctResponse, feedback = props.feedback, showCorrectAnswer = props.showCorrectAnswer, emptyResponseAreaWidth = props.emptyResponseAreaWidth, emptyResponseAreaHeight = props.emptyResponseAreaHeight;
+        var disabled = props.disabled, duplicates = props.duplicates, correctResponse = props.correctResponse, feedback = props.feedback, showCorrectAnswer = props.showCorrectAnswer;
         var choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];
         var choice = choiceId && props.choices.find(function (c) {
           return c.id === choiceId;
@@ -124479,8 +124402,6 @@ const require$$9$5 = _dll_prop_types;
           duplicates: duplicates,
           choice: choice,
           id: dataset.id,
-          emptyResponseAreaWidth: emptyResponseAreaWidth,
-          emptyResponseAreaHeight: emptyResponseAreaHeight,
           onChange: onChange
         });
       }
@@ -124498,17 +124419,12 @@ const require$$9$5 = _dll_prop_types;
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPositionDirection", function (choicePosition) {
         var flexDirection;
-        var justifyContent;
-        var alignItems;
         switch (choicePosition) {
           case 'left':
             flexDirection = 'row';
-            alignItems = 'center';
             break;
           case 'right':
             flexDirection = 'row-reverse';
-            justifyContent = 'flex-end';
-            alignItems = 'center';
             break;
           case 'below':
             flexDirection = 'column-reverse';
@@ -124517,11 +124433,7 @@ const require$$9$5 = _dll_prop_types;
             flexDirection = 'column';
             break;
         }
-        return {
-          flexDirection: flexDirection,
-          justifyContent: justifyContent,
-          alignItems: alignItems
-        };
+        return flexDirection;
       });
       return _this;
     }
@@ -124541,12 +124453,12 @@ const require$$9$5 = _dll_prop_types;
       key: "render",
       value: function render() {
         var _this2 = this;
-        var _this$props = this.props, markup = _this$props.markup, duplicates = _this$props.duplicates, layout = _this$props.layout, value = _this$props.value, onChange = _this$props.onChange, choicesPosition = _this$props.choicesPosition, choices = _this$props.choices, correctResponse = _this$props.correctResponse, disabled = _this$props.disabled, feedback = _this$props.feedback, showCorrectAnswer = _this$props.showCorrectAnswer, emptyResponseAreaWidth = _this$props.emptyResponseAreaWidth, emptyResponseAreaHeight = _this$props.emptyResponseAreaHeight;
+        var _this$props = this.props, markup = _this$props.markup, duplicates = _this$props.duplicates, layout = _this$props.layout, value = _this$props.value, onChange = _this$props.onChange, choicesPosition = _this$props.choicesPosition, choices = _this$props.choices, correctResponse = _this$props.correctResponse, disabled = _this$props.disabled, feedback = _this$props.feedback, showCorrectAnswer = _this$props.showCorrectAnswer;
         var choicePosition = choicesPosition || 'below';
-        var style = _objectSpread({
+        var style = {
           display: 'flex',
-          minWidth: '100px'
-        }, this.getPositionDirection(choicePosition));
+          flexDirection: this.getPositionDirection(choicePosition)
+        };
         return _react["default"].createElement("div", {
           ref: function ref(_ref) {
             return _ref && (_this2.rootRef = _ref);
@@ -124568,9 +124480,7 @@ const require$$9$5 = _dll_prop_types;
           duplicates: duplicates,
           feedback: feedback,
           correctResponse: correctResponse,
-          showCorrectAnswer: showCorrectAnswer,
-          emptyResponseAreaWidth: emptyResponseAreaWidth,
-          emptyResponseAreaHeight: emptyResponseAreaHeight
+          showCorrectAnswer: showCorrectAnswer
         }));
       }
     }]);
@@ -124591,9 +124501,7 @@ const require$$9$5 = _dll_prop_types;
     disabled: _propTypes["default"].bool,
     feedback: _propTypes["default"].object,
     correctResponse: _propTypes["default"].object,
-    showCorrectAnswer: _propTypes["default"].bool,
-    emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-    emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+    showCorrectAnswer: _propTypes["default"].bool
   });
 })(dragInTheBlank);
 getDefaultExportFromCjs(dragInTheBlank);

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.21.1"
+      "version": "1.21.0"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "4.23.1"
+      "version": "4.12.0"
     }
   ]
 }

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_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.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@4.23.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.0/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@4.12.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) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -21811,10 +21811,8 @@ var mathjaxScript = {};
 Object.defineProperty(mathjaxScript, "__esModule", {
   value: true
 });
-mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
+mathjaxScript.initializeMathJax = void 0;
 var _renderMath = renderMath$3;
-var MathJaxVersion = '3.2.2';
-mathjaxScript.MathJaxVersion = MathJaxVersion;
 var initializeMathJax = function initializeMathJax(renderOpts) {
   if (renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar) {
     console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
@@ -21885,7 +21883,7 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
     };
     var script = document.createElement('script');
     script.type = 'text/javascript';
-    script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
+    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-chtml-full.js';
     script.async = true;
     document.body.appendChild(script);
   });
@@ -81714,7 +81712,7 @@ getDefaultExportFromCjs(mathRendering);
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
-      if ((!window.MathJax || window.MathJax.version !== _mathjaxScript.MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
+      if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
@@ -123916,27 +123914,6 @@ const {findKey: require$$10$5} = _dll_lodash;
   var _findKey = _interopRequireDefault(require$$10$5);
   var _choice = _interopRequireDefault(choice$1);
   var _dragInTheBlankDp = _interopRequireDefault(dragInTheBlankDp);
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -124007,9 +123984,7 @@ const {findKey: require$$10$5} = _dll_lodash;
           });
           return foundChoice === undefined;
         });
-        var elementStyle = _objectSpread(_objectSpread({}, this.getStyleForWrapper()), {}, {
-          minWidth: '100px'
-        });
+        var elementStyle = this.getStyleForWrapper();
         return _react["default"].createElement("div", {
           style: elementStyle
         }, _react["default"].createElement(_dragInTheBlankDp["default"], {
@@ -124051,12 +124026,12 @@ const require$$16 = _dll_classnames;
   });
   exports["default"] = exports.DRAG_TYPE = exports.BlankContent = void 0;
   var _objectWithoutProperties2 = _interopRequireDefault(objectWithoutProperties.exports);
-  var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _classCallCheck2 = _interopRequireDefault(classCallCheck$3.exports);
   var _createClass2 = _interopRequireDefault(createClass$2.exports);
   var _inherits2 = _interopRequireDefault(inherits$1.exports);
   var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn$1.exports);
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$1.exports);
+  var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$8$5);
   var _reactDom = _interopRequireDefault(require$$9$6);
   var _propTypes = _interopRequireDefault(require$$10$4);
@@ -124129,7 +124104,10 @@ const require$$16 = _dll_classnames;
         backgroundColor: _renderUi.color.background(),
         border: ("2px dashed ").concat(_renderUi.color.text()),
         color: _renderUi.color.text(),
+        minWidth: '90px',
         fontSize: 'inherit',
+        minHeight: '32px',
+        height: 'auto',
         maxWidth: '374px',
         position: 'relative',
         borderRadius: '3px'
@@ -124171,8 +124149,7 @@ const require$$16 = _dll_classnames;
       (0, _classCallCheck2["default"])(this, BlankContent);
       _this = _super.call(this);
       _this.state = {
-        height: 0,
-        width: 0
+        height: 0
       };
       return _this;
     }
@@ -124186,33 +124163,17 @@ const require$$16 = _dll_classnames;
         if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {
           if (!currentChoice) {
             this.setState({
-              height: 0,
-              width: 0
+              height: 0
             });
             return;
           }
           setTimeout(function () {
-            _this2.updateDimensions();
+            _this2.setState({
+              height: _this2.spanRef.offsetHeight
+            });
           }, 300);
         }
       }
-    }, {
-      key: "updateDimensions",
-      value: function updateDimensions() {
-        var _this$spanRef, _this$spanRef2;
-        var height = ((_this$spanRef = this.spanRef) === null || _this$spanRef === void 0 ? void 0 : _this$spanRef.offsetHeight) || 0;
-        var width = ((_this$spanRef2 = this.spanRef) === null || _this$spanRef2 === void 0 ? void 0 : _this$spanRef2.offsetWidth) || 0;
-        var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
-        var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
-        if (height > responseAreaHeight || width > responseAreaWidth) {
-          this.setState(function (prevState) {
-            return {
-              width: width > responseAreaWidth ? width : prevState.width,
-              height: height > responseAreaHeight ? height : prevState.height
-            };
-          });
-        }
-      }
     }, {
       key: "addDraggableFalseAttributes",
       value: function addDraggableFalseAttributes(parent) {
@@ -124222,19 +124183,6 @@ const require$$16 = _dll_classnames;
           }
         });
       }
-    }, {
-      key: "getRootDimensions",
-      value: function getRootDimensions() {
-        var rootStyle = {
-          height: this.state.height || this.props.emptyResponseAreaHeight,
-          width: this.state.width || this.props.emptyResponseAreaWidth
-        };
-        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), this.props.emptyResponseAreaWidth ? {} : {
-          minWidth: 90
-        }), this.props.emptyResponseAreaHeight ? {} : {
-          minHeight: 32
-        });
-      }
     }, {
       key: "render",
       value: function render() {
@@ -124270,7 +124218,9 @@ const require$$16 = _dll_classnames;
           }, ' ')),
           className: (0, _classnames3["default"])(classes.chip, isOver && classes.over, (_classnames2 = {}, (0, _defineProperty2["default"])(_classnames2, classes.correct, correct !== undefined && correct), (0, _defineProperty2["default"])(_classnames2, classes.incorrect, correct !== undefined && !correct), _classnames2)),
           variant: disabled ? 'outlined' : undefined,
-          style: _objectSpread({}, this.getRootDimensions()),
+          style: _objectSpread({}, this.state.height ? {
+            height: this.state.height
+          } : {}),
           classes: {
             label: isOver && classes.over
           }
@@ -124280,11 +124230,7 @@ const require$$16 = _dll_classnames;
     return BlankContent;
   })(_react["default"].Component);
   exports.BlankContent = BlankContent;
-  BlankContent.defaultProps = {
-    emptyResponseAreaWidth: 0,
-    emptyResponseAreaHeight: 0
-  };
-  BlankContent.propTypes = {
+  (0, _defineProperty2["default"])(BlankContent, "propTypes", {
     id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
     disabled: _propTypes["default"].bool,
     duplicates: _propTypes["default"].bool,
@@ -124293,10 +124239,8 @@ const require$$16 = _dll_classnames;
     isOver: _propTypes["default"].bool,
     dragItem: _propTypes["default"].object,
     correct: _propTypes["default"].bool,
-    onChange: _propTypes["default"].func,
-    emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-    emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-  };
+    onChange: _propTypes["default"].func
+  });
   var StyledBlankContent = useStyles(BlankContent);
   var connectedBlankContent = useStyles(function (_ref4) {
     var connectDragSource = _ref4.connectDragSource, connectDropTarget = _ref4.connectDropTarget, props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
@@ -124381,27 +124325,6 @@ const require$$9$5 = _dll_prop_types;
   var _choices = _interopRequireDefault(choices);
   var _blank = _interopRequireDefault(blank);
   var _withMask = withMask$1;
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      (enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols));
-    }
-    return keys;
-  }
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        (0, _defineProperty2["default"])(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -124430,7 +124353,7 @@ const require$$9$5 = _dll_prop_types;
     return function (node, data, onChange) {
       var dataset = node.data ? node.data.dataset || ({}) : {};
       if (dataset.component === 'blank') {
-        var disabled = props.disabled, duplicates = props.duplicates, correctResponse = props.correctResponse, feedback = props.feedback, showCorrectAnswer = props.showCorrectAnswer, emptyResponseAreaWidth = props.emptyResponseAreaWidth, emptyResponseAreaHeight = props.emptyResponseAreaHeight;
+        var disabled = props.disabled, duplicates = props.duplicates, correctResponse = props.correctResponse, feedback = props.feedback, showCorrectAnswer = props.showCorrectAnswer;
         var choiceId = showCorrectAnswer ? correctResponse[dataset.id] : data[dataset.id];
         var choice = choiceId && props.choices.find(function (c) {
           return c.id === choiceId;
@@ -124442,8 +124365,6 @@ const require$$9$5 = _dll_prop_types;
           duplicates: duplicates,
           choice: choice,
           id: dataset.id,
-          emptyResponseAreaWidth: emptyResponseAreaWidth,
-          emptyResponseAreaHeight: emptyResponseAreaHeight,
           onChange: onChange
         });
       }
@@ -124461,17 +124382,12 @@ const require$$9$5 = _dll_prop_types;
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPositionDirection", function (choicePosition) {
         var flexDirection;
-        var justifyContent;
-        var alignItems;
         switch (choicePosition) {
           case 'left':
             flexDirection = 'row';
-            alignItems = 'center';
             break;
           case 'right':
             flexDirection = 'row-reverse';
-            justifyContent = 'flex-end';
-            alignItems = 'center';
             break;
           case 'below':
             flexDirection = 'column-reverse';
@@ -124480,11 +124396,7 @@ const require$$9$5 = _dll_prop_types;
             flexDirection = 'column';
             break;
         }
-        return {
-          flexDirection: flexDirection,
-          justifyContent: justifyContent,
-          alignItems: alignItems
-        };
+        return flexDirection;
       });
       return _this;
     }
@@ -124504,12 +124416,12 @@ const require$$9$5 = _dll_prop_types;
       key: "render",
       value: function render() {
         var _this2 = this;
-        var _this$props = this.props, markup = _this$props.markup, duplicates = _this$props.duplicates, layout = _this$props.layout, value = _this$props.value, onChange = _this$props.onChange, choicesPosition = _this$props.choicesPosition, choices = _this$props.choices, correctResponse = _this$props.correctResponse, disabled = _this$props.disabled, feedback = _this$props.feedback, showCorrectAnswer = _this$props.showCorrectAnswer, emptyResponseAreaWidth = _this$props.emptyResponseAreaWidth, emptyResponseAreaHeight = _this$props.emptyResponseAreaHeight;
+        var _this$props = this.props, markup = _this$props.markup, duplicates = _this$props.duplicates, layout = _this$props.layout, value = _this$props.value, onChange = _this$props.onChange, choicesPosition = _this$props.choicesPosition, choices = _this$props.choices, correctResponse = _this$props.correctResponse, disabled = _this$props.disabled, feedback = _this$props.feedback, showCorrectAnswer = _this$props.showCorrectAnswer;
         var choicePosition = choicesPosition || 'below';
-        var style = _objectSpread({
+        var style = {
           display: 'flex',
-          minWidth: '100px'
-        }, this.getPositionDirection(choicePosition));
+          flexDirection: this.getPositionDirection(choicePosition)
+        };
         return _react["default"].createElement("div", {
           ref: function ref(_ref) {
             return _ref && (_this2.rootRef = _ref);
@@ -124531,9 +124443,7 @@ const require$$9$5 = _dll_prop_types;
           duplicates: duplicates,
           feedback: feedback,
           correctResponse: correctResponse,
-          showCorrectAnswer: showCorrectAnswer,
-          emptyResponseAreaWidth: emptyResponseAreaWidth,
-          emptyResponseAreaHeight: emptyResponseAreaHeight
+          showCorrectAnswer: showCorrectAnswer
         }));
       }
     }]);
@@ -124554,9 +124464,7 @@ const require$$9$5 = _dll_prop_types;
     disabled: _propTypes["default"].bool,
     feedback: _propTypes["default"].object,
     correctResponse: _propTypes["default"].object,
-    showCorrectAnswer: _propTypes["default"].bool,
-    emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-    emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+    showCorrectAnswer: _propTypes["default"].bool
   });
 })(dragInTheBlank);
 getDefaultExportFromCjs(dragInTheBlank);

package/package.json

@@ -4,19 +4,19 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "2.20.1-next.18+a61e1177e",
+  "version": "2.20.1-next.5+6084f693c",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "1.29.0",
+    "@pie-lib/pie-toolbox": "1.28.0",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "a61e1177e55cd7bd8d244c638fda8a313f960078",
+  "gitHead": "6084f693cf23739eba410d0a16ee53a292e9077d",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },