master

package.json

@@ -22,10 +22,10 @@
     "publish:beta:prerelease": "lerna publish prerelease --dist-tag beta --preid beta --force-publish --ignore-scripts",
     "postinstall": "git config --local include.path ../.gitconfig",
     "clean-install": "git clean -xdf . && yarn install && ./scripts/build babel",
-    "check-pie-lib-updates": "lerna exec -- npm-check-updates '@pie-lib/*' --pre --target prerelease",
-    "update-pie-lib": "lerna exec -- npm-check-updates '@pie-lib/*' --pre --target prerelease -u",
+    "check-pie-lib-updates": "lerna exec -- npm-check-updates '@pie-lib/*' --target latest",
+    "update-pie-lib": "lerna exec -- npm-check-updates '@pie-lib/*' --target latest -u && node scripts/sync-pie-lib-resolutions.js",
     "check-pie-lib-next": "lerna exec -- npm-check-updates '@pie-lib/*' --pre --target prerelease --preid next",
-    "update-pie-lib-next": "lerna exec -- npm-check-updates '@pie-lib/*' --pre --target prerelease --preid next -u",
+    "update-pie-lib-next": "lerna exec -- npm-check-updates '@pie-lib/*' --pre --target prerelease --preid next -u && node scripts/sync-pie-lib-resolutions.js",
     "health:scan": "pie-health scan packages",
     "health:report": "pie-health report",
     "health:serve": "pie-health serve",
@@ -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.8",
-    "@pie-lib/config-ui": "13.0.8",
+    "@pie-lib/charting": "7.0.9",
+    "@pie-lib/config-ui": "13.0.9",
     "@pie-lib/controller-utils": "2.0.2",
     "@pie-lib/correct-answer-toggle": "4.0.4",
     "@pie-lib/drag": "4.0.5",
     "@pie-lib/editable-html": "13.0.5",
-    "@pie-lib/editable-html-tip-tap": "2.1.6",
+    "@pie-lib/editable-html-tip-tap": "2.1.7",
     "@pie-lib/feedback": "2.0.2",
-    "@pie-lib/graphing-solution-set": "4.0.8",
+    "@pie-lib/graphing-solution-set": "4.0.9",
     "@pie-lib/graphing-utils": "3.0.2",
-    "@pie-lib/graphing": "4.0.9",
+    "@pie-lib/graphing": "4.0.10",
     "@pie-lib/icons": "4.0.3",
-    "@pie-lib/mask-markup": "3.0.8",
+    "@pie-lib/mask-markup": "3.0.9",
     "@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.8",
+    "@pie-lib/plot": "4.0.9",
     "@pie-lib/render-ui": "6.1.2",
-    "@pie-lib/rubric": "2.0.8",
+    "@pie-lib/rubric": "2.0.9",
     "@pie-lib/scoring-config": "5.0.3",
     "@pie-lib/style-utils": "2.0.2",
     "@pie-lib/test-utils": "2.0.2",

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.8",
-    "@pie-lib/editable-html-tip-tap": "2.1.6",
+    "@pie-lib/config-ui": "13.0.9",
+    "@pie-lib/editable-html-tip-tap": "2.1.7",
     "@pie-lib/render-ui": "6.1.2",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",

packages/boilerplate-item-type/configure/src/index.js

@@ -101,6 +101,7 @@ export default class BoilerplateItemTypeConfigure extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/boilerplate-item-type/src/index.js

@@ -70,6 +70,7 @@ export default class BoilerplateItemType extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

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.8",
+    "@pie-lib/config-ui": "13.0.9",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },

packages/calculator/configure/src/index.js

@@ -48,6 +48,7 @@ export default class Calculator extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/calculator/src/index.js

@@ -37,6 +37,7 @@ export default class Calculator extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

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.8",
+    "@pie-lib/config-ui": "13.0.9",
     "@pie-lib/drag": "4.0.5",
-    "@pie-lib/editable-html-tip-tap": "2.1.6",
+    "@pie-lib/editable-html-tip-tap": "2.1.7",
     "@pie-lib/math-rendering": "5.0.2",
     "@pie-lib/render-ui": "6.1.2",
     "@pie-lib/translator": "4.0.2",

packages/categorize/configure/src/defaults.js

@@ -4,7 +4,7 @@ export default {
   model: {
     allowAlternateEnabled: true,
     allowMaxChoicesPerCategory: false,
-    allowMultiplePlacementsEnabled: multiplePlacements.enabled,
+    allowMultiplePlacementsEnabled: multiplePlacements.disabled,
     alternates: [],
     categories: [],
     categoriesPerRow: 2,

packages/categorize/controller/src/defaults.js

@@ -1,7 +1,7 @@
 import { multiplePlacements } from './utils';
 
 export default {
-  allowMultiplePlacementsEnabled: multiplePlacements.enabled,
+  allowMultiplePlacementsEnabled: multiplePlacements.disabled,
   alternates: [],
   categories: [],
   categoriesPerRow: 2,

packages/categorize/package.json

@@ -16,7 +16,7 @@
     "@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.8",
+    "@pie-lib/config-ui": "13.0.9",
     "@pie-lib/correct-answer-toggle": "4.0.4",
     "@pie-lib/drag": "4.0.5",
     "@pie-lib/math-rendering": "5.0.2",

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.8",
-    "@pie-lib/config-ui": "13.0.8",
-    "@pie-lib/editable-html-tip-tap": "2.1.6",
+    "@pie-lib/charting": "7.0.9",
+    "@pie-lib/config-ui": "13.0.9",
+    "@pie-lib/editable-html-tip-tap": "2.1.7",
     "@pie-lib/math-rendering": "5.0.2",
     "@pie-lib/render-ui": "6.1.2",
     "debug": "^4.1.1",

packages/charting/configure/src/index.js

@@ -124,9 +124,14 @@ export default class GraphLinesConfigure extends HTMLElement {
     }
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

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.8",
+    "@pie-lib/charting": "7.0.9",
     "@pie-lib/correct-answer-toggle": "4.0.4",
     "@pie-lib/math-rendering": "5.0.2",
     "@pie-lib/render-ui": "6.1.2",

packages/charting/src/index.js

@@ -113,6 +113,7 @@ export default class Graphing extends HTMLElement {
     this._disconnectMathObserver();
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

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.8",
+    "@pie-lib/config-ui": "13.0.9",
     "@pie-lib/render-ui": "6.1.2",
-    "@pie-lib/rubric": "2.0.8",
+    "@pie-lib/rubric": "2.0.9",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.8.1",

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.8",
+    "@pie-lib/rubric": "2.0.9",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",

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.8",
+    "@pie-lib/config-ui": "13.0.9",
     "@pie-lib/drag": "4.0.5",
-    "@pie-lib/editable-html-tip-tap": "2.1.6",
+    "@pie-lib/editable-html-tip-tap": "2.1.7",
     "@pie-lib/math-rendering": "5.0.2",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",

packages/drag-in-the-blank/configure/src/choices.jsx

@@ -134,12 +134,20 @@ export class Choices extends React.Component {
     onChange(newChoices);
   };
 
-  onChoiceDone = (choiceId) => {
+  onChoiceDone = (choiceId, latestValue) => {
     const { onChange, model } = this.props;
     const { choices } = model;
     const currentChoice = (choices || []).find((c) => c.id === choiceId);
 
-    if (!currentChoice || !choiceIsEmpty(currentChoice)) {
+    // model.choices[i].value can be stale when the editor's onChange did not fire for the most recent edit 
+    // (for example, image uploads). In that case, we want to use the latest value from the editor.
+    const effectiveValue = latestValue !== undefined ? latestValue : currentChoice && currentChoice.value;
+
+    if (!currentChoice || !choiceIsEmpty({ value: effectiveValue })) {
+      if (currentChoice && currentChoice.value !== effectiveValue) {
+        const newChoices = (choices || []).map((c) => (c.id === choiceId ? { ...c, value: effectiveValue } : c));
+        onChange(newChoices);
+      }
       this.setState({ focusedEl: undefined });
       return;
     }
@@ -270,12 +278,12 @@ export class Choices extends React.Component {
 
                     this.onChoiceChanged(choice.value, val, choice.id);
                   }}
-                  onDone={() => {
+                  onDone={(val) => {
                     if (this.preventDone) {
                       return;
                     }
 
-                    this.onChoiceDone(choice.id);
+                    this.onChoiceDone(choice.id, val);
                   }}
                   onBlur={(e) => {
                     const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');

packages/drag-in-the-blank/configure/src/index.js

@@ -158,9 +158,14 @@ export default class DragInTheBlank extends HTMLElement {
     }, 0);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/drag-in-the-blank/package.json

@@ -17,7 +17,7 @@
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/correct-answer-toggle": "4.0.4",
     "@pie-lib/drag": "4.0.5",
-    "@pie-lib/mask-markup": "3.0.8",
+    "@pie-lib/mask-markup": "3.0.9",
     "@pie-lib/math-rendering": "5.0.2",
     "@pie-lib/render-ui": "6.1.2",
     "lodash-es": "^4.17.23",

packages/drag-in-the-blank/src/index.js

@@ -223,6 +223,7 @@ export default class DragInTheBlank extends HTMLElement {
 
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

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.8",
-    "@pie-lib/editable-html-tip-tap": "2.1.6",
+    "@pie-lib/config-ui": "13.0.9",
+    "@pie-lib/editable-html-tip-tap": "2.1.7",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.8.1",

packages/drawing-response/configure/src/index.js

@@ -159,9 +159,14 @@ export default class DrawableResponseConfigure extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/drawing-response/src/index.js

@@ -67,6 +67,7 @@ export default class DrawingResponse extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

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.8",
+    "@pie-lib/config-ui": "13.0.9",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.8.1",
     "react": "18.3.1",

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.8",
-    "@pie-lib/editable-html-tip-tap": "2.1.6",
+    "@pie-lib/config-ui": "13.0.9",
+    "@pie-lib/editable-html-tip-tap": "2.1.7",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",

packages/explicit-constructed-response/configure/src/index.js

@@ -174,9 +174,14 @@ export default class ExplicitConstructedResponse extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

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.8",
+    "@pie-lib/mask-markup": "3.0.9",
     "@pie-lib/math-rendering": "5.0.2",
     "@pie-lib/render-ui": "6.1.2",
     "@pie-lib/translator": "4.0.2",

packages/explicit-constructed-response/src/index.js

@@ -92,6 +92,7 @@ export default class InlineDropdown extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

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.8",
-    "@pie-lib/editable-html-tip-tap": "2.1.6",
+    "@pie-lib/config-ui": "13.0.9",
+    "@pie-lib/editable-html-tip-tap": "2.1.7",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.8.1",
     "react": "18.3.1",