@pie-element/explicit-constructed-response 6.12.3 → 6.12.5

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.12.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@6.12.4...@pie-element/explicit-constructed-response@6.12.5) (2024-05-13)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3650, PD-3651, PD-3621, PD-3620, PD-2127,PD-3709, PD-3726, PD-3191 ([2ef6881](https://github.com/pie-framework/pie-elements/commit/2ef688118b9099c7338cbe88afcdeed228fae11e))
+
+
+
+
+
+## [6.12.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@6.12.3...@pie-element/explicit-constructed-response@6.12.4) (2024-05-07)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3731 ([2b5d6c9](https://github.com/pie-framework/pie-elements/commit/2b5d6c932280981a0fd636bcb30d7fbc181ac311))
+
+
+
+
+
 ## [6.12.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@6.12.2...@pie-element/explicit-constructed-response@6.12.3) (2024-05-07)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.11.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@6.11.4...@pie-element/explicit-constructed-response-configure@6.11.5) (2024-05-13)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3650, PD-3651, PD-3621, PD-3620, PD-2127,PD-3709, PD-3726, PD-3191 ([2ef6881](https://github.com/pie-framework/pie-elements/commit/2ef688118b9099c7338cbe88afcdeed228fae11e))
+
+
+
+
+
+## [6.11.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@6.11.3...@pie-element/explicit-constructed-response-configure@6.11.4) (2024-05-07)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3731 ([2b5d6c9](https://github.com/pie-framework/pie-elements/commit/2b5d6c932280981a0fd636bcb30d7fbc181ac311))
+
+
+
+
+
 ## [6.11.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@6.11.2...@pie-element/explicit-constructed-response-configure@6.11.3) (2024-05-07)
 
 

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/explicit-constructed-response-configure",
-  "version": "6.11.3",
+  "version": "6.11.5",
   "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": "1.17.2",
+    "@pie-lib/pie-toolbox": "1.17.4",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.10.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@4.10.4...@pie-element/explicit-constructed-response-controller@4.10.5) (2024-05-13)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3650, PD-3651, PD-3621, PD-3620, PD-2127,PD-3709, PD-3726, PD-3191 ([2ef6881](https://github.com/pie-framework/pie-elements/commit/2ef688118b9099c7338cbe88afcdeed228fae11e))
+
+
+
+
+
+## [4.10.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@4.10.3...@pie-element/explicit-constructed-response-controller@4.10.4) (2024-05-07)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3731 ([2b5d6c9](https://github.com/pie-framework/pie-elements/commit/2b5d6c932280981a0fd636bcb30d7fbc181ac311))
+
+
+
+
+
 ## [4.10.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@4.10.2...@pie-element/explicit-constructed-response-controller@4.10.3) (2024-05-07)
 
 

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/explicit-constructed-response-controller",
   "private": true,
-  "version": "4.10.3",
+  "version": "4.10.5",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.17.2",
+    "@pie-lib/pie-toolbox": "1.17.4",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.1/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@1.10.3/module/index.js";
 import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} 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) {

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.3/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@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) {
@@ -4713,7 +4713,7 @@ var themeListener = {
 };
 var _default$Z = themeListener;
 themeListener$1.default = _default$Z;
-const require$$9$r = _dll_react;
+const require$$9$s = _dll_react;
 const require$$10$j = _dll_prop_types;
 var _interopRequireWildcard$2 = interopRequireWildcard.exports;
 var _interopRequireDefault$15 = interopRequireDefault.exports;
@@ -4728,7 +4728,7 @@ var _createClass2$p = _interopRequireDefault$15(createClass$2.exports);
 var _possibleConstructorReturn2$o = _interopRequireDefault$15(possibleConstructorReturn$2.exports);
 var _getPrototypeOf2$d = _interopRequireDefault$15(getPrototypeOf$2.exports);
 var _inherits2$o = _interopRequireDefault$15(inherits$2.exports);
-var _react$M = _interopRequireDefault$15(require$$9$r);
+var _react$M = _interopRequireDefault$15(require$$9$s);
 var _propTypes$A = _interopRequireDefault$15(require$$10$j);
 var _warning$b = _interopRequireDefault$15(warning_1);
 var _brcast = _interopRequireDefault$15(require$$12$a);
@@ -5048,7 +5048,7 @@ function getThemeProps(params) {
 }
 var _default$T = getThemeProps;
 getThemeProps$1.default = _default$T;
-const require$$9$q = _dll_react;
+const require$$9$r = _dll_react;
 const require$$10$i = _dll_prop_types;
 var _interopRequireDefault$12 = interopRequireDefault.exports;
 Object.defineProperty(withStyles, "__esModule", {
@@ -5063,7 +5063,7 @@ var _possibleConstructorReturn2$n = _interopRequireDefault$12(possibleConstructo
 var _getPrototypeOf2$c = _interopRequireDefault$12(getPrototypeOf$2.exports);
 var _inherits2$n = _interopRequireDefault$12(inherits$2.exports);
 var _objectWithoutProperties2$q = _interopRequireDefault$12(objectWithoutProperties.exports);
-var _react$L = _interopRequireDefault$12(require$$9$q);
+var _react$L = _interopRequireDefault$12(require$$9$r);
 var _propTypes$z = _interopRequireDefault$12(require$$10$i);
 var _warning$8 = _interopRequireDefault$12(warning_1);
 var _hoistNonReactStatics$2 = _interopRequireDefault$12(hoistNonReactStatics_cjs);
@@ -5314,7 +5314,7 @@ var _default$S = function _default(styles, options) {
 withStyles.default = _default$S;
 var withTheme = {};
 const require$$8$o = _dll_react;
-const require$$9$p = _dll_prop_types;
+const require$$9$q = _dll_prop_types;
 var _interopRequireDefault$11 = interopRequireDefault.exports;
 Object.defineProperty(withTheme, "__esModule", {
   value: true
@@ -5328,7 +5328,7 @@ var _possibleConstructorReturn2$m = _interopRequireDefault$11(possibleConstructo
 var _getPrototypeOf2$b = _interopRequireDefault$11(getPrototypeOf$2.exports);
 var _inherits2$m = _interopRequireDefault$11(inherits$2.exports);
 var _react$K = _interopRequireDefault$11(require$$8$o);
-var _propTypes$y = _interopRequireDefault$11(require$$9$p);
+var _propTypes$y = _interopRequireDefault$11(require$$9$q);
 var _hoistNonReactStatics$1 = _interopRequireDefault$11(hoistNonReactStatics_cjs);
 var _utils$l = require$$7$b;
 var _createMuiTheme = _interopRequireDefault$11(createMuiTheme$1);
@@ -18813,7 +18813,7 @@ var deserialize = function deserialize(s) {
   });
 };
 serialization.deserialize = deserialize;
-const require$$9$o = _dll_react;
+const require$$9$p = _dll_react;
 const require$$10$h = _dll_prop_types;
 const {get: require$$11$9} = _dll_lodash;
 (function (exports) {
@@ -18830,7 +18830,7 @@ const {get: require$$11$9} = _dll_lodash;
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$2.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _extends2 = _interopRequireDefault(_extends$7.exports);
-  var _react = _interopRequireDefault(require$$9$o);
+  var _react = _interopRequireDefault(require$$9$p);
   var _propTypes = _interopRequireDefault(require$$10$h);
   var _get = _interopRequireDefault(require$$11$9);
   var _styles = styles$p;
@@ -19047,7 +19047,8 @@ var componentize = {};
 })(componentize);
 getDefaultExportFromCjs(componentize);
 const require$$7$a = _dll_react;
-const require$$8$n = _dll_prop_types;
+const require$$8$n = _dll_react_dom;
+const require$$9$o = _dll_prop_types;
 var _interopRequireDefault$$ = interopRequireDefault.exports;
 Object.defineProperty(withMask$1, "__esModule", {
   value: true
@@ -19060,7 +19061,8 @@ var _possibleConstructorReturn2$l = _interopRequireDefault$$(possibleConstructor
 var _getPrototypeOf2$a = _interopRequireDefault$$(getPrototypeOf$2.exports);
 var _defineProperty2$l = _interopRequireDefault$$(defineProperty$4.exports);
 var _react$J = _interopRequireDefault$$(require$$7$a);
-var _propTypes$x = _interopRequireDefault$$(require$$8$n);
+var _reactDom$9 = _interopRequireDefault$$(require$$8$n);
+var _propTypes$x = _interopRequireDefault$$(require$$9$o);
 var _mask = _interopRequireDefault$$(mask);
 var _componentize2 = _interopRequireDefault$$(componentize);
 var _serialization = serialization;
@@ -19104,6 +19106,23 @@ var withMask = function withMask(type, renderChildren) {
       return _super.apply(this, arguments);
     }
     (0, _createClass2$m["default"])(WithMask, [{
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps) {
+        if (this.props.markup !== prevProps.markup) {
+          var domNode = _reactDom$9["default"].findDOMNode(this);
+          var mathElements = domNode && domNode.querySelectorAll('[data-latex][data-math-handled="true"]');
+          (mathElements || []).forEach(function (el) {
+            var mjxContainer = el.querySelector('mjx-container');
+            if (mjxContainer) {
+              el.removeChild(mjxContainer);
+            }
+            var latexCode = el.getAttribute('data-raw');
+            el.innerHTML = latexCode;
+            el.removeAttribute('data-math-handled');
+          });
+        }
+      }
+    }, {
       key: "render",
       value: function render() {
         var _this$props = this.props, markup = _this$props.markup, layout = _this$props.layout, value = _this$props.value, onChange = _this$props.onChange;
@@ -69945,7 +69964,6 @@ const require$$12$9 = _dll_debug;
     };
     var mmlConfig = {
       parseError: function parseError(node) {
-        console.log('error:', node);
         this.error(this.adaptor.textContent(node).replace(/\n.*/g, ''));
       }
     };
@@ -69958,11 +69976,9 @@ const require$$12$9 = _dll_debug;
     var customMmlFactory = new _MmlFactory.MmlFactory(_objectSpread(_objectSpread({}, _MmlFactory.MmlFactory.defaultNodes), _mstack.mmlNodes));
     var html = _mathjax.mathjax.document(docProvided, {
       compileError: function compileError(mj, math, err) {
-        console.log('bad math?:', math);
         console.error(err);
       },
       typesetError: function typesetError(doc, math, err) {
-        console.log('typeset error');
         console.error(err);
         doc.typesetError(math, err);
       },
@@ -70008,13 +70024,10 @@ const require$$12$9 = _dll_debug;
   var renderMath = function renderMath(el, renderOpts) {
     var _getGlobal$instance, _getGlobal$instance2;
     if (window && window.MathJax && window.MathJax.customKey && window.MathJax.customKey == '@pie-lib/math-rendering-accessible@1') {
-      console.log('RETURN FROM OLD MATH RENDERING, MATH RENDERING ACCESSIBLE WAS FOUND');
       return;
     }
-    console.log('we are in old math rendering');
     var isString = typeof el === 'string';
     var executeOn = document.body;
-    console.log(isString, 'is string in old math rendering');
     if (isString) {
       var div = document.createElement('div');
       div.innerHTML = el;
@@ -70027,14 +70040,11 @@ const require$$12$9 = _dll_debug;
       var updatedDocument = html.findMath().compile().getMetrics().typeset().updateDocument();
       var list = updatedDocument.math.list;
       var item = list.next;
-      console.log(item, 'item in old math rendering');
       if (!item) {
-        console.log("return '' in old math rendering");
         return '';
       }
       var mathMl = toMMl(item.data.root);
       var parsedMathMl = mathMl.replaceAll('\n', '');
-      console.log(parsedMathMl, 'parsedMathMl in old math rendering');
       return parsedMathMl;
     }
     if (!getGlobal().instance) {
@@ -70044,14 +70054,11 @@ const require$$12$9 = _dll_debug;
       log('el is undefined');
       return;
     }
-    console.log(el, 'element in old math rendering');
     if (el instanceof Element && (_getGlobal$instance = getGlobal().instance) !== null && _getGlobal$instance !== void 0 && _getGlobal$instance.Typeset) {
-      console.log('Typeset element in old math rendering');
       getGlobal().instance.Typeset(el);
     } else if (el.length && (_getGlobal$instance2 = getGlobal().instance) !== null && _getGlobal$instance2 !== void 0 && _getGlobal$instance2.Typeset) {
       var _getGlobal$instance3;
       var arr = Array.from(el);
-      console.log(arr, 'Typeset arr in old math rendering');
       (_getGlobal$instance3 = getGlobal().instance).Typeset.apply(_getGlobal$instance3, (0, _toConsumableArray2["default"])(arr));
     }
   };
@@ -79022,10 +79029,7 @@ getDefaultExportFromCjs(mathRendering);
     return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
   };
   var renderMath = function renderMath(el, renderOpts) {
-    console.log("I'm in math rendering accessible");
     var isString = typeof el === 'string';
-    console.log('IS STRING', isString);
-    console.log('renderOpts', renderOpts);
     var executeOn = document.body;
     if (isString) {
       var div = document.createElement('div');
@@ -79033,19 +79037,16 @@ getDefaultExportFromCjs(mathRendering);
       executeOn = div;
     }
     var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
-    console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
     var renderMathAccessible = function renderMathAccessible() {
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
       if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
-        console.log('INITIALIZE MATHJAX ACCESSIBLE');
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
       if (isString && window.MathJax && window.mathjaxLoadedP) {
         try {
-          console.log('THE ISSUE MUST BE HERE');
           MathJax.texReset();
           MathJax.typesetClear();
           window.MathJax.typeset([executeOn]);
@@ -79054,7 +79055,6 @@ getDefaultExportFromCjs(mathRendering);
           var item = list.next;
           var mathMl = toMMl(item.data.root);
           var parsedMathMl = mathMl.replaceAll('\n', '');
-          console.log(parsedMathMl, 'parsedMathMl');
           return parsedMathMl;
         } catch (error) {
           console.error('Error rendering math:', error.message);
@@ -79063,13 +79063,11 @@ getDefaultExportFromCjs(mathRendering);
       if (window.mathjaxLoadedP) {
         window.mathjaxLoadedP.then(function () {
           var mathJaxInstance = getGlobal().instance;
-          console.log(mathJaxInstance, 'mathJaxInstance');
           if (mathJaxInstance) {
             mathJaxInstance.texReset();
             mathJaxInstance.typesetClear();
             mathJaxInstance.typesetPromise([executeOn]).then(function () {
               try {
-                console.log("I'm in typesetPromise???");
                 removeExcessMjxContainers(executeOn);
                 removePlaceholdersAndRestoreDisplay();
                 var _updatedDocument = mathJaxInstance.startup.document;
@@ -79093,16 +79091,13 @@ getDefaultExportFromCjs(mathRendering);
       }
     };
     if (skipWaitForMathRenderingLib) {
-      console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
       return renderMathAccessible();
     } else {
       if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
-        console.log(mathRenderingKEY, 'mathRenderingKEY');
         removePlaceholdersAndRestoreDisplay();
-        return mr.renderMath();
+        return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
-        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -79117,16 +79112,14 @@ getDefaultExportFromCjs(mathRendering);
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
-              console.log(mathRenderingHasLoaded, 'mathRenderingHasLoaded');
               removePlaceholdersAndRestoreDisplay();
-              return mr.renderMath();
+              return mr.renderMath(executeOn, renderOpts);
             }
             renderMathAccessibleCallback();
           }
         };
         checkIntervalId = setInterval(checkForLib, 100);
       };
-      console.log('waitForMathRenderingLib');
       waitForMathRenderingLib(renderMathAccessible);
     }
   };

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@6.12.2</title>
+      <title>@pie-element/explicit-constructed-response@6.12.4</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,10 +1,10 @@
 {
   "name": "@pie-element/explicit-constructed-response",
-  "version": "6.12.2",
+  "version": "6.12.4",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.10.1"
+      "version": "1.10.3"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@6.12.2</title>
+      <title>@pie-element/explicit-constructed-response@6.12.4</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.3/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@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) {
@@ -4676,7 +4676,7 @@ var themeListener = {
 };
 var _default$Z = themeListener;
 themeListener$1.default = _default$Z;
-const require$$9$r = _dll_react;
+const require$$9$s = _dll_react;
 const require$$10$j = _dll_prop_types;
 var _interopRequireWildcard$2 = interopRequireWildcard.exports;
 var _interopRequireDefault$15 = interopRequireDefault.exports;
@@ -4691,7 +4691,7 @@ var _createClass2$p = _interopRequireDefault$15(createClass$2.exports);
 var _possibleConstructorReturn2$o = _interopRequireDefault$15(possibleConstructorReturn$2.exports);
 var _getPrototypeOf2$d = _interopRequireDefault$15(getPrototypeOf$2.exports);
 var _inherits2$o = _interopRequireDefault$15(inherits$2.exports);
-var _react$M = _interopRequireDefault$15(require$$9$r);
+var _react$M = _interopRequireDefault$15(require$$9$s);
 var _propTypes$A = _interopRequireDefault$15(require$$10$j);
 var _warning$b = _interopRequireDefault$15(warning_1);
 var _brcast = _interopRequireDefault$15(require$$12$a);
@@ -5011,7 +5011,7 @@ function getThemeProps(params) {
 }
 var _default$T = getThemeProps;
 getThemeProps$1.default = _default$T;
-const require$$9$q = _dll_react;
+const require$$9$r = _dll_react;
 const require$$10$i = _dll_prop_types;
 var _interopRequireDefault$12 = interopRequireDefault.exports;
 Object.defineProperty(withStyles, "__esModule", {
@@ -5026,7 +5026,7 @@ var _possibleConstructorReturn2$n = _interopRequireDefault$12(possibleConstructo
 var _getPrototypeOf2$c = _interopRequireDefault$12(getPrototypeOf$2.exports);
 var _inherits2$n = _interopRequireDefault$12(inherits$2.exports);
 var _objectWithoutProperties2$q = _interopRequireDefault$12(objectWithoutProperties.exports);
-var _react$L = _interopRequireDefault$12(require$$9$q);
+var _react$L = _interopRequireDefault$12(require$$9$r);
 var _propTypes$z = _interopRequireDefault$12(require$$10$i);
 var _warning$8 = _interopRequireDefault$12(warning_1);
 var _hoistNonReactStatics$2 = _interopRequireDefault$12(hoistNonReactStatics_cjs);
@@ -5277,7 +5277,7 @@ var _default$S = function _default(styles, options) {
 withStyles.default = _default$S;
 var withTheme = {};
 const require$$8$o = _dll_react;
-const require$$9$p = _dll_prop_types;
+const require$$9$q = _dll_prop_types;
 var _interopRequireDefault$11 = interopRequireDefault.exports;
 Object.defineProperty(withTheme, "__esModule", {
   value: true
@@ -5291,7 +5291,7 @@ var _possibleConstructorReturn2$m = _interopRequireDefault$11(possibleConstructo
 var _getPrototypeOf2$b = _interopRequireDefault$11(getPrototypeOf$2.exports);
 var _inherits2$m = _interopRequireDefault$11(inherits$2.exports);
 var _react$K = _interopRequireDefault$11(require$$8$o);
-var _propTypes$y = _interopRequireDefault$11(require$$9$p);
+var _propTypes$y = _interopRequireDefault$11(require$$9$q);
 var _hoistNonReactStatics$1 = _interopRequireDefault$11(hoistNonReactStatics_cjs);
 var _utils$l = require$$7$b;
 var _createMuiTheme = _interopRequireDefault$11(createMuiTheme$1);
@@ -18776,7 +18776,7 @@ var deserialize = function deserialize(s) {
   });
 };
 serialization.deserialize = deserialize;
-const require$$9$o = _dll_react;
+const require$$9$p = _dll_react;
 const require$$10$h = _dll_prop_types;
 const {get: require$$11$9} = _dll_lodash;
 (function (exports) {
@@ -18793,7 +18793,7 @@ const {get: require$$11$9} = _dll_lodash;
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$2.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _extends2 = _interopRequireDefault(_extends$7.exports);
-  var _react = _interopRequireDefault(require$$9$o);
+  var _react = _interopRequireDefault(require$$9$p);
   var _propTypes = _interopRequireDefault(require$$10$h);
   var _get = _interopRequireDefault(require$$11$9);
   var _styles = styles$p;
@@ -19010,7 +19010,8 @@ var componentize = {};
 })(componentize);
 getDefaultExportFromCjs(componentize);
 const require$$7$a = _dll_react;
-const require$$8$n = _dll_prop_types;
+const require$$8$n = _dll_react_dom;
+const require$$9$o = _dll_prop_types;
 var _interopRequireDefault$$ = interopRequireDefault.exports;
 Object.defineProperty(withMask$1, "__esModule", {
   value: true
@@ -19023,7 +19024,8 @@ var _possibleConstructorReturn2$l = _interopRequireDefault$$(possibleConstructor
 var _getPrototypeOf2$a = _interopRequireDefault$$(getPrototypeOf$2.exports);
 var _defineProperty2$l = _interopRequireDefault$$(defineProperty$4.exports);
 var _react$J = _interopRequireDefault$$(require$$7$a);
-var _propTypes$x = _interopRequireDefault$$(require$$8$n);
+var _reactDom$9 = _interopRequireDefault$$(require$$8$n);
+var _propTypes$x = _interopRequireDefault$$(require$$9$o);
 var _mask = _interopRequireDefault$$(mask);
 var _componentize2 = _interopRequireDefault$$(componentize);
 var _serialization = serialization;
@@ -19067,6 +19069,23 @@ var withMask = function withMask(type, renderChildren) {
       return _super.apply(this, arguments);
     }
     (0, _createClass2$m["default"])(WithMask, [{
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps) {
+        if (this.props.markup !== prevProps.markup) {
+          var domNode = _reactDom$9["default"].findDOMNode(this);
+          var mathElements = domNode && domNode.querySelectorAll('[data-latex][data-math-handled="true"]');
+          (mathElements || []).forEach(function (el) {
+            var mjxContainer = el.querySelector('mjx-container');
+            if (mjxContainer) {
+              el.removeChild(mjxContainer);
+            }
+            var latexCode = el.getAttribute('data-raw');
+            el.innerHTML = latexCode;
+            el.removeAttribute('data-math-handled');
+          });
+        }
+      }
+    }, {
       key: "render",
       value: function render() {
         var _this$props = this.props, markup = _this$props.markup, layout = _this$props.layout, value = _this$props.value, onChange = _this$props.onChange;
@@ -69908,7 +69927,6 @@ const require$$12$9 = _dll_debug;
     };
     var mmlConfig = {
       parseError: function parseError(node) {
-        console.log('error:', node);
         this.error(this.adaptor.textContent(node).replace(/\n.*/g, ''));
       }
     };
@@ -69921,11 +69939,9 @@ const require$$12$9 = _dll_debug;
     var customMmlFactory = new _MmlFactory.MmlFactory(_objectSpread(_objectSpread({}, _MmlFactory.MmlFactory.defaultNodes), _mstack.mmlNodes));
     var html = _mathjax.mathjax.document(docProvided, {
       compileError: function compileError(mj, math, err) {
-        console.log('bad math?:', math);
         console.error(err);
       },
       typesetError: function typesetError(doc, math, err) {
-        console.log('typeset error');
         console.error(err);
         doc.typesetError(math, err);
       },
@@ -69971,13 +69987,10 @@ const require$$12$9 = _dll_debug;
   var renderMath = function renderMath(el, renderOpts) {
     var _getGlobal$instance, _getGlobal$instance2;
     if (window && window.MathJax && window.MathJax.customKey && window.MathJax.customKey == '@pie-lib/math-rendering-accessible@1') {
-      console.log('RETURN FROM OLD MATH RENDERING, MATH RENDERING ACCESSIBLE WAS FOUND');
       return;
     }
-    console.log('we are in old math rendering');
     var isString = typeof el === 'string';
     var executeOn = document.body;
-    console.log(isString, 'is string in old math rendering');
     if (isString) {
       var div = document.createElement('div');
       div.innerHTML = el;
@@ -69990,14 +70003,11 @@ const require$$12$9 = _dll_debug;
       var updatedDocument = html.findMath().compile().getMetrics().typeset().updateDocument();
       var list = updatedDocument.math.list;
       var item = list.next;
-      console.log(item, 'item in old math rendering');
       if (!item) {
-        console.log("return '' in old math rendering");
         return '';
       }
       var mathMl = toMMl(item.data.root);
       var parsedMathMl = mathMl.replaceAll('\n', '');
-      console.log(parsedMathMl, 'parsedMathMl in old math rendering');
       return parsedMathMl;
     }
     if (!getGlobal().instance) {
@@ -70007,14 +70017,11 @@ const require$$12$9 = _dll_debug;
       log('el is undefined');
       return;
     }
-    console.log(el, 'element in old math rendering');
     if (el instanceof Element && (_getGlobal$instance = getGlobal().instance) !== null && _getGlobal$instance !== void 0 && _getGlobal$instance.Typeset) {
-      console.log('Typeset element in old math rendering');
       getGlobal().instance.Typeset(el);
     } else if (el.length && (_getGlobal$instance2 = getGlobal().instance) !== null && _getGlobal$instance2 !== void 0 && _getGlobal$instance2.Typeset) {
       var _getGlobal$instance3;
       var arr = Array.from(el);
-      console.log(arr, 'Typeset arr in old math rendering');
       (_getGlobal$instance3 = getGlobal().instance).Typeset.apply(_getGlobal$instance3, (0, _toConsumableArray2["default"])(arr));
     }
   };
@@ -78985,10 +78992,7 @@ getDefaultExportFromCjs(mathRendering);
     return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
   };
   var renderMath = function renderMath(el, renderOpts) {
-    console.log("I'm in math rendering accessible");
     var isString = typeof el === 'string';
-    console.log('IS STRING', isString);
-    console.log('renderOpts', renderOpts);
     var executeOn = document.body;
     if (isString) {
       var div = document.createElement('div');
@@ -78996,19 +79000,16 @@ getDefaultExportFromCjs(mathRendering);
       executeOn = div;
     }
     var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
-    console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
     var renderMathAccessible = function renderMathAccessible() {
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
       if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
-        console.log('INITIALIZE MATHJAX ACCESSIBLE');
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
       if (isString && window.MathJax && window.mathjaxLoadedP) {
         try {
-          console.log('THE ISSUE MUST BE HERE');
           MathJax.texReset();
           MathJax.typesetClear();
           window.MathJax.typeset([executeOn]);
@@ -79017,7 +79018,6 @@ getDefaultExportFromCjs(mathRendering);
           var item = list.next;
           var mathMl = toMMl(item.data.root);
           var parsedMathMl = mathMl.replaceAll('\n', '');
-          console.log(parsedMathMl, 'parsedMathMl');
           return parsedMathMl;
         } catch (error) {
           console.error('Error rendering math:', error.message);
@@ -79026,13 +79026,11 @@ getDefaultExportFromCjs(mathRendering);
       if (window.mathjaxLoadedP) {
         window.mathjaxLoadedP.then(function () {
           var mathJaxInstance = getGlobal().instance;
-          console.log(mathJaxInstance, 'mathJaxInstance');
           if (mathJaxInstance) {
             mathJaxInstance.texReset();
             mathJaxInstance.typesetClear();
             mathJaxInstance.typesetPromise([executeOn]).then(function () {
               try {
-                console.log("I'm in typesetPromise???");
                 removeExcessMjxContainers(executeOn);
                 removePlaceholdersAndRestoreDisplay();
                 var _updatedDocument = mathJaxInstance.startup.document;
@@ -79056,16 +79054,13 @@ getDefaultExportFromCjs(mathRendering);
       }
     };
     if (skipWaitForMathRenderingLib) {
-      console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
       return renderMathAccessible();
     } else {
       if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
-        console.log(mathRenderingKEY, 'mathRenderingKEY');
         removePlaceholdersAndRestoreDisplay();
-        return mr.renderMath();
+        return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
-        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -79080,16 +79075,14 @@ getDefaultExportFromCjs(mathRendering);
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
-              console.log(mathRenderingHasLoaded, 'mathRenderingHasLoaded');
               removePlaceholdersAndRestoreDisplay();
-              return mr.renderMath();
+              return mr.renderMath(executeOn, renderOpts);
             }
             renderMathAccessibleCallback();
           }
         };
         checkIntervalId = setInterval(checkForLib, 100);
       };
-      console.log('waitForMathRenderingLib');
       waitForMathRenderingLib(renderMathAccessible);
     }
   };

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.12.3",
+  "version": "6.12.5",
   "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": "1.17.2",
+    "@pie-lib/pie-toolbox": "1.17.4",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "d5a79b236159c8fb46c6e40d346788cdd2b4363d",
+  "gitHead": "512624fa52f5c653c74c32fa49c23af8c6d91c99",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {