@pie-element/explicit-constructed-response 6.12.2-next.6 → 6.12.3

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.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)
+
+
+### Bug Fixes
+
+* add logs PD-3731 ([0785a79](https://github.com/pie-framework/pie-elements/commit/0785a799fde39c01525daf8d95618bfd8ea926a2))
+
+
+
+
+
+## [6.12.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@6.12.1...@pie-element/explicit-constructed-response@6.12.2) (2024-05-03)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3537, PD-3538, PD-3539, PD-3540,PD-3680 ([d9cb471](https://github.com/pie-framework/pie-elements/commit/d9cb47148a8fec71d5de29f2cf2b92ec7b479470))
+
+
+
+
+
 ## [6.12.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@6.12.0...@pie-element/explicit-constructed-response@6.12.1) (2024-04-29)
 
 

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.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)
+
+
+### Bug Fixes
+
+* add logs PD-3731 ([0785a79](https://github.com/pie-framework/pie-elements/commit/0785a799fde39c01525daf8d95618bfd8ea926a2))
+
+
+
+
+
+## [6.11.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@6.11.1...@pie-element/explicit-constructed-response-configure@6.11.2) (2024-05-03)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3537, PD-3538, PD-3539, PD-3540,PD-3680 ([d9cb471](https://github.com/pie-framework/pie-elements/commit/d9cb47148a8fec71d5de29f2cf2b92ec7b479470))
+
+
+
+
+
 ## [6.11.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@6.11.0...@pie-element/explicit-constructed-response-configure@6.11.1) (2024-04-29)
 
 

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/explicit-constructed-response-configure",
-  "version": "6.11.1",
+  "version": "6.11.3",
   "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.16.4",
+    "@pie-lib/pie-toolbox": "1.17.2",
     "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.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)
+
+
+### Bug Fixes
+
+* add logs PD-3731 ([0785a79](https://github.com/pie-framework/pie-elements/commit/0785a799fde39c01525daf8d95618bfd8ea926a2))
+
+
+
+
+
+## [4.10.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@4.10.1...@pie-element/explicit-constructed-response-controller@4.10.2) (2024-05-03)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3537, PD-3538, PD-3539, PD-3540,PD-3680 ([d9cb471](https://github.com/pie-framework/pie-elements/commit/d9cb47148a8fec71d5de29f2cf2b92ec7b479470))
+
+
+
+
+
 ## [4.10.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@4.10.0...@pie-element/explicit-constructed-response-controller@4.10.1) (2024-04-29)
 
 

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/explicit-constructed-response-controller",
   "private": true,
-  "version": "4.10.1",
+  "version": "4.10.3",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.16.4",
+    "@pie-lib/pie-toolbox": "1.17.2",
     "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@1.9.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.0.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@1.10.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@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;

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_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.9.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.0.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_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.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@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;
@@ -70008,10 +70008,13 @@ 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;
@@ -70024,11 +70027,14 @@ 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) {
@@ -70038,11 +70044,14 @@ 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));
     }
   };
@@ -79013,7 +79022,10 @@ 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');
@@ -79021,16 +79033,19 @@ 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]);
@@ -79039,6 +79054,7 @@ 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);
@@ -79047,11 +79063,13 @@ 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;
@@ -79075,13 +79093,16 @@ 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();
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
+        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -79096,6 +79117,7 @@ getDefaultExportFromCjs(mathRendering);
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
+              console.log(mathRenderingHasLoaded, 'mathRenderingHasLoaded');
               removePlaceholdersAndRestoreDisplay();
               return mr.renderMath();
             }
@@ -79104,6 +79126,7 @@ getDefaultExportFromCjs(mathRendering);
         };
         checkIntervalId = setInterval(checkForLib, 100);
       };
+      console.log('waitForMathRenderingLib');
       waitForMathRenderingLib(renderMathAccessible);
     }
   };
@@ -84128,7 +84151,7 @@ const require$$4$e = _dll_prop_types;
   var _propTypes = _interopRequireDefault(require$$4$e);
   var _grey = _interopRequireDefault(grey$1);
   var PlaceHolder = function PlaceHolder(props) {
-    var children = props.children, classes = props.classes, className = props.className, isOver = props.isOver, type = props.type, grid = props.grid, disabled = props.disabled, choiceBoard = props.choiceBoard;
+    var children = props.children, classes = props.classes, className = props.className, isOver = props.isOver, type = props.type, grid = props.grid, disabled = props.disabled, choiceBoard = props.choiceBoard, isCategorize = props.isCategorize;
     var names = (0, _classnames["default"])(classes.placeholder, disabled && classes.disabled, isOver && classes.over, classes[type], className);
     var style = {};
     if (grid && grid.columns) {
@@ -84138,9 +84161,10 @@ const require$$4$e = _dll_prop_types;
       var repeatValue = grid.rowsRepeatValue || '1fr';
       style.gridTemplateRows = ("repeat(").concat(grid.rows, ", ").concat(repeatValue, ")");
     }
+    var boardStyle = isCategorize ? classes.categorizeBoard : classes.board;
     return _react["default"].createElement("div", {
       style: style,
-      className: choiceBoard ? classes.board : names
+      className: choiceBoard ? boardStyle : names
     }, children);
   };
   exports.PlaceHolder = PlaceHolder;
@@ -84157,7 +84181,8 @@ const require$$4$e = _dll_prop_types;
     isOver: _propTypes["default"].bool,
     index: _propTypes["default"].number,
     type: _propTypes["default"].string,
-    disabled: _propTypes["default"].bool
+    disabled: _propTypes["default"].bool,
+    isCategorize: _propTypes["default"].bool
   };
   var styles = function styles(theme) {
     return {
@@ -84191,6 +84216,17 @@ const require$$4$e = _dll_prop_types;
         justifyContent: 'center',
         overflow: 'hidden',
         touchAction: 'none'
+      },
+      categorizeBoard: {
+        border: '1px solid #D1D1D1',
+        padding: theme.spacing.unit / 2,
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        minHeight: '100px',
+        justifyContent: 'center',
+        overflow: 'hidden',
+        touchAction: 'none'
       }
     };
   };

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@6.12.1</title>
+      <title>@pie-element/explicit-constructed-response@6.12.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": "6.12.1",
+  "version": "6.12.2",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.9.3"
+      "version": "1.10.1"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "4.0.0"
+      "version": "4.12.0"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@6.12.1</title>
+      <title>@pie-element/explicit-constructed-response@6.12.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_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.9.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.0.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_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.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@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;
@@ -69971,10 +69971,13 @@ 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;
@@ -69987,11 +69990,14 @@ 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) {
@@ -70001,11 +70007,14 @@ 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));
     }
   };
@@ -78976,7 +78985,10 @@ 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');
@@ -78984,16 +78996,19 @@ 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]);
@@ -79002,6 +79017,7 @@ 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);
@@ -79010,11 +79026,13 @@ 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;
@@ -79038,13 +79056,16 @@ 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();
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
+        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -79059,6 +79080,7 @@ getDefaultExportFromCjs(mathRendering);
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
+              console.log(mathRenderingHasLoaded, 'mathRenderingHasLoaded');
               removePlaceholdersAndRestoreDisplay();
               return mr.renderMath();
             }
@@ -79067,6 +79089,7 @@ getDefaultExportFromCjs(mathRendering);
         };
         checkIntervalId = setInterval(checkForLib, 100);
       };
+      console.log('waitForMathRenderingLib');
       waitForMathRenderingLib(renderMathAccessible);
     }
   };
@@ -84091,7 +84114,7 @@ const require$$4$e = _dll_prop_types;
   var _propTypes = _interopRequireDefault(require$$4$e);
   var _grey = _interopRequireDefault(grey$1);
   var PlaceHolder = function PlaceHolder(props) {
-    var children = props.children, classes = props.classes, className = props.className, isOver = props.isOver, type = props.type, grid = props.grid, disabled = props.disabled, choiceBoard = props.choiceBoard;
+    var children = props.children, classes = props.classes, className = props.className, isOver = props.isOver, type = props.type, grid = props.grid, disabled = props.disabled, choiceBoard = props.choiceBoard, isCategorize = props.isCategorize;
     var names = (0, _classnames["default"])(classes.placeholder, disabled && classes.disabled, isOver && classes.over, classes[type], className);
     var style = {};
     if (grid && grid.columns) {
@@ -84101,9 +84124,10 @@ const require$$4$e = _dll_prop_types;
       var repeatValue = grid.rowsRepeatValue || '1fr';
       style.gridTemplateRows = ("repeat(").concat(grid.rows, ", ").concat(repeatValue, ")");
     }
+    var boardStyle = isCategorize ? classes.categorizeBoard : classes.board;
     return _react["default"].createElement("div", {
       style: style,
-      className: choiceBoard ? classes.board : names
+      className: choiceBoard ? boardStyle : names
     }, children);
   };
   exports.PlaceHolder = PlaceHolder;
@@ -84120,7 +84144,8 @@ const require$$4$e = _dll_prop_types;
     isOver: _propTypes["default"].bool,
     index: _propTypes["default"].number,
     type: _propTypes["default"].string,
-    disabled: _propTypes["default"].bool
+    disabled: _propTypes["default"].bool,
+    isCategorize: _propTypes["default"].bool
   };
   var styles = function styles(theme) {
     return {
@@ -84154,6 +84179,17 @@ const require$$4$e = _dll_prop_types;
         justifyContent: 'center',
         overflow: 'hidden',
         touchAction: 'none'
+      },
+      categorizeBoard: {
+        border: '1px solid #D1D1D1',
+        padding: theme.spacing.unit / 2,
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        minHeight: '100px',
+        justifyContent: 'center',
+        overflow: 'hidden',
+        touchAction: 'none'
       }
     };
   };

package/package.json

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