@pie-element/explicit-constructed-response 7.0.2-next.7 → 7.1.0

package/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.
 
+# [7.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@7.0.1...@pie-element/explicit-constructed-response@7.1.0) (2024-10-01)
+
+
+### Bug Fixes
+
+* update pie-toolbox and @pie-lib/pie-toolbox-module ([ddb9d44](https://github.com/pie-framework/pie-elements/commit/ddb9d444243b881b3a468ecfb5bab551511a2495))
+
+
+### Features
+
+* update documentation (languageCharachters -> characters inside inputConfiguration object ([9e7dceb](https://github.com/pie-framework/pie-elements/commit/9e7dceb5291be261df0eb0bebe1e04f932dc327d))
+
+
+
+
+
 ## [7.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@7.0.0...@pie-element/explicit-constructed-response@7.0.1) (2024-09-26)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.0.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@7.0.1...@pie-element/explicit-constructed-response-configure@7.0.2) (2024-10-01)
+
+
+### Bug Fixes
+
+* update pie-toolbox and @pie-lib/pie-toolbox-module ([ddb9d44](https://github.com/pie-framework/pie-elements/commit/ddb9d444243b881b3a468ecfb5bab551511a2495))
+
+
+
+
+
 ## [7.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@7.0.0...@pie-element/explicit-constructed-response-configure@7.0.1) (2024-09-26)
 
 

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/explicit-constructed-response-configure",
-  "version": "7.0.1",
+  "version": "7.0.2",
   "private": true,
   "main": "lib/index.js",
   "modue": "src/index.js",
@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.0.8",
+    "@pie-lib/pie-toolbox": "2.0.9",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@5.0.1...@pie-element/explicit-constructed-response-controller@5.0.2) (2024-10-01)
+
+
+### Bug Fixes
+
+* update pie-toolbox and @pie-lib/pie-toolbox-module ([ddb9d44](https://github.com/pie-framework/pie-elements/commit/ddb9d444243b881b3a468ecfb5bab551511a2495))
+
+
+
+
+
 ## [5.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@5.0.0...@pie-element/explicit-constructed-response-controller@5.0.1) (2024-09-26)
 
 

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/explicit-constructed-response-controller",
   "private": true,
-  "version": "5.0.1",
+  "version": "5.0.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.0.8",
+    "@pie-lib/pie-toolbox": "2.0.9",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/docs/config-schema.json

@@ -110,7 +110,7 @@
             }
           }
         },
-        "languageCharacters": {
+        "characters": {
           "title": "EditableHtmlButtonConfigure",
           "type": "object",
           "properties": {
@@ -382,7 +382,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -655,7 +655,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -997,7 +997,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -1270,7 +1270,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -1785,7 +1785,7 @@
             }
           }
         },
-        "languageCharacters": {
+        "characters": {
           "title": "EditableHtmlButtonConfigure",
           "type": "object",
           "properties": {
@@ -2100,7 +2100,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -2373,7 +2373,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {

package/docs/config-schema.json.md

@@ -83,9 +83,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-## `languageCharacters` (object)
+## `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ### `disabled` (boolean)
 
@@ -284,9 +284,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -485,9 +485,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -738,9 +738,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -939,9 +939,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -1326,9 +1326,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -1558,9 +1558,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-#### `languageCharacters` (object)
+#### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ##### `disabled` (boolean)
 
@@ -1759,9 +1759,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-#### `languageCharacters` (object)
+#### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ##### `disabled` (boolean)
 

package/docs/pie-schema.json

@@ -276,7 +276,7 @@
             }
           }
         },
-        "languageCharacters": {
+        "characters": {
           "title": "EditableHtmlButtonConfigure",
           "type": "object",
           "properties": {
@@ -591,7 +591,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -864,7 +864,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {

package/docs/pie-schema.json.md

@@ -193,9 +193,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -425,9 +425,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-#### `languageCharacters` (object)
+#### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ##### `disabled` (boolean)
 
@@ -626,9 +626,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-#### `languageCharacters` (object)
+#### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ##### `disabled` (boolean)
 

package/module/configure.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.7/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
-import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.7/module/index.js";
+import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -19146,7 +19146,7 @@ var withMask = function withMask(type, renderChildren) {
 };
 withMask$1.withMask = withMask;
 var dragInTheBlank = {};
-var mathRenderingAccessible = {};
+var mathRenderingAccessible$1 = {};
 var renderMath$1 = {};
 var normalization = {};
 var slicedToArray = {
@@ -35245,8 +35245,8 @@ getDefaultExportFromCjs(mmlToLatex);
   var _renderMath = _interopRequireDefault(renderMath$1);
   var _mmlToLatex = _interopRequireDefault(mmlToLatex);
   var _normalization = normalization;
-})(mathRenderingAccessible);
-getDefaultExportFromCjs(mathRenderingAccessible);
+})(mathRenderingAccessible$1);
+getDefaultExportFromCjs(mathRenderingAccessible$1);
 var choices = {};
 var choice$1 = {};
 var drag = {};
@@ -71586,7 +71586,7 @@ const require$$12$6 = _dll_prop_types;
   var _react = _interopRequireDefault(require$$8$a);
   var _index = styles$p;
   var _index2 = _interopRequireDefault(Collapse$2);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _propTypes = _interopRequireDefault(require$$12$6);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -73544,7 +73544,7 @@ const require$$9$c = _dll_prop_types;
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$2.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$7$3);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _propTypes = _interopRequireDefault(require$$9$c);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -77152,7 +77152,7 @@ const require$$4$6 = _dll_react;
   var _react = _interopRequireWildcard(require$$4$6);
   var _reactDndMultiBackend = require$$3$1;
   var _renderUi = renderUi;
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -78148,7 +78148,7 @@ const require$$13 = _dll_react_dom;
   var _Chip = _interopRequireDefault(Chip$2);
   var _classnames = _interopRequireDefault(require$$12$2);
   var _reactDom = _interopRequireDefault(require$$13);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _renderUi = renderUi;
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -78443,7 +78443,7 @@ const require$$16 = _dll_classnames;
   var _react = _interopRequireDefault(require$$8$5);
   var _reactDom = _interopRequireDefault(require$$9$6);
   var _propTypes = _interopRequireDefault(require$$10$4);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _debug = _interopRequireDefault(require$$12$1);
   var _drag = drag;
   var _styles = styles$p;
@@ -78760,7 +78760,7 @@ const require$$9$5 = _dll_prop_types;
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$8$4);
   var _propTypes = _interopRequireDefault(require$$9$5);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _choices = _interopRequireDefault(choices);
   var _blank = _interopRequireDefault(blank);
   var _withMask = withMask$1;
@@ -80745,6 +80745,38 @@ MenuItem$1.default = _default$1;
   var _MenuItem = _interopRequireDefault(MenuItem$1);
 })(MenuItem$2);
 getDefaultExportFromCjs(MenuItem$2);
+var mathRenderingAccessible = {};
+(function (exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "mmlToLatex", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.mmlToLatex;
+    }
+  });
+  Object.defineProperty(exports, "renderMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.renderMath;
+    }
+  });
+  Object.defineProperty(exports, "unWrapMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.unWrapMath;
+    }
+  });
+  Object.defineProperty(exports, "wrapMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.wrapMath;
+    }
+  });
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
+})(mathRenderingAccessible);
+getDefaultExportFromCjs(mathRenderingAccessible);
 var ArrowDropDown = {};
 const require$$1$1 = _dll_react;
 var _interopRequireDefault = interopRequireDefault.exports;
@@ -80782,6 +80814,7 @@ const require$$9 = _dll_prop_types;
   var _InputLabel = _interopRequireDefault(InputLabel$2);
   var _Menu = _interopRequireDefault(Menu$2);
   var _MenuItem = _interopRequireDefault(MenuItem$2);
+  var _mathRenderingAccessible = mathRenderingAccessible;
   var _ArrowDropDown = _interopRequireDefault(ArrowDropDown);
   var _styles = styles$p;
   var _renderUi = renderUi;
@@ -80841,9 +80874,19 @@ const require$$9 = _dll_prop_types;
         anchorEl: null,
         highlightedOptionId: null
       };
+      _this.elementRefs = [];
       return _this;
     }
     (0, _createClass2["default"])(Dropdown, [{
+      key: "componentDidUpdate",
+      value: function componentDidUpdate() {
+        this.elementRefs.forEach(function (ref) {
+          if (ref) {
+            (0, _mathRenderingAccessible.renderMath)(ref);
+          }
+        });
+      }
+    }, {
       key: "getLabel",
       value: function getLabel(choices, value) {
         var found = (choices || []).find(function (choice) {
@@ -80862,6 +80905,7 @@ const require$$9 = _dll_prop_types;
         var menuId = ("dropdown-menu-").concat(id);
         var valueDisplayId = ("dropdown-value-").concat(id);
         var disabledClass;
+        this.elementRefs = [];
         if (disabled && correct !== undefined) {
           disabledClass = correct || showCorrectAnswer ? classes.disabledCorrect : classes.disabledIncorrect;
         }
@@ -80919,6 +80963,9 @@ const require$$9 = _dll_prop_types;
             role: "option",
             "aria-selected": _this2.state.highlightedOptionId === optionId ? 'true' : undefined
           }, _react["default"].createElement("span", {
+            ref: function ref(_ref) {
+              return _this2.elementRefs[index] = _ref;
+            },
             className: classes.label,
             dangerouslySetInnerHTML: {
               __html: c.label

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.0.6"
+      "version": "2.0.7"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.0.5"
+      "version": "5.0.6"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
-import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.7/module/index.js";
+import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -19109,7 +19109,7 @@ var withMask = function withMask(type, renderChildren) {
 };
 withMask$1.withMask = withMask;
 var dragInTheBlank = {};
-var mathRenderingAccessible = {};
+var mathRenderingAccessible$1 = {};
 var renderMath$1 = {};
 var normalization = {};
 var slicedToArray = {
@@ -35208,8 +35208,8 @@ getDefaultExportFromCjs(mmlToLatex);
   var _renderMath = _interopRequireDefault(renderMath$1);
   var _mmlToLatex = _interopRequireDefault(mmlToLatex);
   var _normalization = normalization;
-})(mathRenderingAccessible);
-getDefaultExportFromCjs(mathRenderingAccessible);
+})(mathRenderingAccessible$1);
+getDefaultExportFromCjs(mathRenderingAccessible$1);
 var choices = {};
 var choice$1 = {};
 var drag = {};
@@ -71549,7 +71549,7 @@ const require$$12$6 = _dll_prop_types;
   var _react = _interopRequireDefault(require$$8$a);
   var _index = styles$p;
   var _index2 = _interopRequireDefault(Collapse$2);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _propTypes = _interopRequireDefault(require$$12$6);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -73507,7 +73507,7 @@ const require$$9$c = _dll_prop_types;
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$2.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$7$3);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _propTypes = _interopRequireDefault(require$$9$c);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -77115,7 +77115,7 @@ const require$$4$6 = _dll_react;
   var _react = _interopRequireWildcard(require$$4$6);
   var _reactDndMultiBackend = require$$3$1;
   var _renderUi = renderUi;
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -78111,7 +78111,7 @@ const require$$13 = _dll_react_dom;
   var _Chip = _interopRequireDefault(Chip$2);
   var _classnames = _interopRequireDefault(require$$12$2);
   var _reactDom = _interopRequireDefault(require$$13);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _renderUi = renderUi;
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -78406,7 +78406,7 @@ const require$$16 = _dll_classnames;
   var _react = _interopRequireDefault(require$$8$5);
   var _reactDom = _interopRequireDefault(require$$9$6);
   var _propTypes = _interopRequireDefault(require$$10$4);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _debug = _interopRequireDefault(require$$12$1);
   var _drag = drag;
   var _styles = styles$p;
@@ -78723,7 +78723,7 @@ const require$$9$5 = _dll_prop_types;
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$8$4);
   var _propTypes = _interopRequireDefault(require$$9$5);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _choices = _interopRequireDefault(choices);
   var _blank = _interopRequireDefault(blank);
   var _withMask = withMask$1;
@@ -80708,6 +80708,38 @@ MenuItem$1.default = _default$1;
   var _MenuItem = _interopRequireDefault(MenuItem$1);
 })(MenuItem$2);
 getDefaultExportFromCjs(MenuItem$2);
+var mathRenderingAccessible = {};
+(function (exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "mmlToLatex", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.mmlToLatex;
+    }
+  });
+  Object.defineProperty(exports, "renderMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.renderMath;
+    }
+  });
+  Object.defineProperty(exports, "unWrapMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.unWrapMath;
+    }
+  });
+  Object.defineProperty(exports, "wrapMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.wrapMath;
+    }
+  });
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
+})(mathRenderingAccessible);
+getDefaultExportFromCjs(mathRenderingAccessible);
 var ArrowDropDown = {};
 const require$$1$1 = _dll_react;
 var _interopRequireDefault = interopRequireDefault.exports;
@@ -80745,6 +80777,7 @@ const require$$9 = _dll_prop_types;
   var _InputLabel = _interopRequireDefault(InputLabel$2);
   var _Menu = _interopRequireDefault(Menu$2);
   var _MenuItem = _interopRequireDefault(MenuItem$2);
+  var _mathRenderingAccessible = mathRenderingAccessible;
   var _ArrowDropDown = _interopRequireDefault(ArrowDropDown);
   var _styles = styles$p;
   var _renderUi = renderUi;
@@ -80804,9 +80837,19 @@ const require$$9 = _dll_prop_types;
         anchorEl: null,
         highlightedOptionId: null
       };
+      _this.elementRefs = [];
       return _this;
     }
     (0, _createClass2["default"])(Dropdown, [{
+      key: "componentDidUpdate",
+      value: function componentDidUpdate() {
+        this.elementRefs.forEach(function (ref) {
+          if (ref) {
+            (0, _mathRenderingAccessible.renderMath)(ref);
+          }
+        });
+      }
+    }, {
       key: "getLabel",
       value: function getLabel(choices, value) {
         var found = (choices || []).find(function (choice) {
@@ -80825,6 +80868,7 @@ const require$$9 = _dll_prop_types;
         var menuId = ("dropdown-menu-").concat(id);
         var valueDisplayId = ("dropdown-value-").concat(id);
         var disabledClass;
+        this.elementRefs = [];
         if (disabled && correct !== undefined) {
           disabledClass = correct || showCorrectAnswer ? classes.disabledCorrect : classes.disabledIncorrect;
         }
@@ -80882,6 +80926,9 @@ const require$$9 = _dll_prop_types;
             role: "option",
             "aria-selected": _this2.state.highlightedOptionId === optionId ? 'true' : undefined
           }, _react["default"].createElement("span", {
+            ref: function ref(_ref) {
+              return _this2.elementRefs[index] = _ref;
+            },
             className: classes.label,
             dangerouslySetInnerHTML: {
               __html: c.label

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.0.2-next.7+96e5cb699",
+  "version": "7.1.0",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.0.8",
+    "@pie-lib/pie-toolbox": "2.0.9",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "96e5cb699a544d4da0fa18aa8fd9256ab3cf23fd",
+  "gitHead": "a1eaccf27273852985c921bc96023e7709e63438",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {