@pie-element/math-templated 3.3.1-next.23 → 3.3.1-next.24

package/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.2.0",
+    "@pie-lib/pie-toolbox": "2.3.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/package.json

@@ -7,7 +7,7 @@
   "module": "src/index.js",
   "dependencies": {
     "@pie-framework/math-validation": "^1.2.2",
-    "@pie-lib/pie-toolbox": "2.2.0",
+    "@pie-lib/pie-toolbox": "2.3.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

package/module/configure.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.2.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.2.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.2.1/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;
@@ -42541,7 +42541,6 @@ const require$$12$5 = _dll_prop_types;
       backgroundColor: ("var(--feedback-bg-color, ").concat(color.disabled(), ")"),
       borderRadius: '4px',
       fontFamily: '"Roboto", "Noto", sans-serif',
-      fontSize: '12px',
       lineHeight: '25px',
       margin: '0px',
       padding: '10px',
@@ -59914,7 +59913,7 @@ const {omit: require$$13$1} = _dll_lodash;
   var _classnames = _interopRequireDefault(require$$12$2);
   var _omit = _interopRequireDefault(require$$13$1);
   var _appendCssRules = _interopRequireDefault(appendCssRules);
-  var _excluded = ["children", "className", "classes"];
+  var _excluded = ["children", "className", "classes", "fontSizeFactor"];
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -59950,14 +59949,24 @@ const {omit: require$$13$1} = _dll_lodash;
       return _this;
     }
     (0, _createClass2["default"])(UiLayout, [{
+      key: "computeStyle",
+      value: function computeStyle(fontSizeFactor) {
+        var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+        return {
+          fontSize: ("").concat(rootFontSize * fontSizeFactor, "px")
+        };
+      }
+    }, {
       key: "render",
       value: function render() {
-        var _this$props = this.props, children = _this$props.children, className = _this$props.className, classes = _this$props.classes, rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+        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);
         var restProps = (0, _omit["default"])(rest, 'extraCSSRules');
         return _react["default"].createElement("div", (0, _extends2["default"])({
           className: finalClass
-        }, restProps), children);
+        }, restProps, {
+          style: this.computeStyle(fontSizeFactor)
+        }), children);
       }
     }]);
     return UiLayout;
@@ -59969,10 +59978,12 @@ const {omit: require$$13$1} = _dll_lodash;
     extraCSSRules: _propTypes["default"].shape({
       names: _propTypes["default"].arrayOf(_propTypes["default"].string),
       rules: _propTypes["default"].string
-    })
+    }),
+    fontSizeFactor: _propTypes["default"].number
   });
   (0, _defineProperty2["default"])(UiLayout, "defaultProps", {
-    extraCSSRules: {}
+    extraCSSRules: {},
+    fontSizeFactor: 1
   });
   var styles = {
     extraCSSRules: {}
@@ -60035,7 +60046,7 @@ const require$$10$1 = _dll_prop_types;
     (0, _createClass2["default"])(PreviewLayout, [{
       key: "render",
       value: function render() {
-        var _this$props = this.props, children = _this$props.children, classes = _this$props.classes, ariaLabel = _this$props.ariaLabel, role = _this$props.role, extraCSSRules = _this$props.extraCSSRules;
+        var _this$props = this.props, children = _this$props.children, classes = _this$props.classes, ariaLabel = _this$props.ariaLabel, role = _this$props.role, extraCSSRules = _this$props.extraCSSRules, fontSizeFactor = _this$props.fontSizeFactor;
         var accessibility = ariaLabel ? {
           'aria-label': ariaLabel,
           role: role
@@ -60043,7 +60054,8 @@ const require$$10$1 = _dll_prop_types;
         return _react["default"].createElement(_uiLayout["default"], (0, _extends2["default"])({
           className: classes.container
         }, accessibility, {
-          extraCSSRules: extraCSSRules
+          extraCSSRules: extraCSSRules,
+          fontSizeFactor: fontSizeFactor
         }), children);
       }
     }]);
@@ -60057,7 +60069,8 @@ const require$$10$1 = _dll_prop_types;
     extraCSSRules: _propTypes["default"].shape({
       names: _propTypes["default"].arrayOf(_propTypes["default"].string),
       rules: _propTypes["default"].string
-    })
+    }),
+    fontSizeFactor: _propTypes["default"].number
   });
   var styles = function styles() {
     return {