pie-framework · CarlaCostea · Jul 18, 2025 · Jul 3, 2025 · Jul 4, 2025 · Jul 4, 2025
diff --git a/packages/boilerplate-item-type/configure/package.json b/packages/boilerplate-item-type/configure/package.json
@@ -8,7 +8,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

diff --git a/packages/boilerplate-item-type/controller/package.json b/packages/boilerplate-item-type/controller/package.json
@@ -6,7 +6,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

diff --git a/packages/boilerplate-item-type/package.json b/packages/boilerplate-item-type/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"

diff --git a/packages/calculator/configure/package.json b/packages/calculator/configure/package.json
@@ -7,7 +7,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },

diff --git a/packages/categorize/configure/package.json b/packages/categorize/configure/package.json
@@ -12,7 +12,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

diff --git a/packages/categorize/configure/src/index.js b/packages/categorize/configure/src/index.js
@@ -102,7 +102,9 @@ export default class CategorizeConfigure extends HTMLElement {
     this.render();
   }
 
-  connectedCallback() {}
+  connectedCallback() {
+    this.render();
+  }
 
   /**
    *

diff --git a/packages/categorize/controller/package.json b/packages/categorize/controller/package.json
@@ -2,7 +2,7 @@
   "name": "@pie-element/categorize-controller",
   "private": true,
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "lodash": "^4.17.15"
   },
   "version": "7.8.10",

diff --git a/packages/categorize/package.json b/packages/categorize/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",

diff --git a/packages/charting/configure/package.json b/packages/charting/configure/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",

diff --git a/packages/charting/controller/package.json b/packages/charting/controller/package.json
@@ -9,7 +9,7 @@
     "test": "./node_modules/.bin/jest"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^4.1.1",
     "lodash": "^4.17.15"
   },

diff --git a/packages/charting/controller/src/index.js b/packages/charting/controller/src/index.js
@@ -225,6 +225,7 @@ export function model(question, session, env) {
       base.correctAnswer = correctAnswer;
       base.showToggle = !!correctAnswer?.data?.length && scoreObject.score !== 1;
       base.addCategoryEnabled = false;
+      base.showKeyLegend = true;
     }
 
     if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {

diff --git a/packages/charting/package.json b/packages/charting/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",

diff --git a/packages/charting/src/main.jsx b/packages/charting/src/main.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import { color, Collapsible, hasText, PreviewPrompt, UiLayout, hasMedia } from '@pie-lib/pie-toolbox/render-ui';
-import { Chart, chartTypes } from '@pie-lib/pie-toolbox/charting';
+import { Chart, chartTypes, KeyLegend } from '@pie-lib/pie-toolbox/charting';
 import isEqual from 'lodash/isEqual';
 import { CorrectAnswerToggle } from '@pie-lib/pie-toolbox/correct-answer-toggle';
 
@@ -61,6 +61,7 @@ export class Main extends React.Component {
       correctAnswer,
       language,
       env,
+      showKeyLegend,
     } = model;
 
     let { correctedAnswer, extraCSSRules } = model;
@@ -145,7 +146,7 @@ export class Main extends React.Component {
             labelsPlaceholders={{}}
           />
         )}
-
+        {!showingCorrect && showKeyLegend && (<KeyLegend language={language}></KeyLegend>)}
         {showRationale && (
           <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>
             <PreviewPrompt prompt={rationale} />

diff --git a/packages/complex-rubric/controller/package.json b/packages/complex-rubric/controller/package.json
@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "lodash": "^4.17.15"
   },
   "author": "",

diff --git a/packages/drag-in-the-blank/configure/package.json b/packages/drag-in-the-blank/configure/package.json
@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

diff --git a/packages/drag-in-the-blank/controller/package.json b/packages/drag-in-the-blank/controller/package.json
@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

diff --git a/packages/drag-in-the-blank/package.json b/packages/drag-in-the-blank/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",

diff --git a/packages/drawing-response/configure/package.json b/packages/drawing-response/configure/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

diff --git a/packages/drawing-response/package.json b/packages/drawing-response/package.json
@@ -11,7 +11,7 @@
     "@mdi/js": "^3.6.95",
     "@mdi/react": "^1.1.1",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.6",
     "enzyme-to-json": "^3.3.5",
     "konva": "^3.4.1",

diff --git a/packages/ebsr/configure/package.json b/packages/ebsr/configure/package.json
@@ -10,7 +10,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-element/multiple-choice": "^9.17.0",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

diff --git a/packages/ebsr/controller/package.json b/packages/ebsr/controller/package.json
@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "lodash": "^4.17.15"
   },
   "author": "",

diff --git a/packages/ebsr/package.json b/packages/ebsr/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@pie-element/multiple-choice": "^9.17.0",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11"

diff --git a/packages/explicit-constructed-response/configure/package.json b/packages/explicit-constructed-response/configure/package.json
@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

diff --git a/packages/explicit-constructed-response/controller/package.json b/packages/explicit-constructed-response/controller/package.json
@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^3.1.0",
     "he": "^1.2.0",
     "lodash": "^4.17.15",

diff --git a/packages/explicit-constructed-response/package.json b/packages/explicit-constructed-response/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "he": "^1.2.0",
     "lodash": "^4.17.10",

diff --git a/packages/extended-text-entry/configure/package.json b/packages/extended-text-entry/configure/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

diff --git a/packages/extended-text-entry/controller/package.json b/packages/extended-text-entry/controller/package.json
@@ -6,7 +6,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0"
+    "@pie-lib/pie-toolbox": "2.22.0"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

diff --git a/packages/extended-text-entry/package.json b/packages/extended-text-entry/package.json
@@ -12,7 +12,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash.throttle": "^4.1.1",

diff --git a/packages/fraction-model/configure/package.json b/packages/fraction-model/configure/package.json
@@ -8,7 +8,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

diff --git a/packages/fraction-model/controller/package.json b/packages/fraction-model/controller/package.json
@@ -6,7 +6,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

diff --git a/packages/fraction-model/package.json b/packages/fraction-model/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1",

diff --git a/packages/graphing-solution-set/configure/package.json b/packages/graphing-solution-set/configure/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",

diff --git a/packages/graphing-solution-set/controller/package.json b/packages/graphing-solution-set/controller/package.json
@@ -9,7 +9,7 @@
     "test": "./node_modules/.bin/jest"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^4.1.1"
   },
   "devDependencies": {

diff --git a/packages/graphing-solution-set/package.json b/packages/graphing-solution-set/package.json
@@ -13,7 +13,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "react": "^16.8.1",

diff --git a/packages/graphing/configure/package.json b/packages/graphing/configure/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",

diff --git a/packages/graphing/controller/package.json b/packages/graphing/controller/package.json
@@ -9,7 +9,7 @@
     "test": "./node_modules/.bin/jest"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^4.1.1"
   },
   "devDependencies": {

diff --git a/packages/graphing/package.json b/packages/graphing/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "react": "^16.8.1",

diff --git a/packages/hotspot/configure/package.json b/packages/hotspot/configure/package.json
@@ -10,7 +10,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "konva": "^3.2.4",

diff --git a/packages/hotspot/controller/package.json b/packages/hotspot/controller/package.json
@@ -11,7 +11,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^4.1.1",
     "lodash": "^4.17.15"
   }

diff --git a/packages/hotspot/package.json b/packages/hotspot/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.3",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "konva": "^3.2.5",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",

diff --git a/packages/image-cloze-association/configure/package.json b/packages/image-cloze-association/configure/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^3.1.0",
     "prop-types": "^15.7.2",
     "react": "^16.8.6",

diff --git a/packages/image-cloze-association/controller/package.json b/packages/image-cloze-association/controller/package.json
@@ -11,7 +11,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.19.0",
+    "@pie-lib/pie-toolbox": "2.22.0",
     "debug": "^4.1.1",
     "humps": "^2.0.1",
     "lodash": "^4.17.15"