@pie-element/explicit-constructed-response 7.6.2-next.0 → 7.6.2-next.2

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.22.1",
+    "@pie-lib/pie-toolbox": "2.22.2",
     "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.22.1",
+    "@pie-lib/pie-toolbox": "2.22.2",
     "debug": "^3.1.0",
     "he": "^1.2.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_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@5.4.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@8.4.0/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@5.4.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@8.4.1/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_classnames, _dll_react_dom, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@5.4.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@8.4.0/module/index.js";
+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@5.4.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@8.4.1/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -155367,7 +155367,7 @@ const {isEqual: require$$20} = _dll_lodash;
   var _Check = _interopRequireDefault(Check);
   var _styles = styles$1I;
   var _classnames = _interopRequireDefault(require$$19);
-  var _isEqual = _interopRequireDefault(require$$20);
+  _interopRequireDefault(require$$20);
   var _renderUi = renderUi$1;
   var _mathRendering = mathRendering;
   function ownKeys(object, enumerableOnly) {
@@ -155492,19 +155492,27 @@ const {isEqual: require$$20} = _dll_lodash;
       }
     }, {
       key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        var choices = this.props.choices;
-        if (!(0, _isEqual["default"])(choices, prevProps.choices)) {
+      value: function componentDidUpdate(prevProps, prevState) {
+        var hiddenEl = this.hiddenRef.current;
+        var dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;
+        if (dropdownJustOpened) {
           this.elementRefs.forEach(function (ref) {
-            if (ref) (0, _mathRendering.renderMath)(ref);
+            if (!ref) return;
+            var containsLatex = ref.querySelector('[data-latex], [data-raw]');
+            var hasMathJax = ref.querySelector('mjx-container');
+            var mathHandled = ref.querySelector('[data-math-handled="true"]');
+            if (containsLatex && (!mathHandled || !hasMathJax)) {
+              (0, _mathRendering.renderMath)(ref);
+            }
           });
-          if (this.hiddenRef.current) {
-            (0, _mathRendering.renderMath)(this.hiddenRef.current);
-          }
         }
-        if (this.hiddenRef.current && !(0, _isEqual["default"])(choices, prevProps.choices)) {
-          var newWidth = this.hiddenRef.current.clientWidth;
+        if (hiddenEl) {
+          var newWidth = hiddenEl.clientWidth;
           if (newWidth !== this.state.menuWidth) {
+            this.elementRefs.forEach(function (ref) {
+              if (ref) (0, _mathRendering.renderMath)(ref);
+            });
+            (0, _mathRendering.renderMath)(hiddenEl);
             this.setState({
               menuWidth: newWidth
             });

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "5.4.0"
+      "version": "5.4.1"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "8.4.0"
+      "version": "8.4.1"
     }
   ]
 }

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@5.4.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@8.4.0/module/index.js";
+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@5.4.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@8.4.1/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -155330,7 +155330,7 @@ const {isEqual: require$$20} = _dll_lodash;
   var _Check = _interopRequireDefault(Check);
   var _styles = styles$1I;
   var _classnames = _interopRequireDefault(require$$19);
-  var _isEqual = _interopRequireDefault(require$$20);
+  _interopRequireDefault(require$$20);
   var _renderUi = renderUi$1;
   var _mathRendering = mathRendering;
   function ownKeys(object, enumerableOnly) {
@@ -155455,19 +155455,27 @@ const {isEqual: require$$20} = _dll_lodash;
       }
     }, {
       key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        var choices = this.props.choices;
-        if (!(0, _isEqual["default"])(choices, prevProps.choices)) {
+      value: function componentDidUpdate(prevProps, prevState) {
+        var hiddenEl = this.hiddenRef.current;
+        var dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;
+        if (dropdownJustOpened) {
           this.elementRefs.forEach(function (ref) {
-            if (ref) (0, _mathRendering.renderMath)(ref);
+            if (!ref) return;
+            var containsLatex = ref.querySelector('[data-latex], [data-raw]');
+            var hasMathJax = ref.querySelector('mjx-container');
+            var mathHandled = ref.querySelector('[data-math-handled="true"]');
+            if (containsLatex && (!mathHandled || !hasMathJax)) {
+              (0, _mathRendering.renderMath)(ref);
+            }
           });
-          if (this.hiddenRef.current) {
-            (0, _mathRendering.renderMath)(this.hiddenRef.current);
-          }
         }
-        if (this.hiddenRef.current && !(0, _isEqual["default"])(choices, prevProps.choices)) {
-          var newWidth = this.hiddenRef.current.clientWidth;
+        if (hiddenEl) {
+          var newWidth = hiddenEl.clientWidth;
           if (newWidth !== this.state.menuWidth) {
+            this.elementRefs.forEach(function (ref) {
+              if (ref) (0, _mathRendering.renderMath)(ref);
+            });
+            (0, _mathRendering.renderMath)(hiddenEl);
             this.setState({
               menuWidth: newWidth
             });

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.6.2-next.0+111ef46e8",
+  "version": "7.6.2-next.2+e70b36cd4",
   "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.22.1",
+    "@pie-lib/pie-toolbox": "2.22.2",
     "classnames": "^2.2.5",
     "he": "^1.2.0",
     "lodash": "^4.17.10",
@@ -22,7 +22,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "111ef46e88b60bbac816b113e271e828c11e8648",
+  "gitHead": "e70b36cd43cb104ec482c564fe6987ac83339c26",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {