@pie-element/explicit-constructed-response 7.2.2-next.9 → 7.2.3-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.
 
+## [7.2.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@7.2.1...@pie-element/explicit-constructed-response@7.2.2) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+
+
+
+
+
 ## [7.2.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@7.2.0...@pie-element/explicit-constructed-response@7.2.1) (2024-11-01)
 
 

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.
 
+## [7.1.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@7.1.1...@pie-element/explicit-constructed-response-configure@7.1.2) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+
+
+
+
+
 ## [7.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@7.1.0...@pie-element/explicit-constructed-response-configure@7.1.1) (2024-11-01)
 
 

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/explicit-constructed-response-configure",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "private": true,
   "main": "lib/index.js",
   "modue": "src/index.js",
@@ -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.1.3",
+    "@pie-lib/pie-toolbox": "2.2.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

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.
 
+## [5.1.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@5.1.1...@pie-element/explicit-constructed-response-controller@5.1.2) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+
+
+
+
+
 ## [5.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@5.1.0...@pie-element/explicit-constructed-response-controller@5.1.1) (2024-11-01)
 
 

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/explicit-constructed-response-controller",
   "private": true,
-  "version": "5.1.1",
+  "version": "5.1.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.1.3",
+    "@pie-lib/pie-toolbox": "2.2.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@2.1.5/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.1.2/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.2.0/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.2.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;

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.1.5/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.1.2/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.2.0/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.2.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -26740,7 +26740,7 @@ TexError$1.default = TexError;
           }
         },
         loader: {
-          load: ["input/mml", '[mml]/mml3'],
+          load: ["input/mml"],
           preLoad: function preLoad() {},
           failed: function failed(error) {
             return console.log(("MathJax(").concat(error["package"] || '?', "): ").concat(error.message));
@@ -71248,7 +71248,7 @@ var _interopRequireDefault$3e = interopRequireDefault.exports;
 Object.defineProperty(color$1, "__esModule", {
   value: true
 });
-color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
+color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.tertiaryLight = color$1.tertiary = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
 var _green = _interopRequireDefault$3e(green$1);
 var _orange = _interopRequireDefault$3e(orange$1);
 var _pink = _interopRequireDefault$3e(pink$1);
@@ -71272,6 +71272,8 @@ var defaults = {
   SECONDARY: _pink["default"].A400,
   SECONDARY_LIGHT: _pink["default"][200],
   SECONDARY_DARK: _pink["default"][900],
+  TERTIARY: '#146EB3',
+  TERTIARY_LIGHT: '#D0E2F0',
   BACKGROUND: 'rgba(255,255,255,0)',
   BACKGROUND_DARK: '#ECEDF1',
   SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
@@ -71385,6 +71387,14 @@ var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
 };
 color$1.secondaryBackground = secondaryBackground;
+var tertiary = function tertiary() {
+  return pv('tertiary', defaults.TERTIARY);
+};
+color$1.tertiary = tertiary;
+var tertiaryLight = function tertiaryLight() {
+  return pv('tertiary-light', defaults.TERTIARY_LIGHT);
+};
+color$1.tertiaryLight = tertiaryLight;
 var border = function border() {
   return pv('border', defaults.BORDER);
 };
@@ -75051,9 +75061,9 @@ const require$$11$s = _dll_prop_types;
             color: theme.palette.common.black
           }
         },
-        '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
+        '&:not(.MathJax) table td, &:not(.MathJax) table th': {
           padding: '.6em 1em',
-          textAlign: 'center'
+          textAlign: 'left'
         },
         '&:not(.MathJax) > table td > p.kds-indent': {
           textAlign: 'initial'
@@ -79289,18 +79299,23 @@ const require$$17$2 = _dll_classnames;
     }, {
       key: "updateDimensions",
       value: function updateDimensions() {
-        var _this$spanRef2, _this$spanRef3;
-        var height = ((_this$spanRef2 = this.spanRef) === null || _this$spanRef2 === void 0 ? void 0 : _this$spanRef2.offsetHeight) || 0;
-        var width = ((_this$spanRef3 = this.spanRef) === null || _this$spanRef3 === void 0 ? void 0 : _this$spanRef3.offsetWidth) || 0;
-        var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
-        var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
-        if (height > responseAreaHeight || width > responseAreaWidth) {
+        if (this.spanRef && this.rootRef) {
+          this.rootRef.style.width = 'auto';
+          var width = this.spanRef.offsetWidth || 0;
+          var height = this.spanRef.offsetHeight || 0;
+          var widthWithPadding = width + 24;
+          var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
+          var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
+          var adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;
+          var adjustedHeight = height <= responseAreaHeight ? responseAreaHeight : height;
           this.setState(function (prevState) {
             return {
-              width: width > responseAreaWidth ? width + 24 : prevState.width,
-              height: height > responseAreaHeight ? height : prevState.height
+              width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,
+              height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height
             };
           });
+          this.rootRef.style.width = ("").concat(adjustedWidth, "px");
+          this.rootRef.style.height = ("").concat(adjustedHeight, "px");
         }
       }
     }, {
@@ -79315,13 +79330,15 @@ const require$$17$2 = _dll_classnames;
     }, {
       key: "getRootDimensions",
       value: function getRootDimensions() {
+        var responseAreaWidth = !isNaN(parseFloat(this.props.emptyResponseAreaWidth)) ? parseFloat(this.props.emptyResponseAreaWidth) : 0;
+        var responseAreaHeight = !isNaN(parseFloat(this.props.emptyResponseAreaHeight)) ? parseFloat(this.props.emptyResponseAreaHeight) : 0;
         var rootStyle = {
-          height: this.state.height || this.props.emptyResponseAreaHeight,
-          width: this.state.width || this.props.emptyResponseAreaWidth
+          height: this.state.height || responseAreaHeight,
+          width: this.state.width || responseAreaWidth
         };
-        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), this.props.emptyResponseAreaWidth ? {} : {
+        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), responseAreaWidth ? {} : {
           minWidth: 90
-        }), this.props.emptyResponseAreaHeight ? {} : {
+        }), responseAreaHeight ? {} : {
           minHeight: 32
         });
       }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@7.2.1</title>
+      <title>@pie-element/explicit-constructed-response@7.2.2</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,14 +1,14 @@
 {
   "name": "@pie-element/explicit-constructed-response",
-  "version": "7.2.1",
+  "version": "7.2.2",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.1.5"
+      "version": "2.2.0"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.1.2"
+      "version": "5.2.0"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@7.2.1</title>
+      <title>@pie-element/explicit-constructed-response@7.2.2</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_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.1.5/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.1.2/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.2.0/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.2.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -26703,7 +26703,7 @@ TexError$1.default = TexError;
           }
         },
         loader: {
-          load: ["input/mml", '[mml]/mml3'],
+          load: ["input/mml"],
           preLoad: function preLoad() {},
           failed: function failed(error) {
             return console.log(("MathJax(").concat(error["package"] || '?', "): ").concat(error.message));
@@ -71211,7 +71211,7 @@ var _interopRequireDefault$3e = interopRequireDefault.exports;
 Object.defineProperty(color$1, "__esModule", {
   value: true
 });
-color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
+color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.tertiaryLight = color$1.tertiary = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
 var _green = _interopRequireDefault$3e(green$1);
 var _orange = _interopRequireDefault$3e(orange$1);
 var _pink = _interopRequireDefault$3e(pink$1);
@@ -71235,6 +71235,8 @@ var defaults = {
   SECONDARY: _pink["default"].A400,
   SECONDARY_LIGHT: _pink["default"][200],
   SECONDARY_DARK: _pink["default"][900],
+  TERTIARY: '#146EB3',
+  TERTIARY_LIGHT: '#D0E2F0',
   BACKGROUND: 'rgba(255,255,255,0)',
   BACKGROUND_DARK: '#ECEDF1',
   SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
@@ -71348,6 +71350,14 @@ var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
 };
 color$1.secondaryBackground = secondaryBackground;
+var tertiary = function tertiary() {
+  return pv('tertiary', defaults.TERTIARY);
+};
+color$1.tertiary = tertiary;
+var tertiaryLight = function tertiaryLight() {
+  return pv('tertiary-light', defaults.TERTIARY_LIGHT);
+};
+color$1.tertiaryLight = tertiaryLight;
 var border = function border() {
   return pv('border', defaults.BORDER);
 };
@@ -75014,9 +75024,9 @@ const require$$11$s = _dll_prop_types;
             color: theme.palette.common.black
           }
         },
-        '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
+        '&:not(.MathJax) table td, &:not(.MathJax) table th': {
           padding: '.6em 1em',
-          textAlign: 'center'
+          textAlign: 'left'
         },
         '&:not(.MathJax) > table td > p.kds-indent': {
           textAlign: 'initial'
@@ -79252,18 +79262,23 @@ const require$$17$2 = _dll_classnames;
     }, {
       key: "updateDimensions",
       value: function updateDimensions() {
-        var _this$spanRef2, _this$spanRef3;
-        var height = ((_this$spanRef2 = this.spanRef) === null || _this$spanRef2 === void 0 ? void 0 : _this$spanRef2.offsetHeight) || 0;
-        var width = ((_this$spanRef3 = this.spanRef) === null || _this$spanRef3 === void 0 ? void 0 : _this$spanRef3.offsetWidth) || 0;
-        var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
-        var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
-        if (height > responseAreaHeight || width > responseAreaWidth) {
+        if (this.spanRef && this.rootRef) {
+          this.rootRef.style.width = 'auto';
+          var width = this.spanRef.offsetWidth || 0;
+          var height = this.spanRef.offsetHeight || 0;
+          var widthWithPadding = width + 24;
+          var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
+          var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
+          var adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;
+          var adjustedHeight = height <= responseAreaHeight ? responseAreaHeight : height;
           this.setState(function (prevState) {
             return {
-              width: width > responseAreaWidth ? width + 24 : prevState.width,
-              height: height > responseAreaHeight ? height : prevState.height
+              width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,
+              height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height
             };
           });
+          this.rootRef.style.width = ("").concat(adjustedWidth, "px");
+          this.rootRef.style.height = ("").concat(adjustedHeight, "px");
         }
       }
     }, {
@@ -79278,13 +79293,15 @@ const require$$17$2 = _dll_classnames;
     }, {
       key: "getRootDimensions",
       value: function getRootDimensions() {
+        var responseAreaWidth = !isNaN(parseFloat(this.props.emptyResponseAreaWidth)) ? parseFloat(this.props.emptyResponseAreaWidth) : 0;
+        var responseAreaHeight = !isNaN(parseFloat(this.props.emptyResponseAreaHeight)) ? parseFloat(this.props.emptyResponseAreaHeight) : 0;
         var rootStyle = {
-          height: this.state.height || this.props.emptyResponseAreaHeight,
-          width: this.state.width || this.props.emptyResponseAreaWidth
+          height: this.state.height || responseAreaHeight,
+          width: this.state.width || responseAreaWidth
         };
-        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), this.props.emptyResponseAreaWidth ? {} : {
+        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), responseAreaWidth ? {} : {
           minWidth: 90
-        }), this.props.emptyResponseAreaHeight ? {} : {
+        }), responseAreaHeight ? {} : {
           minHeight: 32
         });
       }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.2.2-next.9+ace661f34",
+  "version": "7.2.3-next.0+0b1c575dd",
   "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.1.3",
+    "@pie-lib/pie-toolbox": "2.2.0",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "ace661f34b6e59271949e848ce2474dce65c4d64",
+  "gitHead": "0b1c575ddfd3577c102a3deef8733d6a35c929f2",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {