diff --git a/package.json b/package.json index 0ead1bab0f..a04184c458 100644 --- a/package.json +++ b/package.json @@ -89,27 +89,27 @@ "@jest/test-sequencer": "29.7.0", "@types/d3-array": "3.0.3", "@pie-lib/categorize": "2.0.2", - "@pie-lib/charting": "7.0.7", - "@pie-lib/config-ui": "13.0.7", + "@pie-lib/charting": "7.0.8", + "@pie-lib/config-ui": "13.0.8", "@pie-lib/controller-utils": "2.0.2", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/drag": "4.0.4", - "@pie-lib/editable-html": "13.0.4", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/drag": "4.0.5", + "@pie-lib/editable-html": "13.0.5", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/feedback": "2.0.2", - "@pie-lib/graphing-solution-set": "4.0.7", + "@pie-lib/graphing-solution-set": "4.0.8", "@pie-lib/graphing-utils": "3.0.2", - "@pie-lib/graphing": "4.0.8", + "@pie-lib/graphing": "4.0.9", "@pie-lib/icons": "4.0.3", - "@pie-lib/mask-markup": "3.0.7", + "@pie-lib/mask-markup": "3.0.8", "@pie-lib/math-evaluator": "4.0.2", "@pie-lib/math-input": "8.1.1", "@pie-lib/math-rendering-accessible": "5.0.2", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/math-toolbar": "3.0.4", - "@pie-lib/plot": "4.0.7", + "@pie-lib/plot": "4.0.8", "@pie-lib/render-ui": "6.1.2", - "@pie-lib/rubric": "2.0.7", + "@pie-lib/rubric": "2.0.8", "@pie-lib/scoring-config": "5.0.3", "@pie-lib/style-utils": "2.0.2", "@pie-lib/test-utils": "2.0.2", diff --git a/packages/boilerplate-item-type/configure/package.json b/packages/boilerplate-item-type/configure/package.json index 58e710da29..dc62c85c33 100644 --- a/packages/boilerplate-item-type/configure/package.json +++ b/packages/boilerplate-item-type/configure/package.json @@ -11,8 +11,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", "lodash-es": "^4.17.23", diff --git a/packages/calculator/configure/package.json b/packages/calculator/configure/package.json index d258d452d8..5377b354be 100644 --- a/packages/calculator/configure/package.json +++ b/packages/calculator/configure/package.json @@ -11,7 +11,7 @@ "@mui/material": "^7.3.4", "@pie-framework/material-ui-calculator": "4.0.0", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", + "@pie-lib/config-ui": "13.0.8", "react": "18.3.1", "react-dom": "18.3.1" }, diff --git a/packages/categorize/configure/package.json b/packages/categorize/configure/package.json index e751c98720..d0ab56b0db 100644 --- a/packages/categorize/configure/package.json +++ b/packages/categorize/configure/package.json @@ -16,9 +16,9 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", "@pie-lib/categorize": "2.0.2", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/drag": "4.0.4", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/drag": "4.0.5", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "@pie-lib/translator": "4.0.2", diff --git a/packages/categorize/configure/src/index.js b/packages/categorize/configure/src/index.js index 2b15fd3b71..8afb058ecd 100644 --- a/packages/categorize/configure/src/index.js +++ b/packages/categorize/configure/src/index.js @@ -156,6 +156,7 @@ export default class CategorizeConfigure extends HTMLElement { disconnectedCallback() { if (this._root) { this._root.unmount(); + this._root = null; } } } diff --git a/packages/categorize/package.json b/packages/categorize/package.json index 070099053f..44ffd46f92 100644 --- a/packages/categorize/package.json +++ b/packages/categorize/package.json @@ -16,9 +16,9 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/categorize": "2.0.2", - "@pie-lib/config-ui": "13.0.7", + "@pie-lib/config-ui": "13.0.8", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/drag": "4.0.4", + "@pie-lib/drag": "4.0.5", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "@pie-lib/translator": "4.0.2", diff --git a/packages/charting/configure/package.json b/packages/charting/configure/package.json index f8ce2c5fee..c656e967d4 100644 --- a/packages/charting/configure/package.json +++ b/packages/charting/configure/package.json @@ -12,9 +12,9 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/charting": "7.0.7", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/charting": "7.0.8", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", diff --git a/packages/charting/docs/demo/generate.js b/packages/charting/docs/demo/generate.js index 20f7e02988..5efe462fcf 100644 --- a/packages/charting/docs/demo/generate.js +++ b/packages/charting/docs/demo/generate.js @@ -42,9 +42,10 @@ exports.model = (id, element) => ({ editable: false, }, ], - // domain: { - // label: 'Characters', - // }, + domain: { + label: + '
Math in the bottom label: \\(3x^2\\)\u200b
', + }, graph: { width: 480, height: 480, @@ -53,11 +54,13 @@ exports.model = (id, element) => ({ promptEnabled: true, rationale: 'Rationale goes here!', range: { - label: 'Amount', + label: + '
Math in the left label: \\(\\frac{\\pi}{2}\\)\u200b
', max: 3, min: 0, labelStep: 1, }, - // title: 'This is a chart!', + title: + '
Math in the title: \\(\\frac{x}{y}\\)\u200b
', rubricEnabled: false, }); diff --git a/packages/charting/package.json b/packages/charting/package.json index bfd32e8f5c..59bc64aafe 100644 --- a/packages/charting/package.json +++ b/packages/charting/package.json @@ -15,7 +15,7 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", - "@pie-lib/charting": "7.0.7", + "@pie-lib/charting": "7.0.8", "@pie-lib/correct-answer-toggle": "4.0.4", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", diff --git a/packages/charting/src/index.js b/packages/charting/src/index.js index 1270a1e2bf..a1d78996ff 100644 --- a/packages/charting/src/index.js +++ b/packages/charting/src/index.js @@ -10,6 +10,43 @@ export default class Graphing extends HTMLElement { constructor() { super(); this._root = null; + this._mathObserver = null; + this._mathRenderPending = false; + } + + // The title and axis labels are injected synchronously via dangerouslySetInnerHTML, + // but createRoot().render() commits asynchronously, so a queueMicrotask(renderMath) + // would run before the LaTeX spans are in the DOM and leave raw LaTeX on first render. + // Observing the DOM and typesetting after each commit keeps math in sync regardless of timing. + _scheduleMathRender = () => { + if (this._mathRenderPending) return; + this._mathRenderPending = true; + + requestAnimationFrame(() => { + if (this._mathObserver) { + this._mathObserver.disconnect(); + } + renderMath(this); + this._mathRenderPending = false; + setTimeout(() => { + if (this._mathObserver) { + this._mathObserver.observe(this, { childList: true, subtree: true }); + } + }, 50); + }); + }; + + _initMathObserver() { + if (this._mathObserver) return; + this._mathObserver = new MutationObserver(this._scheduleMathRender); + this._mathObserver.observe(this, { childList: true, subtree: true }); + } + + _disconnectMathObserver() { + if (this._mathObserver) { + this._mathObserver.disconnect(); + this._mathObserver = null; + } } set model(m) { @@ -34,6 +71,7 @@ export default class Graphing extends HTMLElement { } connectedCallback() { + this._initMathObserver(); this._render(); } @@ -52,6 +90,8 @@ export default class Graphing extends HTMLElement { return; } + this._initMathObserver(); + const modelClone = { ...this._model, data: this._model.data ? [...this._model.data] : this._model.data, @@ -67,12 +107,10 @@ export default class Graphing extends HTMLElement { this._root = createRoot(this); } this._root.render(el); - queueMicrotask(() => { - renderMath(this); - }); } disconnectedCallback() { + this._disconnectMathObserver(); if (this._root) { this._root.unmount(); } diff --git a/packages/complex-rubric/configure/package.json b/packages/complex-rubric/configure/package.json index 9319db767e..610708c917 100644 --- a/packages/complex-rubric/configure/package.json +++ b/packages/complex-rubric/configure/package.json @@ -14,9 +14,9 @@ "@pie-element/multi-trait-rubric": "^8.1.0", "@pie-element/rubric": "^8.1.0", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", + "@pie-lib/config-ui": "13.0.8", "@pie-lib/render-ui": "6.1.2", - "@pie-lib/rubric": "2.0.7", + "@pie-lib/rubric": "2.0.8", "debug": "^4.1.1", "lodash-es": "^4.17.23", "prop-types": "^15.8.1", diff --git a/packages/complex-rubric/configure/src/index.js b/packages/complex-rubric/configure/src/index.js index 99b9a18042..43465b9561 100644 --- a/packages/complex-rubric/configure/src/index.js +++ b/packages/complex-rubric/configure/src/index.js @@ -164,6 +164,7 @@ export default class ComplexRubricConfigureElement extends HTMLElement { this.removeEventListener(MODEL_UPDATED, this.onModelUpdated); if (this._root) { this._root.unmount(); + this._root = null; } } } diff --git a/packages/complex-rubric/package.json b/packages/complex-rubric/package.json index 85c954b84f..f5cec0754b 100644 --- a/packages/complex-rubric/package.json +++ b/packages/complex-rubric/package.json @@ -13,7 +13,7 @@ "@pie-element/multi-trait-rubric": "^8.1.0", "@pie-element/rubric": "^8.1.0", "@pie-framework/pie-player-events": "^0.1.0", - "@pie-lib/rubric": "2.0.7", + "@pie-lib/rubric": "2.0.8", "classnames": "^2.2.6", "debug": "^4.1.1", "lodash-es": "^4.17.23", diff --git a/packages/drag-in-the-blank/configure/package.json b/packages/drag-in-the-blank/configure/package.json index 7aeb141ca9..f942975e55 100644 --- a/packages/drag-in-the-blank/configure/package.json +++ b/packages/drag-in-the-blank/configure/package.json @@ -12,9 +12,9 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/drag": "4.0.4", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/drag": "4.0.5", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/math-rendering": "5.0.2", "debug": "^4.1.1", "lodash-es": "^4.17.23", diff --git a/packages/drag-in-the-blank/package.json b/packages/drag-in-the-blank/package.json index 0bd06dd993..9da9698f5a 100644 --- a/packages/drag-in-the-blank/package.json +++ b/packages/drag-in-the-blank/package.json @@ -16,8 +16,8 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/drag": "4.0.4", - "@pie-lib/mask-markup": "3.0.7", + "@pie-lib/drag": "4.0.5", + "@pie-lib/mask-markup": "3.0.8", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "lodash-es": "^4.17.23", diff --git a/packages/drawing-response/configure/package.json b/packages/drawing-response/configure/package.json index 19fa2993e9..f199ac5f6b 100644 --- a/packages/drawing-response/configure/package.json +++ b/packages/drawing-response/configure/package.json @@ -12,8 +12,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "debug": "^4.1.1", "lodash-es": "^4.17.23", "prop-types": "^15.8.1", diff --git a/packages/ebsr/configure/package.json b/packages/ebsr/configure/package.json index a67e97c045..9ef51aeeef 100644 --- a/packages/ebsr/configure/package.json +++ b/packages/ebsr/configure/package.json @@ -13,7 +13,7 @@ "@mui/material": "^7.3.4", "@pie-element/multiple-choice": "^13.2.0", "@pie-framework/pie-configure-events": "^1.2.0", - "@pie-lib/config-ui": "13.0.7", + "@pie-lib/config-ui": "13.0.8", "lodash-es": "^4.17.23", "prop-types": "^15.8.1", "react": "18.3.1", diff --git a/packages/ebsr/configure/src/index.js b/packages/ebsr/configure/src/index.js index 394a06fc3e..f5e7d0d98c 100644 --- a/packages/ebsr/configure/src/index.js +++ b/packages/ebsr/configure/src/index.js @@ -169,6 +169,7 @@ export default class EbsrConfigure extends HTMLElement { this.removeEventListener(MODEL_UPDATED, this.onModelUpdated); if (this._root) { this._root.unmount(); + this._root = null; } } } diff --git a/packages/explicit-constructed-response/configure/package.json b/packages/explicit-constructed-response/configure/package.json index 558e528c60..7b2e0abb04 100644 --- a/packages/explicit-constructed-response/configure/package.json +++ b/packages/explicit-constructed-response/configure/package.json @@ -10,8 +10,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "classnames": "^2.2.6", "debug": "^4.1.1", "lodash-es": "^4.17.23", diff --git a/packages/explicit-constructed-response/package.json b/packages/explicit-constructed-response/package.json index 806c5278e8..b3d2c61a72 100644 --- a/packages/explicit-constructed-response/package.json +++ b/packages/explicit-constructed-response/package.json @@ -16,7 +16,7 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/mask-markup": "3.0.7", + "@pie-lib/mask-markup": "3.0.8", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "@pie-lib/translator": "4.0.2", diff --git a/packages/extended-text-entry/configure/package.json b/packages/extended-text-entry/configure/package.json index ebd55b21f4..54cf2e0f9d 100644 --- a/packages/extended-text-entry/configure/package.json +++ b/packages/extended-text-entry/configure/package.json @@ -13,8 +13,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "lodash-es": "^4.17.23", "prop-types": "^15.8.1", "react": "18.3.1", diff --git a/packages/extended-text-entry/package.json b/packages/extended-text-entry/package.json index ad63519d96..6750e0012c 100644 --- a/packages/extended-text-entry/package.json +++ b/packages/extended-text-entry/package.json @@ -14,8 +14,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "classnames": "^2.2.6", diff --git a/packages/fraction-model/configure/package.json b/packages/fraction-model/configure/package.json index c6cbd2db62..a4648af0dd 100644 --- a/packages/fraction-model/configure/package.json +++ b/packages/fraction-model/configure/package.json @@ -11,8 +11,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "debug": "^4.1.1", "lodash-es": "^4.17.23", "prop-types": "^15.8.1", diff --git a/packages/fraction-model/package.json b/packages/fraction-model/package.json index 834207bd08..103d503938 100644 --- a/packages/fraction-model/package.json +++ b/packages/fraction-model/package.json @@ -12,7 +12,7 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", - "@pie-lib/config-ui": "13.0.7", + "@pie-lib/config-ui": "13.0.8", "@pie-lib/correct-answer-toggle": "4.0.4", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", diff --git a/packages/graphing-solution-set/configure/package.json b/packages/graphing-solution-set/configure/package.json index adce2cb02d..b9d4400eda 100644 --- a/packages/graphing-solution-set/configure/package.json +++ b/packages/graphing-solution-set/configure/package.json @@ -12,9 +12,9 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", - "@pie-lib/graphing-solution-set": "4.0.7", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", + "@pie-lib/graphing-solution-set": "4.0.8", "@pie-lib/math-rendering": "5.0.2", "classnames": "^2.2.6", "debug": "^4.1.1", diff --git a/packages/graphing-solution-set/package.json b/packages/graphing-solution-set/package.json index 2a86bf7612..6299712b63 100644 --- a/packages/graphing-solution-set/package.json +++ b/packages/graphing-solution-set/package.json @@ -16,9 +16,9 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", - "@pie-lib/config-ui": "13.0.7", + "@pie-lib/config-ui": "13.0.8", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/graphing-solution-set": "4.0.7", + "@pie-lib/graphing-solution-set": "4.0.8", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "classnames": "^2.2.6", diff --git a/packages/graphing/configure/package.json b/packages/graphing/configure/package.json index ebc715ad41..cf8428fe4b 100644 --- a/packages/graphing/configure/package.json +++ b/packages/graphing/configure/package.json @@ -12,9 +12,9 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", - "@pie-lib/graphing": "4.0.8", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", + "@pie-lib/graphing": "4.0.9", "@pie-lib/math-rendering": "5.0.2", "classnames": "^2.2.6", "debug": "^4.1.1", diff --git a/packages/graphing/docs/demo/generate.js b/packages/graphing/docs/demo/generate.js index 665fff9452..2f3c4ccdd4 100644 --- a/packages/graphing/docs/demo/generate.js +++ b/packages/graphing/docs/demo/generate.js @@ -176,7 +176,12 @@ const oldModel = { height: 480, }, coordinatesOnHover: false, - labels: { top: 'top', left: 'left', bottom: 'bottom', right: 'right' }, + labels: { + "top": "
Math in the top label: \\(x^2\\)​
", + "right": "
\\(\\frac{\\pi}{2}\\)​
", + "left": "
\\(3\\pi\\)​
", + "bottom": "
\\(3x^2\\)​
" + }, padding: true, prompt: 'Here goes item stem !!!!!!', promptEnabled: true, @@ -189,7 +194,7 @@ const oldModel = { axisLabel: 'y', }, rationale: 'Rationale goes here', - title: 'Graph title', + title: "
Math in the title: \\(\\frac{x}{y}\\)​
", rubricEnabled: false, }; diff --git a/packages/graphing/package.json b/packages/graphing/package.json index 0e63b53b32..708c625098 100644 --- a/packages/graphing/package.json +++ b/packages/graphing/package.json @@ -16,7 +16,7 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/graphing": "4.0.8", + "@pie-lib/graphing": "4.0.9", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "classnames": "^2.2.6", diff --git a/packages/graphing/src/index.js b/packages/graphing/src/index.js index b6b3698eb2..c6a2224c2a 100644 --- a/packages/graphing/src/index.js +++ b/packages/graphing/src/index.js @@ -11,6 +11,43 @@ export default class Graphing extends HTMLElement { constructor() { super(); this._root = null; + this._mathObserver = null; + this._mathRenderPending = false; + } + + // The title and axis labels are injected synchronously via dangerouslySetInnerHTML, + // but createRoot().render() commits asynchronously, so a queueMicrotask(renderMath) + // would run before the LaTeX spans are in the DOM and leave raw LaTeX on first render. + // Observing the DOM and typesetting after each commit keeps math in sync regardless of timing. + _scheduleMathRender = () => { + if (this._mathRenderPending) return; + this._mathRenderPending = true; + + requestAnimationFrame(() => { + if (this._mathObserver) { + this._mathObserver.disconnect(); + } + renderMath(this); + this._mathRenderPending = false; + setTimeout(() => { + if (this._mathObserver) { + this._mathObserver.observe(this, { childList: true, subtree: true }); + } + }, 50); + }); + }; + + _initMathObserver() { + if (this._mathObserver) return; + this._mathObserver = new MutationObserver(this._scheduleMathRender); + this._mathObserver.observe(this, { childList: true, subtree: true }); + } + + _disconnectMathObserver() { + if (this._mathObserver) { + this._mathObserver.disconnect(); + this._mathObserver = null; + } } set model(m) { @@ -28,6 +65,7 @@ export default class Graphing extends HTMLElement { } connectedCallback() { + this._initMathObserver(); this._render(); } @@ -46,6 +84,8 @@ export default class Graphing extends HTMLElement { return; } + this._initMathObserver(); + const el = React.createElement(Main, { model: this._model, session: this._session, @@ -56,12 +96,10 @@ export default class Graphing extends HTMLElement { this._root = createRoot(this); } this._root.render(el); - queueMicrotask(() => { - renderMath(this); - }); } disconnectedCallback() { + this._disconnectMathObserver(); if (this._root) { this._root.unmount(); } diff --git a/packages/hotspot/configure/package.json b/packages/hotspot/configure/package.json index 3303d967b0..2687a3d926 100644 --- a/packages/hotspot/configure/package.json +++ b/packages/hotspot/configure/package.json @@ -12,8 +12,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "debug": "^4.1.1", "konva": "8.3.0", "lodash-es": "^4.17.23", diff --git a/packages/image-cloze-association/configure/package.json b/packages/image-cloze-association/configure/package.json index 5dbbc4f3b9..62af95817e 100644 --- a/packages/image-cloze-association/configure/package.json +++ b/packages/image-cloze-association/configure/package.json @@ -12,8 +12,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "debug": "^4.1.1", "prop-types": "^15.8.1", "react": "18.3.1", diff --git a/packages/image-cloze-association/package.json b/packages/image-cloze-association/package.json index 94e769c0e7..99c9dcee28 100644 --- a/packages/image-cloze-association/package.json +++ b/packages/image-cloze-association/package.json @@ -14,7 +14,7 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/drag": "4.0.4", + "@pie-lib/drag": "4.0.5", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "@pie-lib/translator": "4.0.2", diff --git a/packages/inline-dropdown/configure/package.json b/packages/inline-dropdown/configure/package.json index 7379c1d6da..5d6ee6f7c8 100644 --- a/packages/inline-dropdown/configure/package.json +++ b/packages/inline-dropdown/configure/package.json @@ -10,8 +10,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "classnames": "^2.2.6", diff --git a/packages/inline-dropdown/configure/src/__tests__/inline-dropdown-toolbar.test.jsx b/packages/inline-dropdown/configure/src/__tests__/inline-dropdown-toolbar.test.jsx index 4f2ccf6142..b2bdaec436 100644 --- a/packages/inline-dropdown/configure/src/__tests__/inline-dropdown-toolbar.test.jsx +++ b/packages/inline-dropdown/configure/src/__tests__/inline-dropdown-toolbar.test.jsx @@ -58,6 +58,7 @@ describe('RespAreaToolbar', () => { mockEditorNode = { getBoundingClientRect: jest.fn().mockReturnValue({ + top: 80, left: 25, }), }; @@ -137,7 +138,7 @@ describe('RespAreaToolbar', () => { }; describe('Component Lifecycle', () => { - it('should set toolbar position on mount', () => { + it('should set toolbar position on mount relative to the editor', () => { const localEditor = { ...editor, view: { @@ -151,8 +152,36 @@ describe('RespAreaToolbar', () => { expect(instance.setState).toHaveBeenCalled(); expect(instance.state.toolbarStyle).toBeDefined(); expect(instance.state.toolbarStyle.position).toBe('absolute'); - expect(instance.state.toolbarStyle.top).toBe('140px'); // top + height + 40 - expect(instance.state.toolbarStyle.left).toBe('50px'); + // (domNodeRect.top - editorRect.top) + domNodeRect.height + 25 + expect(instance.state.toolbarStyle.top).toBe('65px'); + // domNodeRect.left - editorRect.left + expect(instance.state.toolbarStyle.left).toBe('25px'); + }); + + it('should position toolbar below the response area node within the editor', () => { + const domNodeRect = { top: 200, left: 120, height: 30 }; + const editorRect = { top: 150, left: 100 }; + + const domNode = { + nodeType: 1, + getBoundingClientRect: jest.fn().mockReturnValue(domNodeRect), + closest: jest.fn().mockReturnValue({ + getBoundingClientRect: jest.fn().mockReturnValue(editorRect), + }), + }; + + const localEditor = { + ...editor, + view: { + ...editor.view, + nodeDOM: jest.fn().mockReturnValue(domNode), + }, + }; + const instance = createInstance({ editor: localEditor }); + instance.componentDidMount(); + + expect(instance.state.toolbarStyle.top).toBe('105px'); + expect(instance.state.toolbarStyle.left).toBe('20px'); }); it('should handle missing DOM node gracefully', () => { @@ -821,6 +850,17 @@ describe('RespAreaToolbar', () => { expect(wrapper.container.querySelector('[aria-label="Add"]')).toBeTruthy(); }); + + it('should render toolbar above other elements with a high z-index', () => { + const instance = createInstance(); + instance.state.toolbarStyle = { position: 'absolute', top: '100px', left: '50px' }; + + const wrapper = render(<>{instance.render()}); + const toolbar = wrapper.container.querySelector('[data-inline-dropdown-toolbar]'); + + expect(toolbar).toBeTruthy(); + expect(toolbar.style.zIndex).toBe('999'); + }); }); describe('Integration', () => { @@ -1131,6 +1171,7 @@ describe('MenuItem Integration Tests', () => { mockEditorNode = { getBoundingClientRect: jest.fn().mockReturnValue({ + top: 80, left: 25, }), }; diff --git a/packages/inline-dropdown/configure/src/inline-dropdown-toolbar.jsx b/packages/inline-dropdown/configure/src/inline-dropdown-toolbar.jsx index 48bffb2987..dbe82e8ff9 100644 --- a/packages/inline-dropdown/configure/src/inline-dropdown-toolbar.jsx +++ b/packages/inline-dropdown/configure/src/inline-dropdown-toolbar.jsx @@ -206,14 +206,14 @@ class RespAreaToolbar extends React.Component { const domNodeRect = domNode.getBoundingClientRect(); const editorNode = domNode.closest('.tiptap'); const editorRect = editorNode.getBoundingClientRect(); - const top = domNodeRect.top - domNodeRect.height; + const top = domNodeRect.top - editorRect.top; const left = domNodeRect.left - editorRect.left; this.setState({ toolbarStyle: { position: 'absolute', - top: `${top + domNodeRect.height + 40}px`, - left: `${left + 25}px`, + top: `${top + domNodeRect.height + 25}px`, + left: `${left}px`, }, }); } @@ -362,7 +362,7 @@ class RespAreaToolbar extends React.Component { style={{ ...toolbarStyle, backgroundColor: '#E0E1E6', - zIndex: 1, + zIndex: 999, }} onMouseDown={this.onClickInside} > diff --git a/packages/inline-dropdown/package.json b/packages/inline-dropdown/package.json index e5f8bdccc7..f6e23b3fdb 100644 --- a/packages/inline-dropdown/package.json +++ b/packages/inline-dropdown/package.json @@ -16,7 +16,7 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/mask-markup": "3.0.7", + "@pie-lib/mask-markup": "3.0.8", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "lodash-es": "^4.17.23", diff --git a/packages/likert/configure/package.json b/packages/likert/configure/package.json index 8c2311c928..c54f1dae92 100644 --- a/packages/likert/configure/package.json +++ b/packages/likert/configure/package.json @@ -12,8 +12,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", "prop-types": "^15.8.1", diff --git a/packages/match-list/package.json b/packages/match-list/package.json index f058c5f03a..323e9c41c0 100644 --- a/packages/match-list/package.json +++ b/packages/match-list/package.json @@ -19,7 +19,7 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/drag": "4.0.4", + "@pie-lib/drag": "4.0.5", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", diff --git a/packages/match/configure/package.json b/packages/match/configure/package.json index b139b160e9..ed497d1053 100644 --- a/packages/match/configure/package.json +++ b/packages/match/configure/package.json @@ -13,9 +13,9 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/drag": "4.0.4", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/drag": "4.0.5", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", "@pie-lib/test-utils": "2.0.2", "classnames": "^2.2.6", diff --git a/packages/math-inline/configure/package.json b/packages/math-inline/configure/package.json index d861400099..b0b927eda3 100644 --- a/packages/math-inline/configure/package.json +++ b/packages/math-inline/configure/package.json @@ -12,8 +12,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/math-input": "8.1.1", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/math-toolbar": "3.0.4", diff --git a/packages/math-templated/configure/package.json b/packages/math-templated/configure/package.json index 8f04dcc545..a3767a7a5d 100644 --- a/packages/math-templated/configure/package.json +++ b/packages/math-templated/configure/package.json @@ -11,8 +11,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/math-toolbar": "3.0.4", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", diff --git a/packages/math-templated/package.json b/packages/math-templated/package.json index d545b37b5b..efee5d705c 100644 --- a/packages/math-templated/package.json +++ b/packages/math-templated/package.json @@ -13,7 +13,7 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/mask-markup": "3.0.7", + "@pie-lib/mask-markup": "3.0.8", "@pie-lib/math-input": "8.1.1", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", diff --git a/packages/matrix/configure/package.json b/packages/matrix/configure/package.json index 255d915d0b..ef5ca619d7 100644 --- a/packages/matrix/configure/package.json +++ b/packages/matrix/configure/package.json @@ -12,8 +12,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", "prop-types": "^15.8.1", diff --git a/packages/multi-trait-rubric/configure/package.json b/packages/multi-trait-rubric/configure/package.json index 80a86c3842..39b52effb6 100644 --- a/packages/multi-trait-rubric/configure/package.json +++ b/packages/multi-trait-rubric/configure/package.json @@ -11,9 +11,9 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/drag": "4.0.4", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/drag": "4.0.5", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", "lodash-es": "^4.17.23", diff --git a/packages/multiple-choice/configure/package.json b/packages/multiple-choice/configure/package.json index ef31ed319e..929e80d87d 100644 --- a/packages/multiple-choice/configure/package.json +++ b/packages/multiple-choice/configure/package.json @@ -10,8 +10,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", "lodash-es": "^4.17.23", diff --git a/packages/number-line/configure/package.json b/packages/number-line/configure/package.json index 6db47a37f7..bf1249f65d 100644 --- a/packages/number-line/configure/package.json +++ b/packages/number-line/configure/package.json @@ -10,8 +10,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", "lodash-es": "^4.17.23", "react": "18.3.1", diff --git a/packages/passage/configure/package.json b/packages/passage/configure/package.json index 0cc20605a3..7e5c81798d 100644 --- a/packages/passage/configure/package.json +++ b/packages/passage/configure/package.json @@ -13,8 +13,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "lodash-es": "^4.17.23", "prop-types": "^15.8.1", "react": "18.3.1", diff --git a/packages/placement-ordering/configure/package.json b/packages/placement-ordering/configure/package.json index 14f7cd06ab..881d61a1a1 100644 --- a/packages/placement-ordering/configure/package.json +++ b/packages/placement-ordering/configure/package.json @@ -11,9 +11,9 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/drag": "4.0.4", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/drag": "4.0.5", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", "debug": "^4.1.1", "lodash-es": "^4.17.23", diff --git a/packages/placement-ordering/package.json b/packages/placement-ordering/package.json index c35a782e46..048c1cefa0 100644 --- a/packages/placement-ordering/package.json +++ b/packages/placement-ordering/package.json @@ -14,7 +14,7 @@ "@mui/material": "^7.3.4", "@pie-framework/pie-player-events": "^0.1.0", "@pie-lib/correct-answer-toggle": "4.0.4", - "@pie-lib/drag": "4.0.4", + "@pie-lib/drag": "4.0.5", "@pie-lib/math-rendering": "5.0.2", "@pie-lib/render-ui": "6.1.2", "@pie-lib/translator": "4.0.2", diff --git a/packages/rubric/configure/package.json b/packages/rubric/configure/package.json index e30113c8e9..18edf0b2ce 100644 --- a/packages/rubric/configure/package.json +++ b/packages/rubric/configure/package.json @@ -11,10 +11,10 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/render-ui": "6.1.2", - "@pie-lib/rubric": "2.0.7", + "@pie-lib/rubric": "2.0.8", "debug": "^4.1.1", "react": "18.3.1", "react-dom": "18.3.1" diff --git a/packages/rubric/configure/src/index.js b/packages/rubric/configure/src/index.js index 2c25ae33da..09d97d57bb 100644 --- a/packages/rubric/configure/src/index.js +++ b/packages/rubric/configure/src/index.js @@ -134,6 +134,7 @@ export default class RubricElement extends HTMLElement { disconnectedCallback() { if (this._root) { this._root.unmount(); + this._root = null; } } } diff --git a/packages/ruler/configure/package.json b/packages/ruler/configure/package.json index 1c457ad30d..ae19b5f896 100644 --- a/packages/ruler/configure/package.json +++ b/packages/ruler/configure/package.json @@ -10,7 +10,7 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7" + "@pie-lib/config-ui": "13.0.8" }, "author": "", "license": "ISC" diff --git a/packages/select-text/configure/package.json b/packages/select-text/configure/package.json index adeb5fecb7..c3090a155c 100644 --- a/packages/select-text/configure/package.json +++ b/packages/select-text/configure/package.json @@ -11,8 +11,8 @@ "@mui/icons-material": "^7.3.4", "@mui/material": "^7.3.4", "@pie-framework/pie-configure-events": "^1.3.0", - "@pie-lib/config-ui": "13.0.7", - "@pie-lib/editable-html-tip-tap": "2.1.5", + "@pie-lib/config-ui": "13.0.8", + "@pie-lib/editable-html-tip-tap": "2.1.6", "@pie-lib/text-select": "3.0.4", "debug": "^4.1.1", "lodash-es": "^4.17.23", diff --git a/pslb/pslb.config.js b/pslb/pslb.config.js index 7a589cf5a1..ea7c18b2b5 100644 --- a/pslb/pslb.config.js +++ b/pslb/pslb.config.js @@ -44,12 +44,12 @@ module.exports = { libs: { repository: 'pie-framework/pie-elements', packages: [ - { name: '@pie-lib/drag-module', version: '^4.0.10' }, - { name: '@pie-lib/math-rendering-module', version: '^5.0.10' }, - { name: '@pie-lib/math-edit-module', version: '^4.2.5' }, - { name: '@pie-lib/shared-module', version: '^5.2.5' }, - { name: '@pie-lib/editable-html-module', version: '^7.1.7' }, - { name: '@pie-lib/config-module', version: '^4.0.10' }, + { name: '@pie-lib/drag-module', version: '^4.0.11' }, + { name: '@pie-lib/math-rendering-module', version: '^5.0.11' }, + { name: '@pie-lib/math-edit-module', version: '^4.2.6' }, + { name: '@pie-lib/shared-module', version: '^5.2.6' }, + { name: '@pie-lib/editable-html-module', version: '^7.1.8' }, + { name: '@pie-lib/config-module', version: '^4.0.11' }, ], }, }; diff --git a/yarn.lock b/yarn.lock index e52f76d944..1b6665adaf 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2833,10 +2833,10 @@ debug "^4.1.1" lodash-es "^4.17.23" -"@pie-lib/charting@7.0.7": - version "7.0.7" - resolved "https://registry.yarnpkg.com/@pie-lib/charting/-/charting-7.0.7.tgz#43199fc2c886d8a500641a3268fded82de70e64c" - integrity sha512-jk4yKwOoJ2niKLlhY/icNdTlJxx/+1h/knTpOq+pGgHrRoRfAHGOwUQW+alry9iLblLxptfGeRioY1nC7Na9JA== +"@pie-lib/charting@7.0.8": + version "7.0.8" + resolved "https://registry.yarnpkg.com/@pie-lib/charting/-/charting-7.0.8.tgz#a5bb8b3ef0325af0492f72e533c9f25ba500f6e1" + integrity sha512-5I9pfrsTS6exVqdJjX7c3Zkv090iPPRcCwGUuVq7GvPRnVHQaqeR/xocawxuveVc0DpGfcukNIZQ4X1dnrifxg== dependencies: "@emotion/react" "^11.14.0" "@emotion/styled" "^11.14.1" @@ -2844,7 +2844,7 @@ "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" "@pie-lib/math-rendering" "^5.0.2" - "@pie-lib/plot" "^4.0.7" + "@pie-lib/plot" "^4.0.8" "@pie-lib/render-ui" "^6.1.2" "@pie-lib/translator" "^4.0.2" "@visx/axis" "^3.0.0" @@ -2864,16 +2864,16 @@ react-draggable "^3.3.0" react-input-autosize "^2.2.1" -"@pie-lib/config-ui@13.0.7": - version "13.0.7" - resolved "https://registry.yarnpkg.com/@pie-lib/config-ui/-/config-ui-13.0.7.tgz#f3b2cae64a969f7c50180431512acc34fb0c3d00" - integrity sha512-PmOkFGK1atg9T32vRrUAE6Ut0QrrrIeLawKbyul+gHs9InxDgNnCwk/glTKkeP9um03k3hmQlQRBOQEU+UuVoQ== +"@pie-lib/config-ui@13.0.8": + version "13.0.8" + resolved "https://registry.yarnpkg.com/@pie-lib/config-ui/-/config-ui-13.0.8.tgz#ed7bf26ada024226a9b74f3e13a20d0c5d12bf1a" + integrity sha512-Zxj1ZwVEUcy7QWSjJD1l1VbMSTvZHf5hc8qs0FoxrwZzNDwnQee279EXFp6mAeH4lIb/6kFeMnV6o9i6W0zbdg== dependencies: "@emotion/react" "^11.14.0" "@emotion/styled" "^11.14.1" "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" - "@pie-lib/editable-html-tip-tap" "^2.1.5" + "@pie-lib/editable-html-tip-tap" "^2.1.6" "@pie-lib/icons" "^4.0.3" "@pie-lib/render-ui" "^6.1.2" assert "^1.4.1" @@ -2907,10 +2907,10 @@ prop-types "^15.6.2" react-transition-group "^4.4.5" -"@pie-lib/drag@4.0.4", "@pie-lib/drag@^4.0.4": - version "4.0.4" - resolved "https://registry.yarnpkg.com/@pie-lib/drag/-/drag-4.0.4.tgz#e13587698586039fc0646474cd2c4f225c8b4cf1" - integrity sha512-2U/VZ8yEg02SyygqfI7mz1MEiDvmD4WbouP/zwKFHjJIAvkVOV0uD++pBUSIcngaC+tsQlGfHzeJ6ETNX9zFjg== +"@pie-lib/drag@4.0.5", "@pie-lib/drag@^4.0.5": + version "4.0.5" + resolved "https://registry.yarnpkg.com/@pie-lib/drag/-/drag-4.0.5.tgz#4b0e2ebbdf4c104b5ebf568eb52d09010a259cd9" + integrity sha512-P0BG/sMEVCMr+ghoj/IEZ42Uth3EnHSikatsWIv97R2R2rFiL2GVjj4DynC1V2MsRKao9MozvlTs/mn8QZeoLA== dependencies: "@dnd-kit/core" "6.3.1" "@dnd-kit/sortable" "10.0.0" @@ -2926,17 +2926,17 @@ prop-types "^15.7.2" react "^18.2.0" -"@pie-lib/editable-html-tip-tap@2.1.5", "@pie-lib/editable-html-tip-tap@^2.1.5": - version "2.1.5" - resolved "https://registry.yarnpkg.com/@pie-lib/editable-html-tip-tap/-/editable-html-tip-tap-2.1.5.tgz#88ac06fcdf58feef6038e4252c22ea4166538e19" - integrity sha512-h7Bs3CddBMubkjVriGq9LzwFRxBGOUF/JNOWrFa706s+YvRkxSFO7+jBRa33xk2Q47TDNzoTEtJDXwQofEJT2g== +"@pie-lib/editable-html-tip-tap@2.1.6", "@pie-lib/editable-html-tip-tap@^2.1.6": + version "2.1.6" + resolved "https://registry.yarnpkg.com/@pie-lib/editable-html-tip-tap/-/editable-html-tip-tap-2.1.6.tgz#3dcf8c4d170dbd9321fcec6176a8aba7bc2f475e" + integrity sha512-LA86OgrSTs7bO7AzNmYP0lzft+T/CcSxKZ/h/FHjE+vY3aguMkvRQGIgyE5W7DOStaSPfSfLKQ19VilNTX0WRQ== dependencies: "@dnd-kit/core" "6.3.1" "@dnd-kit/modifiers" "9.0.0" "@dnd-kit/utilities" "3.2.2" "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" - "@pie-lib/drag" "^4.0.4" + "@pie-lib/drag" "^4.0.5" "@pie-lib/math-input" "^8.1.1" "@pie-lib/math-rendering" "^5.0.2" "@pie-lib/math-toolbar" "^3.0.4" @@ -2971,10 +2971,10 @@ tippy.js latest to-style "^1.3.3" -"@pie-lib/editable-html@13.0.4": - version "13.0.4" - resolved "https://registry.yarnpkg.com/@pie-lib/editable-html/-/editable-html-13.0.4.tgz#ae2d0782cb4ecc5627728c3caced136879d6ab58" - integrity sha512-3BM70SVoyDjmHCLHolRNGxDEKXBBxURL9TQN2q6/xJLNhil1MylFNj+jpD1yTQH6UUD+i4DZn8WCUBKfFDqakA== +"@pie-lib/editable-html@13.0.5": + version "13.0.5" + resolved "https://registry.yarnpkg.com/@pie-lib/editable-html/-/editable-html-13.0.5.tgz#327667a6b59d2fede61bf1bdc8258e5b16bce784" + integrity sha512-xcRqUhsS+PzEZn6UMv9v2EDl9rl6Y720DIZ7UT2mfUVY/X7XwuANJveR4M+IksY5yrk2+fPAf2EHBRCXDXha+A== dependencies: "@dnd-kit/core" "6.3.1" "@dnd-kit/modifiers" "9.0.0" @@ -2983,7 +2983,7 @@ "@emotion/styled" "^11.14.1" "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" - "@pie-lib/drag" "^4.0.4" + "@pie-lib/drag" "^4.0.5" "@pie-lib/math-input" "^8.1.1" "@pie-lib/math-rendering" "^5.0.2" "@pie-lib/math-toolbar" "^3.0.4" @@ -3013,10 +3013,10 @@ resolved "https://registry.yarnpkg.com/@pie-lib/feedback/-/feedback-2.0.2.tgz#897e249ba78f8203aa39d75bd46b59e499b8e773" integrity sha512-y7NKifptZJJUb5eynFz+ppai4XoeOjlowSh6BrIrvghEshGkoX+O4EYzQCXcSlFuyOjjiuYaHd/OzNuifaYG5Q== -"@pie-lib/graphing-solution-set@4.0.7": - version "4.0.7" - resolved "https://registry.yarnpkg.com/@pie-lib/graphing-solution-set/-/graphing-solution-set-4.0.7.tgz#a5273fd897d879318c6590eab894da3d8c2f4b3e" - integrity sha512-BXI8XrdLW33DiWx4i7QRejrqTc6nuwb3IelZ4D94cdfj5ryv+/7oNIRJRfKmR6krB3XsQo+0iXe2pI1Izq1MYw== +"@pie-lib/graphing-solution-set@4.0.8": + version "4.0.8" + resolved "https://registry.yarnpkg.com/@pie-lib/graphing-solution-set/-/graphing-solution-set-4.0.8.tgz#6b92607df112ff3fa2050569c60119df71f7e9ab" + integrity sha512-7ZNgk2pMOC3rWUd/Ergi4e5CHIouZuLsesUKHmFij6QdjUe5pvpnInRVMaMCzjzSklRGQviJ8VxfOn0HU1t36Q== dependencies: "@dnd-kit/sortable" "10.0.0" "@emotion/react" "^11.14.0" @@ -3024,10 +3024,10 @@ "@mapbox/point-geometry" "^1.1.0" "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" - "@pie-lib/drag" "^4.0.4" - "@pie-lib/editable-html-tip-tap" "^2.1.5" + "@pie-lib/drag" "^4.0.5" + "@pie-lib/editable-html-tip-tap" "^2.1.6" "@pie-lib/graphing-utils" "^3.0.2" - "@pie-lib/plot" "^4.0.7" + "@pie-lib/plot" "^4.0.8" "@pie-lib/render-ui" "^6.1.2" "@pie-lib/tools" "^2.0.3" "@pie-lib/translator" "^4.0.2" @@ -3063,10 +3063,10 @@ debug "^4.1.1" lodash-es "^4.17.23" -"@pie-lib/graphing@4.0.8": - version "4.0.8" - resolved "https://registry.yarnpkg.com/@pie-lib/graphing/-/graphing-4.0.8.tgz#908a550c9d39c311c2a6d45d4ec4664611ff9ebd" - integrity sha512-XQ49aKFAlvfXHObKaEgur3zTbwxOHijRA3Xehf+os0LRCeT1ZLGr6eBrkcvHpfRYSONOKotMvYMuE61rtq5O8Q== +"@pie-lib/graphing@4.0.9": + version "4.0.9" + resolved "https://registry.yarnpkg.com/@pie-lib/graphing/-/graphing-4.0.9.tgz#af72a0f8977c9c39f91d7bf4b5ca1e2c415f8438" + integrity sha512-pyyEq+c+8uKIisUNLEEIQ7bARVpUU1mIq67+SNQEWRCP5xi5Cwi5oRP3Tpi2Wo9vgy4cI0lhmCrAyGaRAnv9XA== dependencies: "@dnd-kit/sortable" "10.0.0" "@emotion/react" "^11.14.0" @@ -3074,10 +3074,10 @@ "@mapbox/point-geometry" "^1.1.0" "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" - "@pie-lib/drag" "^4.0.4" - "@pie-lib/editable-html-tip-tap" "^2.1.5" + "@pie-lib/drag" "^4.0.5" + "@pie-lib/editable-html-tip-tap" "^2.1.6" "@pie-lib/graphing-utils" "^3.0.2" - "@pie-lib/plot" "^4.0.7" + "@pie-lib/plot" "^4.0.8" "@pie-lib/render-ui" "^6.1.2" "@pie-lib/translator" "^4.0.2" "@visx/axis" "^3.0.0" @@ -3114,17 +3114,17 @@ "@mui/material" "^7.3.4" prop-types "^15.6.2" -"@pie-lib/mask-markup@3.0.7": - version "3.0.7" - resolved "https://registry.yarnpkg.com/@pie-lib/mask-markup/-/mask-markup-3.0.7.tgz#ff7e9e94aca484d3c71db76e19158ed35b1562c7" - integrity sha512-RNsVCNVQakqKFD8Mh7zuGihSyaADJuztKTIOKAD8mxZdf5/KDO8JDJBPG/FdTLgC0FHtaoocy2nAn29tkXmZlA== +"@pie-lib/mask-markup@3.0.8": + version "3.0.8" + resolved "https://registry.yarnpkg.com/@pie-lib/mask-markup/-/mask-markup-3.0.8.tgz#a64ecdc177bd71ec3026e476752844cc02560cd7" + integrity sha512-yAEv2ZgcjZXbidvTMN0pQaas7UzhWDClLtmXV+tBgmxA7hveeF8yGJpIMBz/XkZ4xAHa7VGQfqb51K+KnSjPyg== dependencies: "@emotion/react" "^11.14.0" "@emotion/styled" "^11.14.1" "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" - "@pie-lib/drag" "^4.0.4" - "@pie-lib/editable-html-tip-tap" "^2.1.5" + "@pie-lib/drag" "^4.0.5" + "@pie-lib/editable-html-tip-tap" "^2.1.6" "@pie-lib/math-rendering" "^5.0.2" "@pie-lib/render-ui" "^6.1.2" classnames "^2.2.6" @@ -3198,17 +3198,17 @@ lodash-es "^4.17.23" prop-types "^15.7.2" -"@pie-lib/plot@4.0.7", "@pie-lib/plot@^4.0.7": - version "4.0.7" - resolved "https://registry.yarnpkg.com/@pie-lib/plot/-/plot-4.0.7.tgz#b437ed6202e4fb7414905214241fc21727999319" - integrity sha512-KfGNYmUzLzhxI/UxEENgj5cyYihy8VyYT/9oCpU3NZtxO4dOy1fROi9XXBNvhDFNZiGoqcCektfkhfeHFUZE0w== +"@pie-lib/plot@4.0.8", "@pie-lib/plot@^4.0.8": + version "4.0.8" + resolved "https://registry.yarnpkg.com/@pie-lib/plot/-/plot-4.0.8.tgz#55f8a35cae364255aa2d80d78c31f0f14d7d8e9f" + integrity sha512-W4zYwrgxuyqOd1YLRmzTSE9pHpj/vMpxxkPA9qXVwkubgi6JSysy/pJYjld+kzUPowoviHMLKn6mXM5vwfbGCw== dependencies: "@emotion/react" "^11.14.0" "@emotion/styled" "^11.14.1" "@mapbox/point-geometry" "^1.1.0" "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" - "@pie-lib/editable-html-tip-tap" "^2.1.5" + "@pie-lib/editable-html-tip-tap" "^2.1.6" "@pie-lib/render-ui" "^6.1.2" assert "^1.4.1" d3-scale "^4.0.2" @@ -3239,17 +3239,17 @@ prop-types "^15.7.2" react-transition-group "^4.4.5" -"@pie-lib/rubric@2.0.7": - version "2.0.7" - resolved "https://registry.yarnpkg.com/@pie-lib/rubric/-/rubric-2.0.7.tgz#444b30a45f47f191dc9afad4aea4db745c6cab0c" - integrity sha512-d6ez+Oksg2vFvULcxHyzM0A0mEKsxkuXo56lv76YKxZvrpXlLT8JkF8UjKNBK1+K9HqyQbQ+sz0Y85P/RSjOlw== +"@pie-lib/rubric@2.0.8": + version "2.0.8" + resolved "https://registry.yarnpkg.com/@pie-lib/rubric/-/rubric-2.0.8.tgz#9f7272ed4dd953c6f0fe9251ece121713ffceaea" + integrity sha512-d8UxF83nA1RJm7AKzXq7cbxeQSxu3+xmpFYKpZNyPkBo8Kxf1bd/eKf60ahNVtZ/Zb12U7dB/qLXrit10PXjDA== dependencies: "@emotion/react" "^11.14.0" "@emotion/styled" "^11.14.1" "@hello-pangea/dnd" "^18.0.1" "@mui/icons-material" "^7.3.4" "@mui/material" "^7.3.4" - "@pie-lib/editable-html-tip-tap" "^2.1.5" + "@pie-lib/editable-html-tip-tap" "^2.1.6" debug "^4.1.1" lodash-es "^4.17.23" prop-types "^15.7.2"