@pie-element/complex-rubric 2.10.2-next.6 → 2.10.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.
 
+## [2.10.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.10.2...@pie-element/complex-rubric@2.10.3) (2024-05-07)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3731 ([2b5d6c9](https://github.com/pie-framework/pie-elements/commit/2b5d6c932280981a0fd636bcb30d7fbc181ac311))
+
+
+
+
+
+## [2.10.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.10.1...@pie-element/complex-rubric@2.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))
+
+
+
+
+
 ## [2.10.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.10.0...@pie-element/complex-rubric@2.10.1) (2024-04-29)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.18](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.2.17...@pie-element/complex-rubric-configure@2.2.18) (2024-05-07)
+
+**Note:** Version bump only for package @pie-element/complex-rubric-configure
+
+
+
+
+
+## [2.2.17](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.2.16...@pie-element/complex-rubric-configure@2.2.17) (2024-05-03)
+
+**Note:** Version bump only for package @pie-element/complex-rubric-configure
+
+
+
+
+
 ## [2.2.16](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.2.15...@pie-element/complex-rubric-configure@2.2.16) (2024-04-29)
 
 **Note:** Version bump only for package @pie-element/complex-rubric-configure

package/configure/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@pie-element/complex-rubric-configure",
   "private": true,
-  "version": "2.2.16",
+  "version": "2.2.18",
   "description": "Complex Rubric authoring view",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "Pie Framework Authors",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.10.1",
-    "@pie-element/rubric": "^3.10.1",
+    "@pie-element/multi-trait-rubric": "^3.10.3",
+    "@pie-element/rubric": "^3.10.3",
     "@pie-framework/pie-configure-events": "^1.3.0",
     "@pie-lib/config-ui": "^11.9.25-next.0",
     "@pie-lib/editable-html": "^11.1.2-next.0",

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.
 
+## [2.9.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.9.2...@pie-element/complex-rubric-controller@2.9.3) (2024-05-07)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3731 ([2b5d6c9](https://github.com/pie-framework/pie-elements/commit/2b5d6c932280981a0fd636bcb30d7fbc181ac311))
+
+
+
+
+
+## [2.9.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.9.1...@pie-element/complex-rubric-controller@2.9.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))
+
+
+
+
+
 ## [2.9.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.9.0...@pie-element/complex-rubric-controller@2.9.1) (2024-04-29)
 
 

package/controller/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/complex-rubric-controller",
   "private": true,
-  "version": "2.9.1",
+  "version": "2.9.3",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.16.4",
+    "@pie-lib/pie-toolbox": "1.17.3",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.9.3/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.2/module/index.js";
 import RubricConfigure from '@pie-element/rubric/configure/lib';
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.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) {
@@ -10681,7 +10681,7 @@ const require$$4$1l = _dll_prop_types;
   var _propTypes = _interopRequireDefault(require$$4$1l);
   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) {
@@ -10691,9 +10691,10 @@ const require$$4$1l = _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;
@@ -10710,7 +10711,8 @@ const require$$4$1l = _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 {
@@ -10744,6 +10746,17 @@ const require$$4$1l = _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'
       }
     };
   };
@@ -95237,10 +95250,13 @@ const require$$12$r = _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;
@@ -95253,11 +95269,14 @@ const require$$12$r = _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) {
@@ -95267,11 +95286,14 @@ const require$$12$r = _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));
     }
   };
@@ -104242,7 +104264,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');
@@ -104250,16 +104275,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]);
@@ -104268,6 +104296,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);
@@ -104276,11 +104305,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;
@@ -104304,13 +104335,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();
+        return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
+        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -104325,14 +104359,16 @@ 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);
     }
   };
@@ -136004,8 +136040,8 @@ var primeArcminute = set$8({
 geometry$1.primeArcminute = primeArcminute;
 var doublePrimeArcSecond = set$8({
   name: 'Double Prime',
-  latex: '"',
-  write: '"'
+  latex: "''",
+  write: "''"
 });
 geometry$1.doublePrimeArcSecond = doublePrimeArcSecond;
 var leftArrow = set$8({
@@ -136509,6 +136545,9 @@ var updateSpans = function updateSpans() {
     if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
       span.style.fontSize = '32px';
     }
+    if ((span.innerText === '′' || span.innerText === '′′') && !span.hasAttribute('data-prime')) {
+      span.setAttribute('data-prime', 'true');
+    }
   });
 };
 updateSpans$1.updateSpans = updateSpans;
@@ -138207,6 +138246,9 @@ const {isEqual: require$$18$2} = _dll_lodash;
             marginBottom: '-2px'
           },
           '-webkit-font-smoothing': 'antialiased !important'
+        },
+        '& span[data-prime="true"]': {
+          fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
         }
       },
       hide: {
@@ -138661,6 +138703,9 @@ const require$$11$s = _dll_prop_types;
         },
         '& .mq-parallelogram': {
           lineHeight: 0.85
+        },
+        '& span[data-prime="true"]': {
+          fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
         }
       },
       selected: {

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.9.3/module/index.js";
-import {_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_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.2/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.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) {
@@ -36820,8 +36820,8 @@ var primeArcminute = set$8({
 geometry$1.primeArcminute = primeArcminute;
 var doublePrimeArcSecond = set$8({
   name: 'Double Prime',
-  latex: '"',
-  write: '"'
+  latex: "''",
+  write: "''"
 });
 geometry$1.doublePrimeArcSecond = doublePrimeArcSecond;
 var leftArrow = set$8({
@@ -37325,6 +37325,9 @@ var updateSpans = function updateSpans() {
     if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
       span.style.fontSize = '32px';
     }
+    if ((span.innerText === '′' || span.innerText === '′′') && !span.hasAttribute('data-prime')) {
+      span.setAttribute('data-prime', 'true');
+    }
   });
 };
 updateSpans$1.updateSpans = updateSpans;
@@ -117573,10 +117576,13 @@ const require$$12$h = _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;
@@ -117589,11 +117595,14 @@ const require$$12$h = _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) {
@@ -117603,11 +117612,14 @@ const require$$12$h = _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));
     }
   };
@@ -126578,7 +126590,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');
@@ -126586,16 +126601,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]);
@@ -126604,6 +126622,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);
@@ -126612,11 +126631,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;
@@ -126640,13 +126661,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();
+        return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
+        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -126661,14 +126685,16 @@ 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);
     }
   };
@@ -128300,6 +128326,9 @@ const {isEqual: require$$18$2} = _dll_lodash;
             marginBottom: '-2px'
           },
           '-webkit-font-smoothing': 'antialiased !important'
+        },
+        '& span[data-prime="true"]': {
+          fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
         }
       },
       hide: {
@@ -128754,6 +128783,9 @@ const require$$11$s = _dll_prop_types;
         },
         '& .mq-parallelogram': {
           lineHeight: 0.85
+        },
+        '& span[data-prime="true"]': {
+          fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
         }
       },
       selected: {
@@ -140438,7 +140470,7 @@ const require$$4$N = _dll_prop_types;
   var _propTypes = _interopRequireDefault(require$$4$N);
   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) {
@@ -140448,9 +140480,10 @@ const require$$4$N = _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;
@@ -140467,7 +140500,8 @@ const require$$4$N = _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 {
@@ -140501,6 +140535,17 @@ const require$$4$N = _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/complex-rubric@2.10.1</title>
+      <title>@pie-element/complex-rubric@2.10.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/complex-rubric",
-  "version": "2.10.1",
+  "version": "2.10.2",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.9.3"
+      "version": "1.10.2"
     },
     {
       "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/complex-rubric@2.10.1</title>
+      <title>@pie-element/complex-rubric@2.10.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_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.9.3/module/index.js";
-import {_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_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.2/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.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) {
@@ -36820,8 +36820,8 @@ var primeArcminute = set$8({
 geometry$1.primeArcminute = primeArcminute;
 var doublePrimeArcSecond = set$8({
   name: 'Double Prime',
-  latex: '"',
-  write: '"'
+  latex: "''",
+  write: "''"
 });
 geometry$1.doublePrimeArcSecond = doublePrimeArcSecond;
 var leftArrow = set$8({
@@ -37325,6 +37325,9 @@ var updateSpans = function updateSpans() {
     if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
       span.style.fontSize = '32px';
     }
+    if ((span.innerText === '′' || span.innerText === '′′') && !span.hasAttribute('data-prime')) {
+      span.setAttribute('data-prime', 'true');
+    }
   });
 };
 updateSpans$1.updateSpans = updateSpans;
@@ -117573,10 +117576,13 @@ const require$$12$h = _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;
@@ -117589,11 +117595,14 @@ const require$$12$h = _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) {
@@ -117603,11 +117612,14 @@ const require$$12$h = _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));
     }
   };
@@ -126578,7 +126590,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');
@@ -126586,16 +126601,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]);
@@ -126604,6 +126622,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);
@@ -126612,11 +126631,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;
@@ -126640,13 +126661,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();
+        return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
+        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -126661,14 +126685,16 @@ 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);
     }
   };
@@ -128300,6 +128326,9 @@ const {isEqual: require$$18$2} = _dll_lodash;
             marginBottom: '-2px'
           },
           '-webkit-font-smoothing': 'antialiased !important'
+        },
+        '& span[data-prime="true"]': {
+          fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
         }
       },
       hide: {
@@ -128754,6 +128783,9 @@ const require$$11$s = _dll_prop_types;
         },
         '& .mq-parallelogram': {
           lineHeight: 0.85
+        },
+        '& span[data-prime="true"]': {
+          fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
         }
       },
       selected: {
@@ -140438,7 +140470,7 @@ const require$$4$N = _dll_prop_types;
   var _propTypes = _interopRequireDefault(require$$4$N);
   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) {
@@ -140448,9 +140480,10 @@ const require$$4$N = _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;
@@ -140467,7 +140500,8 @@ const require$$4$N = _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 {
@@ -140501,6 +140535,17 @@ const require$$4$N = _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

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.10.2-next.6+a8bb09f90",
+  "version": "2.10.3",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.10.2-next.6+a8bb09f90",
-    "@pie-element/rubric": "^3.10.2-next.6+a8bb09f90",
+    "@pie-element/multi-trait-rubric": "^3.10.3",
+    "@pie-element/rubric": "^3.10.3",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "a8bb09f9065b56fcfc103c732db52b4f82c8dbe9",
+  "gitHead": "c05a86593b64b6c7a7d48ff484cfa5a2a3ade3ea",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },