@pie-element/complex-rubric 3.4.7-next.25 → 3.4.7-next.27

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.10.0",
+    "@pie-lib/pie-toolbox": "2.10.1",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -1,6 +1,6 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.4.0/module/index.js";
 import RubricConfigure from '@pie-element/rubric/configure/lib';
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.5/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.11.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -125763,10 +125763,15 @@ const {omit: require$$13$d} = _dll_lodash;
     (0, _createClass2["default"])(UiLayout, [{
       key: "computeStyle",
       value: function computeStyle(fontSizeFactor) {
-        var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-        return {
-          fontSize: ("").concat(rootFontSize * fontSizeFactor, "px")
+        var getFontSize = function getFontSize(element) {
+          return parseFloat(getComputedStyle(element).fontSize);
         };
+        var rootFontSize = getFontSize(document.documentElement);
+        var bodyFontSize = getFontSize(document.body);
+        var effectiveFontSize = Math.max(rootFontSize, bodyFontSize);
+        return fontSizeFactor !== 1 ? {
+          fontSize: ("").concat(effectiveFontSize * fontSizeFactor, "px")
+        } : null;
       }
     }, {
       key: "render",
@@ -125774,11 +125779,12 @@ const {omit: require$$13$d} = _dll_lodash;
         var _this$props = this.props, children = _this$props.children, className = _this$props.className, classes = _this$props.classes, fontSizeFactor = _this$props.fontSizeFactor, rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
         var finalClass = (0, _classnames["default"])(className, classes.extraCSSRules, classes.uiLayoutContainer);
         var restProps = (0, _omit["default"])(rest, 'extraCSSRules');
+        var style = this.computeStyle(fontSizeFactor);
         return _react["default"].createElement("div", (0, _extends2["default"])({
           className: finalClass
-        }, restProps, {
-          style: this.computeStyle(fontSizeFactor)
-        }), children);
+        }, restProps, style && ({
+          style: style
+        })), children);
       }
     }]);
     return UiLayout;
@@ -177001,6 +177007,7 @@ const require$$3$d = _dll_prop_types;
     return _react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
       style: {
         display: 'inline-flex',
+        visibility: props.isFocused ? 'hidden' : 'visible',
         minHeight: '55px',
         minWidth: '178px',
         position: 'relative',
@@ -177028,7 +177035,8 @@ const require$$3$d = _dll_prop_types;
   ExplicitConstructedResponse.propTypes = {
     attributes: _propTypes["default"].object,
     error: _propTypes["default"].any,
-    value: _propTypes["default"].string
+    value: _propTypes["default"].string,
+    isFocused: _propTypes["default"].bool
   };
   var _default = ExplicitConstructedResponse;
   exports["default"] = _default;
@@ -177354,7 +177362,7 @@ const {isUndefined: require$$3$b} = _dll_lodash;
         onChange(change);
       },
       renderNode: function renderNode(props) {
-        var attributes = props.attributes, n = props.node;
+        var attributes = props.attributes, n = props.node, isFocused = props.isFocused;
         if (n.type === 'explicit_constructed_response') {
           var data = n.data.toJSON();
           var error;
@@ -177363,6 +177371,7 @@ const {isUndefined: require$$3$b} = _dll_lodash;
           }
           return _react["default"].createElement(_explicitConstructedResponse["default"], {
             attributes: attributes,
+            isFocused: isFocused,
             value: data.value,
             error: error && error[data.index] && error[data.index][0]
           });
@@ -181784,6 +181793,11 @@ const require$$21 = _dll_debug;
       },
       '& table:not([border="1"]) td, th': {
         border: '1px solid #dfe2e5'
+      },
+      '& > div::after': {
+        display: 'block',
+        content: '"¶"',
+        color: '#146EB3'
       }
     },
     toolbarOnTop: {

package/module/element.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.4.0/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.5/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.11.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -142228,10 +142228,15 @@ const {omit: require$$13$b} = _dll_lodash;
     (0, _createClass2["default"])(UiLayout, [{
       key: "computeStyle",
       value: function computeStyle(fontSizeFactor) {
-        var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-        return {
-          fontSize: ("").concat(rootFontSize * fontSizeFactor, "px")
+        var getFontSize = function getFontSize(element) {
+          return parseFloat(getComputedStyle(element).fontSize);
         };
+        var rootFontSize = getFontSize(document.documentElement);
+        var bodyFontSize = getFontSize(document.body);
+        var effectiveFontSize = Math.max(rootFontSize, bodyFontSize);
+        return fontSizeFactor !== 1 ? {
+          fontSize: ("").concat(effectiveFontSize * fontSizeFactor, "px")
+        } : null;
       }
     }, {
       key: "render",
@@ -142239,11 +142244,12 @@ const {omit: require$$13$b} = _dll_lodash;
         var _this$props = this.props, children = _this$props.children, className = _this$props.className, classes = _this$props.classes, fontSizeFactor = _this$props.fontSizeFactor, rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
         var finalClass = (0, _classnames["default"])(className, classes.extraCSSRules, classes.uiLayoutContainer);
         var restProps = (0, _omit["default"])(rest, 'extraCSSRules');
+        var style = this.computeStyle(fontSizeFactor);
         return _react["default"].createElement("div", (0, _extends2["default"])({
           className: finalClass
-        }, restProps, {
-          style: this.computeStyle(fontSizeFactor)
-        }), children);
+        }, restProps, style && ({
+          style: style
+        })), children);
       }
     }]);
     return UiLayout;
@@ -175075,6 +175081,7 @@ const require$$3$d = _dll_prop_types;
     return _react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
       style: {
         display: 'inline-flex',
+        visibility: props.isFocused ? 'hidden' : 'visible',
         minHeight: '55px',
         minWidth: '178px',
         position: 'relative',
@@ -175102,7 +175109,8 @@ const require$$3$d = _dll_prop_types;
   ExplicitConstructedResponse.propTypes = {
     attributes: _propTypes["default"].object,
     error: _propTypes["default"].any,
-    value: _propTypes["default"].string
+    value: _propTypes["default"].string,
+    isFocused: _propTypes["default"].bool
   };
   var _default = ExplicitConstructedResponse;
   exports["default"] = _default;
@@ -175428,7 +175436,7 @@ const {isUndefined: require$$3$b} = _dll_lodash;
         onChange(change);
       },
       renderNode: function renderNode(props) {
-        var attributes = props.attributes, n = props.node;
+        var attributes = props.attributes, n = props.node, isFocused = props.isFocused;
         if (n.type === 'explicit_constructed_response') {
           var data = n.data.toJSON();
           var error;
@@ -175437,6 +175445,7 @@ const {isUndefined: require$$3$b} = _dll_lodash;
           }
           return _react["default"].createElement(_explicitConstructedResponse["default"], {
             attributes: attributes,
+            isFocused: isFocused,
             value: data.value,
             error: error && error[data.index] && error[data.index][0]
           });
@@ -179858,6 +179867,11 @@ const require$$21 = _dll_debug;
       },
       '& table:not([border="1"]) td, th': {
         border: '1px solid #dfe2e5'
+      },
+      '& > div::after': {
+        display: 'block',
+        content: '"¶"',
+        color: '#146EB3'
       }
     },
     toolbarOnTop: {

package/module/manifest.json

@@ -8,7 +8,7 @@
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.10.5"
+      "version": "5.11.0"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.4.0/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.5/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.11.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -142228,10 +142228,15 @@ const {omit: require$$13$b} = _dll_lodash;
     (0, _createClass2["default"])(UiLayout, [{
       key: "computeStyle",
       value: function computeStyle(fontSizeFactor) {
-        var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-        return {
-          fontSize: ("").concat(rootFontSize * fontSizeFactor, "px")
+        var getFontSize = function getFontSize(element) {
+          return parseFloat(getComputedStyle(element).fontSize);
         };
+        var rootFontSize = getFontSize(document.documentElement);
+        var bodyFontSize = getFontSize(document.body);
+        var effectiveFontSize = Math.max(rootFontSize, bodyFontSize);
+        return fontSizeFactor !== 1 ? {
+          fontSize: ("").concat(effectiveFontSize * fontSizeFactor, "px")
+        } : null;
       }
     }, {
       key: "render",
@@ -142239,11 +142244,12 @@ const {omit: require$$13$b} = _dll_lodash;
         var _this$props = this.props, children = _this$props.children, className = _this$props.className, classes = _this$props.classes, fontSizeFactor = _this$props.fontSizeFactor, rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
         var finalClass = (0, _classnames["default"])(className, classes.extraCSSRules, classes.uiLayoutContainer);
         var restProps = (0, _omit["default"])(rest, 'extraCSSRules');
+        var style = this.computeStyle(fontSizeFactor);
         return _react["default"].createElement("div", (0, _extends2["default"])({
           className: finalClass
-        }, restProps, {
-          style: this.computeStyle(fontSizeFactor)
-        }), children);
+        }, restProps, style && ({
+          style: style
+        })), children);
       }
     }]);
     return UiLayout;
@@ -175075,6 +175081,7 @@ const require$$3$d = _dll_prop_types;
     return _react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
       style: {
         display: 'inline-flex',
+        visibility: props.isFocused ? 'hidden' : 'visible',
         minHeight: '55px',
         minWidth: '178px',
         position: 'relative',
@@ -175102,7 +175109,8 @@ const require$$3$d = _dll_prop_types;
   ExplicitConstructedResponse.propTypes = {
     attributes: _propTypes["default"].object,
     error: _propTypes["default"].any,
-    value: _propTypes["default"].string
+    value: _propTypes["default"].string,
+    isFocused: _propTypes["default"].bool
   };
   var _default = ExplicitConstructedResponse;
   exports["default"] = _default;
@@ -175428,7 +175436,7 @@ const {isUndefined: require$$3$b} = _dll_lodash;
         onChange(change);
       },
       renderNode: function renderNode(props) {
-        var attributes = props.attributes, n = props.node;
+        var attributes = props.attributes, n = props.node, isFocused = props.isFocused;
         if (n.type === 'explicit_constructed_response') {
           var data = n.data.toJSON();
           var error;
@@ -175437,6 +175445,7 @@ const {isUndefined: require$$3$b} = _dll_lodash;
           }
           return _react["default"].createElement(_explicitConstructedResponse["default"], {
             attributes: attributes,
+            isFocused: isFocused,
             value: data.value,
             error: error && error[data.index] && error[data.index][0]
           });
@@ -179858,6 +179867,11 @@ const require$$21 = _dll_debug;
       },
       '& table:not([border="1"]) td, th': {
         border: '1px solid #dfe2e5'
+      },
+      '& > div::after': {
+        display: 'block',
+        content: '"¶"',
+        color: '#146EB3'
       }
     },
     toolbarOnTop: {

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "3.4.7-next.25+64c74d469",
+  "version": "3.4.7-next.27+622eab7fb",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^4.3.7-next.25+64c74d469",
-    "@pie-element/rubric": "^4.4.7-next.25+64c74d469",
+    "@pie-element/multi-trait-rubric": "^4.3.7-next.27+622eab7fb",
+    "@pie-element/rubric": "^4.4.7-next.27+622eab7fb",
     "@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": "64c74d4694830e13d60d51e0bcacd38b309ccc6d",
+  "gitHead": "622eab7fb4903086040bebc83387e8628da1846e",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },