@pie-element/complex-rubric 2.16.3-next.5 → 2.16.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.16.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.16.2...@pie-element/complex-rubric@2.16.3) (2024-07-04)
+
+**Note:** Version bump only for package @pie-element/complex-rubric
+
+
+
+
+
 ## [2.16.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.16.1...@pie-element/complex-rubric@2.16.2) (2024-06-28)
 
 **Note:** Version bump only for package @pie-element/complex-rubric

package/configure/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.33](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.2.32...@pie-element/complex-rubric-configure@2.2.33) (2024-07-04)
+
+**Note:** Version bump only for package @pie-element/complex-rubric-configure
+
+
+
+
+
 ## [2.2.32](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.2.31...@pie-element/complex-rubric-configure@2.2.32) (2024-06-28)
 
 **Note:** Version bump only for package @pie-element/complex-rubric-configure

package/configure/package.json

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

package/controller/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.15.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.15.1...@pie-element/complex-rubric-controller@2.15.2) (2024-07-04)
+
+**Note:** Version bump only for package @pie-element/complex-rubric-controller
+
+
+
+
+
 ## [2.15.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.15.0...@pie-element/complex-rubric-controller@2.15.1) (2024-06-26)
 
 

package/controller/package.json

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

package/module/configure.js

@@ -144353,6 +144353,7 @@ const require$$3$v = _dll_prop_types;
   var _react = _interopRequireDefault(require$$2$c);
   var _propTypes = _interopRequireDefault(require$$3$v);
   var _styles = styles$1J;
+  var _mathInput = mathInput;
   var MathTemplated = function MathTemplated(_ref) {
     var attributes = _ref.attributes, value = _ref.value, classes = _ref.classes, keyToDisplay = _ref.keyToDisplay;
     return _react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
@@ -144360,11 +144361,10 @@ const require$$3$v = _dll_prop_types;
     }), _react["default"].createElement("div", {
       className: classes.responseBox
     }, keyToDisplay), _react["default"].createElement("div", {
-      className: classes.mathBlock,
-      dangerouslySetInnerHTML: {
-        __html: value || '<div>&nbsp;</div>'
-      }
-    }));
+      className: classes.mathBlock
+    }, _react["default"].createElement(_mathInput.mq.Static, {
+      latex: value
+    })));
   };
   MathTemplated.propTypes = {
     attributes: _propTypes["default"].object,
@@ -144382,6 +144382,7 @@ const require$$3$v = _dll_prop_types;
         boxSizing: 'border-box',
         overflow: 'hidden',
         fontSize: '12px',
+        minHeight: '36px',
         height: '100%',
         alignItems: 'center',
         fontFamily: 'Symbola, Times New Roman, serif',
@@ -144396,7 +144397,7 @@ const require$$3$v = _dll_prop_types;
         justifyContent: 'center',
         minWidth: '50px',
         minHeight: '36px',
-        height: '36px'
+        height: 'fit-content'
       },
       mathBlock: {
         flex: 8,
@@ -148589,6 +148590,7 @@ const require$$13$5 = _dll_prop_types;
         }
         log('[render] inFocus: ', inFocus, 'value.isFocused:', value.isFocused, 'focused node: ', focusedNode);
         return _react["default"].createElement("div", {
+          tabIndex: 0,
           className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.noBorder, toolbarOpts && toolbarOpts.noBorder), (0, _defineProperty2["default"])(_classNames2, classes.error, toolbarOpts && toolbarOpts.error), _classNames2), classes.root)
         }, _react["default"].createElement("div", {
           className: holderNames
@@ -158029,7 +158031,9 @@ const require$$23 = _dll_classnames;
           }
           _this.stashValue();
           _this.props.onFocus();
-          change === null || change === void 0 ? void 0 : change.focus();
+          if (!_this.isRelatedTargetButton(event)) {
+            change === null || change === void 0 ? void 0 : change.focus();
+          }
           resolve();
         });
       });
@@ -158372,6 +158376,12 @@ const require$$23 = _dll_classnames;
       value: function componentWillUnmount() {
         window.removeEventListener('resize', this.onResize);
       }
+    }, {
+      key: "isRelatedTargetButton",
+      value: function isRelatedTargetButton(event) {
+        var relatedTarget = event === null || event === void 0 ? void 0 : event.relatedTarget;
+        return relatedTarget && relatedTarget.tagName.toLowerCase() === 'button';
+      }
     }, {
       key: "buildSizeStyle",
       value: function buildSizeStyle() {

package/module/element.js

@@ -142613,6 +142613,7 @@ const require$$3$v = _dll_prop_types;
   var _react = _interopRequireDefault(require$$2$c);
   var _propTypes = _interopRequireDefault(require$$3$v);
   var _styles = styles$1K;
+  var _mathInput = mathInput;
   var MathTemplated = function MathTemplated(_ref) {
     var attributes = _ref.attributes, value = _ref.value, classes = _ref.classes, keyToDisplay = _ref.keyToDisplay;
     return _react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
@@ -142620,11 +142621,10 @@ const require$$3$v = _dll_prop_types;
     }), _react["default"].createElement("div", {
       className: classes.responseBox
     }, keyToDisplay), _react["default"].createElement("div", {
-      className: classes.mathBlock,
-      dangerouslySetInnerHTML: {
-        __html: value || '<div>&nbsp;</div>'
-      }
-    }));
+      className: classes.mathBlock
+    }, _react["default"].createElement(_mathInput.mq.Static, {
+      latex: value
+    })));
   };
   MathTemplated.propTypes = {
     attributes: _propTypes["default"].object,
@@ -142642,6 +142642,7 @@ const require$$3$v = _dll_prop_types;
         boxSizing: 'border-box',
         overflow: 'hidden',
         fontSize: '12px',
+        minHeight: '36px',
         height: '100%',
         alignItems: 'center',
         fontFamily: 'Symbola, Times New Roman, serif',
@@ -142656,7 +142657,7 @@ const require$$3$v = _dll_prop_types;
         justifyContent: 'center',
         minWidth: '50px',
         minHeight: '36px',
-        height: '36px'
+        height: 'fit-content'
       },
       mathBlock: {
         flex: 8,
@@ -146849,6 +146850,7 @@ const require$$13$5 = _dll_prop_types;
         }
         log('[render] inFocus: ', inFocus, 'value.isFocused:', value.isFocused, 'focused node: ', focusedNode);
         return _react["default"].createElement("div", {
+          tabIndex: 0,
           className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.noBorder, toolbarOpts && toolbarOpts.noBorder), (0, _defineProperty2["default"])(_classNames2, classes.error, toolbarOpts && toolbarOpts.error), _classNames2), classes.root)
         }, _react["default"].createElement("div", {
           className: holderNames
@@ -156094,7 +156096,9 @@ const require$$23 = _dll_classnames;
           }
           _this.stashValue();
           _this.props.onFocus();
-          change === null || change === void 0 ? void 0 : change.focus();
+          if (!_this.isRelatedTargetButton(event)) {
+            change === null || change === void 0 ? void 0 : change.focus();
+          }
           resolve();
         });
       });
@@ -156437,6 +156441,12 @@ const require$$23 = _dll_classnames;
       value: function componentWillUnmount() {
         window.removeEventListener('resize', this.onResize);
       }
+    }, {
+      key: "isRelatedTargetButton",
+      value: function isRelatedTargetButton(event) {
+        var relatedTarget = event === null || event === void 0 ? void 0 : event.relatedTarget;
+        return relatedTarget && relatedTarget.tagName.toLowerCase() === 'button';
+      }
     }, {
       key: "buildSizeStyle",
       value: function buildSizeStyle() {

package/module/print.js

@@ -142613,6 +142613,7 @@ const require$$3$v = _dll_prop_types;
   var _react = _interopRequireDefault(require$$2$c);
   var _propTypes = _interopRequireDefault(require$$3$v);
   var _styles = styles$1K;
+  var _mathInput = mathInput;
   var MathTemplated = function MathTemplated(_ref) {
     var attributes = _ref.attributes, value = _ref.value, classes = _ref.classes, keyToDisplay = _ref.keyToDisplay;
     return _react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
@@ -142620,11 +142621,10 @@ const require$$3$v = _dll_prop_types;
     }), _react["default"].createElement("div", {
       className: classes.responseBox
     }, keyToDisplay), _react["default"].createElement("div", {
-      className: classes.mathBlock,
-      dangerouslySetInnerHTML: {
-        __html: value || '<div>&nbsp;</div>'
-      }
-    }));
+      className: classes.mathBlock
+    }, _react["default"].createElement(_mathInput.mq.Static, {
+      latex: value
+    })));
   };
   MathTemplated.propTypes = {
     attributes: _propTypes["default"].object,
@@ -142642,6 +142642,7 @@ const require$$3$v = _dll_prop_types;
         boxSizing: 'border-box',
         overflow: 'hidden',
         fontSize: '12px',
+        minHeight: '36px',
         height: '100%',
         alignItems: 'center',
         fontFamily: 'Symbola, Times New Roman, serif',
@@ -142656,7 +142657,7 @@ const require$$3$v = _dll_prop_types;
         justifyContent: 'center',
         minWidth: '50px',
         minHeight: '36px',
-        height: '36px'
+        height: 'fit-content'
       },
       mathBlock: {
         flex: 8,
@@ -146849,6 +146850,7 @@ const require$$13$5 = _dll_prop_types;
         }
         log('[render] inFocus: ', inFocus, 'value.isFocused:', value.isFocused, 'focused node: ', focusedNode);
         return _react["default"].createElement("div", {
+          tabIndex: 0,
           className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.noBorder, toolbarOpts && toolbarOpts.noBorder), (0, _defineProperty2["default"])(_classNames2, classes.error, toolbarOpts && toolbarOpts.error), _classNames2), classes.root)
         }, _react["default"].createElement("div", {
           className: holderNames
@@ -156094,7 +156096,9 @@ const require$$23 = _dll_classnames;
           }
           _this.stashValue();
           _this.props.onFocus();
-          change === null || change === void 0 ? void 0 : change.focus();
+          if (!_this.isRelatedTargetButton(event)) {
+            change === null || change === void 0 ? void 0 : change.focus();
+          }
           resolve();
         });
       });
@@ -156437,6 +156441,12 @@ const require$$23 = _dll_classnames;
       value: function componentWillUnmount() {
         window.removeEventListener('resize', this.onResize);
       }
+    }, {
+      key: "isRelatedTargetButton",
+      value: function isRelatedTargetButton(event) {
+        var relatedTarget = event === null || event === void 0 ? void 0 : event.relatedTarget;
+        return relatedTarget && relatedTarget.tagName.toLowerCase() === 'button';
+      }
     }, {
       key: "buildSizeStyle",
       value: function buildSizeStyle() {

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.16.3-next.5+f107390e7",
+  "version": "2.16.3",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.16.3-next.5+f107390e7",
-    "@pie-element/rubric": "^3.16.2-next.9+f107390e7",
+    "@pie-element/multi-trait-rubric": "^3.16.3",
+    "@pie-element/rubric": "^3.16.2",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "f107390e711452fb29fac9c6e138081747b418ba",
+  "gitHead": "74588cdded5ddad567f3db7d383c5469b61a6151",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },