@pie-element/complex-rubric 2.10.2 → 2.10.4

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.10.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.10.3...@pie-element/complex-rubric@2.10.4) (2024-05-13)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3650, PD-3651, PD-3621, PD-3620, PD-2127,PD-3709, PD-3726, PD-3191 ([2ef6881](https://github.com/pie-framework/pie-elements/commit/2ef688118b9099c7338cbe88afcdeed228fae11e))
+
+
+
+
+
+## [2.10.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.10.2...@pie-element/complex-rubric@2.10.3) (2024-05-07)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3731 ([2b5d6c9](https://github.com/pie-framework/pie-elements/commit/2b5d6c932280981a0fd636bcb30d7fbc181ac311))
+
+
+
+
+
 ## [2.10.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.10.1...@pie-element/complex-rubric@2.10.2) (2024-05-03)
 
 

package/configure/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.
 
+## [2.2.19](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.2.18...@pie-element/complex-rubric-configure@2.2.19) (2024-05-13)
+
+**Note:** Version bump only for package @pie-element/complex-rubric-configure
+
+
+
+
+
+## [2.2.18](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.2.17...@pie-element/complex-rubric-configure@2.2.18) (2024-05-07)
+
+**Note:** Version bump only for package @pie-element/complex-rubric-configure
+
+
+
+
+
 ## [2.2.17](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.2.16...@pie-element/complex-rubric-configure@2.2.17) (2024-05-03)
 
 **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.17",
+  "version": "2.2.19",
   "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.10.2",
-    "@pie-element/rubric": "^3.10.2",
+    "@pie-element/multi-trait-rubric": "^3.10.4",
+    "@pie-element/rubric": "^3.10.4",
     "@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,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.9.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.9.3...@pie-element/complex-rubric-controller@2.9.4) (2024-05-13)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3650, PD-3651, PD-3621, PD-3620, PD-2127,PD-3709, PD-3726, PD-3191 ([2ef6881](https://github.com/pie-framework/pie-elements/commit/2ef688118b9099c7338cbe88afcdeed228fae11e))
+
+
+
+
+
+## [2.9.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.9.2...@pie-element/complex-rubric-controller@2.9.3) (2024-05-07)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3731 ([2b5d6c9](https://github.com/pie-framework/pie-elements/commit/2b5d6c932280981a0fd636bcb30d7fbc181ac311))
+
+
+
+
+
 ## [2.9.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.9.1...@pie-element/complex-rubric-controller@2.9.2) (2024-05-03)
 
 

package/controller/package.json

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

package/module/configure.js

@@ -1,4 +1,4 @@
-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@1.10.0/module/index.js";
+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@1.10.3/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@4.12.0/module/index.js";
 function _mergeNamespaces(n, m) {
@@ -95187,7 +95187,6 @@ const require$$12$r = _dll_debug;
     };
     var mmlConfig = {
       parseError: function parseError(node) {
-        console.log('error:', node);
         this.error(this.adaptor.textContent(node).replace(/\n.*/g, ''));
       }
     };
@@ -95200,11 +95199,9 @@ const require$$12$r = _dll_debug;
     var customMmlFactory = new _MmlFactory.MmlFactory(_objectSpread(_objectSpread({}, _MmlFactory.MmlFactory.defaultNodes), _mstack.mmlNodes));
     var html = _mathjax.mathjax.document(docProvided, {
       compileError: function compileError(mj, math, err) {
-        console.log('bad math?:', math);
         console.error(err);
       },
       typesetError: function typesetError(doc, math, err) {
-        console.log('typeset error');
         console.error(err);
         doc.typesetError(math, err);
       },
@@ -104321,7 +104318,7 @@ getDefaultExportFromCjs(mathRendering);
     } else {
       if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
         removePlaceholdersAndRestoreDisplay();
-        return mr.renderMath();
+        return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
         return renderMathAccessible();
@@ -104339,7 +104336,7 @@ getDefaultExportFromCjs(mathRendering);
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
               removePlaceholdersAndRestoreDisplay();
-              return mr.renderMath();
+              return mr.renderMath(executeOn, renderOpts);
             }
             renderMathAccessibleCallback();
           }
@@ -136758,6 +136755,11 @@ const require$$14$5 = _dll_pie_framework__mathquill;
           return;
         }
       });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (event) {
+        var onClick = _this.props.onClick;
+        _this.refresh();
+        onClick && onClick(event);
+      });
       return _this;
     }
     (0, _createClass2["default"])(Input, [{
@@ -136848,11 +136850,11 @@ const require$$14$5 = _dll_pie_framework__mathquill;
       key: "render",
       value: function render() {
         var _this3 = this;
-        var _this$props = this.props, onClick = _this$props.onClick, onFocus = _this$props.onFocus, onBlur = _this$props.onBlur, classes = _this$props.classes, className = _this$props.className;
+        var _this$props = this.props, onFocus = _this$props.onFocus, onBlur = _this$props.onBlur, classes = _this$props.classes, className = _this$props.className;
         return _react["default"].createElement("span", {
           className: (0, _classnames["default"])(classes.input, className),
-          onKeyPress: this.onKeyPress,
-          onClick: onClick,
+          onKeyDown: this.onKeyPress,
+          onClick: this.onClick,
           onFocus: onFocus,
           onBlur: onBlur,
           ref: function ref(r) {
@@ -144123,7 +144125,7 @@ const require$$17$2 = _dll_debug;
     (0, _createClass2["default"])(TableToolbar, [{
       key: "render",
       value: function render() {
-        var _this$props = this.props, plugins = _this$props.plugins, value = _this$props.value, onChange = _this$props.onChange, onAddRow = _this$props.onAddRow, onRemoveRow = _this$props.onRemoveRow, onAddColumn = _this$props.onAddColumn, onRemoveColumn = _this$props.onRemoveColumn, onRemoveTable = _this$props.onRemoveTable, onToggleBorder = _this$props.onToggleBorder, hasBorder = _this$props.hasBorder, classes = _this$props.classes;
+        var _this$props = this.props, getFocusedValue = _this$props.getFocusedValue, plugins = _this$props.plugins, value = _this$props.value, onChange = _this$props.onChange, onAddRow = _this$props.onAddRow, onRemoveRow = _this$props.onRemoveRow, onAddColumn = _this$props.onAddColumn, onRemoveColumn = _this$props.onRemoveColumn, onRemoveTable = _this$props.onRemoveTable, onToggleBorder = _this$props.onToggleBorder, hasBorder = _this$props.hasBorder, classes = _this$props.classes;
         log('[render] hasBorder:', hasBorder);
         return _react["default"].createElement("div", {
           className: classes.tableToolbar
@@ -144144,7 +144146,8 @@ const require$$17$2 = _dll_debug;
             key: ("plugin-").concat(index)
           }, p.toolbar, {
             value: value,
-            onChange: onChange
+            onChange: onChange,
+            getFocusedValue: getFocusedValue
           }));
         }), _react["default"].createElement(_toolbarButtons.Button, {
           onClick: onToggleBorder,
@@ -144806,7 +144809,7 @@ const require$$9$r = _dll_prop_types;
       supports: function supports(node, value) {
         return node && node.object === 'block' && core.utils.isSelectionInTable(value);
       },
-      customToolbar: function customToolbar(node, value, onToolbarDone) {
+      customToolbar: function customToolbar(node, value, onToolbarDone, getFocusedValue) {
         log('[customToolbar] node.data: ', node.data);
         var tableBlock = core.utils.getTableBlock(value.document, node === null || node === void 0 ? void 0 : node.key);
         log('[customToolbar] tableBlock: ', tableBlock);
@@ -144848,6 +144851,7 @@ const require$$9$r = _dll_prop_types;
         };
         var Tb = function Tb() {
           return _react["default"].createElement(_tableToolbar["default"], {
+            getFocusedValue: getFocusedValue,
             plugins: toolbarPlugins,
             onChange: function onChange(c) {
               return onToolbarDone(c, false);
@@ -149159,8 +149163,8 @@ const require$$11$l = _dll_prop_types;
     var letter = _ref2.letter;
     return _react["default"].createElement("div", {
       style: {
-        fontSize: '25px',
-        lineHeight: '15px'
+        fontSize: '24px',
+        lineHeight: '24px'
       }
     }, letter);
   };
@@ -149179,7 +149183,9 @@ const require$$11$l = _dll_prop_types;
           var editorDOM = document.querySelector(("[data-key=\"").concat(value.document.key, "\"]"));
           var valueToUse = value;
           var callback = function callback(_char, focus) {
-            valueToUse = getFocusedValue();
+            if (getFocusedValue) {
+              valueToUse = getFocusedValue() || valueToUse;
+            }
             if (_char) {
               var change = valueToUse.change().insertTextByKey(valueToUse.anchorKey, valueToUse.anchorOffset, _char);
               valueToUse = change.value;
@@ -149326,7 +149332,7 @@ const {debounce: require$$16$3} = _dll_lodash;
     }
   }
   var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar');
-  var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, onDataChange) {
+  var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, getFocusedValue, onDataChange) {
     if (!plugin) {
       return;
     }
@@ -149337,7 +149343,7 @@ const {debounce: require$$16$3} = _dll_lodash;
       return plugin.toolbar.CustomToolbarComp;
     } else if (typeof plugin.toolbar.customToolbar === 'function') {
       log('deprecated - use CustomToolbarComp');
-      return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);
+      return plugin.toolbar.customToolbar(node, value, handleDone, getFocusedValue, onDataChange);
     }
   };
   var Toolbar = (function (_React$Component) {
@@ -149447,7 +149453,7 @@ const {debounce: require$$16$3} = _dll_lodash;
         var handleDataChange = function handleDataChange(key, data) {
           _this2.props.onDataChange(key, data);
         };
-        var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, this.props.onDataChange);
+        var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, getFocusedValue, this.props.onDataChange);
         var filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;
         log('[render] CustomToolbar: ', CustomToolbar);
         var parentExtraStyles = parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};
@@ -149466,6 +149472,7 @@ const {debounce: require$$16$3} = _dll_lodash;
         }, CustomToolbar ? _react["default"].createElement(CustomToolbar, {
           node: node,
           value: value,
+          getFocusedValue: getFocusedValue,
           onToolbarDone: this.onToolbarDone,
           onDataChange: handleDataChange,
           pluginProps: pluginProps
@@ -150182,7 +150189,10 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
   var imagePlugin = opts.image && opts.image.onDelete && (0, _image["default"])(opts.image);
   var mathPlugin = (0, _math["default"])(opts.math);
   var respAreaPlugin = opts.responseArea && opts.responseArea.type && (0, _respArea["default"])(opts.responseArea, (0, _compact["default"])([mathPlugin]));
-  var builtPlugins = (0, _compact["default"])([addIf('table', (0, _table["default"])(opts.table, (0, _compact["default"])([imagePlugin, mathPlugin, respAreaPlugin]))), addIf('bold', MarkHotkey({
+  var languageCharactersPlugins = ((opts === null || opts === void 0 ? void 0 : opts.languageCharacters) || []).map(function (config) {
+    return (0, _characters["default"])(config);
+  });
+  var builtPlugins = (0, _compact["default"])([addIf('table', (0, _table["default"])(opts.table, (0, _compact["default"])([imagePlugin, mathPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins))))), addIf('bold', MarkHotkey({
     key: 'b',
     type: 'bold',
     icon: _react$1e["default"].createElement(_FormatBold["default"], null),
@@ -150202,8 +150212,8 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     type: 'underline',
     icon: _react$1e["default"].createElement(_FormatUnderlined["default"], null),
     tag: 'u'
-  })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(opts.languageCharacters.map(function (config) {
-    return addIf('languageCharacters', (0, _characters["default"])(config));
+  })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins.map(function (plugin) {
+    return addIf('languageCharacters', plugin);
   })), [addIf('bulleted-list', (0, _list["default"])({
     key: 'l',
     type: 'ul_list',
@@ -158591,6 +158601,7 @@ const require$$23 = _dll_classnames;
       isHtmlMode: isHtmlMode
     });
   };
+  var MAX_CHARACTERS_LIMIT = 1000000;
   var Editor = (function (_React$Component) {
     (0, _inherits2["default"])(Editor, _React$Component);
     var _super = _createSuper(Editor);
@@ -158971,7 +158982,11 @@ const require$$23 = _dll_classnames;
         log('[onChange]');
         var value = change.value;
         var charactersLimit = _this.props.charactersLimit;
-        if (value && value.document && value.document.text && value.document.text.length > charactersLimit) {
+        var limit = charactersLimit;
+        if (!limit || limit > MAX_CHARACTERS_LIMIT) {
+          limit = MAX_CHARACTERS_LIMIT;
+        }
+        if (value && value.document && value.document.text && value.document.text.length > limit) {
           return;
         }
         var isEditedInHtmlMode = !_this.state.isHtmlMode ? false : _this.state.value.document.text !== value.document.text ? true : _this.state.isEditedInHtmlMode;

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.3/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -37584,6 +37584,11 @@ const require$$14$5 = _dll_pie_framework__mathquill;
           return;
         }
       });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (event) {
+        var onClick = _this.props.onClick;
+        _this.refresh();
+        onClick && onClick(event);
+      });
       return _this;
     }
     (0, _createClass2["default"])(Input, [{
@@ -37674,11 +37679,11 @@ const require$$14$5 = _dll_pie_framework__mathquill;
       key: "render",
       value: function render() {
         var _this3 = this;
-        var _this$props = this.props, onClick = _this$props.onClick, onFocus = _this$props.onFocus, onBlur = _this$props.onBlur, classes = _this$props.classes, className = _this$props.className;
+        var _this$props = this.props, onFocus = _this$props.onFocus, onBlur = _this$props.onBlur, classes = _this$props.classes, className = _this$props.className;
         return _react["default"].createElement("span", {
           className: (0, _classnames["default"])(classes.input, className),
-          onKeyPress: this.onKeyPress,
-          onClick: onClick,
+          onKeyDown: this.onKeyPress,
+          onClick: this.onClick,
           onFocus: onFocus,
           onBlur: onBlur,
           ref: function ref(r) {
@@ -117513,7 +117518,6 @@ const require$$12$h = _dll_debug;
     };
     var mmlConfig = {
       parseError: function parseError(node) {
-        console.log('error:', node);
         this.error(this.adaptor.textContent(node).replace(/\n.*/g, ''));
       }
     };
@@ -117526,11 +117530,9 @@ const require$$12$h = _dll_debug;
     var customMmlFactory = new _MmlFactory.MmlFactory(_objectSpread(_objectSpread({}, _MmlFactory.MmlFactory.defaultNodes), _mstack.mmlNodes));
     var html = _mathjax.mathjax.document(docProvided, {
       compileError: function compileError(mj, math, err) {
-        console.log('bad math?:', math);
         console.error(err);
       },
       typesetError: function typesetError(doc, math, err) {
-        console.log('typeset error');
         console.error(err);
         doc.typesetError(math, err);
       },
@@ -126647,7 +126649,7 @@ getDefaultExportFromCjs(mathRendering);
     } else {
       if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
         removePlaceholdersAndRestoreDisplay();
-        return mr.renderMath();
+        return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
         return renderMathAccessible();
@@ -126665,7 +126667,7 @@ getDefaultExportFromCjs(mathRendering);
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
               removePlaceholdersAndRestoreDisplay();
-              return mr.renderMath();
+              return mr.renderMath(executeOn, renderOpts);
             }
             renderMathAccessibleCallback();
           }
@@ -134314,7 +134316,7 @@ const require$$17$2 = _dll_debug;
     (0, _createClass2["default"])(TableToolbar, [{
       key: "render",
       value: function render() {
-        var _this$props = this.props, plugins = _this$props.plugins, value = _this$props.value, onChange = _this$props.onChange, onAddRow = _this$props.onAddRow, onRemoveRow = _this$props.onRemoveRow, onAddColumn = _this$props.onAddColumn, onRemoveColumn = _this$props.onRemoveColumn, onRemoveTable = _this$props.onRemoveTable, onToggleBorder = _this$props.onToggleBorder, hasBorder = _this$props.hasBorder, classes = _this$props.classes;
+        var _this$props = this.props, getFocusedValue = _this$props.getFocusedValue, plugins = _this$props.plugins, value = _this$props.value, onChange = _this$props.onChange, onAddRow = _this$props.onAddRow, onRemoveRow = _this$props.onRemoveRow, onAddColumn = _this$props.onAddColumn, onRemoveColumn = _this$props.onRemoveColumn, onRemoveTable = _this$props.onRemoveTable, onToggleBorder = _this$props.onToggleBorder, hasBorder = _this$props.hasBorder, classes = _this$props.classes;
         log('[render] hasBorder:', hasBorder);
         return _react["default"].createElement("div", {
           className: classes.tableToolbar
@@ -134335,7 +134337,8 @@ const require$$17$2 = _dll_debug;
             key: ("plugin-").concat(index)
           }, p.toolbar, {
             value: value,
-            onChange: onChange
+            onChange: onChange,
+            getFocusedValue: getFocusedValue
           }));
         }), _react["default"].createElement(_toolbarButtons.Button, {
           onClick: onToggleBorder,
@@ -134997,7 +135000,7 @@ const require$$9$s = _dll_prop_types;
       supports: function supports(node, value) {
         return node && node.object === 'block' && core.utils.isSelectionInTable(value);
       },
-      customToolbar: function customToolbar(node, value, onToolbarDone) {
+      customToolbar: function customToolbar(node, value, onToolbarDone, getFocusedValue) {
         log('[customToolbar] node.data: ', node.data);
         var tableBlock = core.utils.getTableBlock(value.document, node === null || node === void 0 ? void 0 : node.key);
         log('[customToolbar] tableBlock: ', tableBlock);
@@ -135039,6 +135042,7 @@ const require$$9$s = _dll_prop_types;
         };
         var Tb = function Tb() {
           return _react["default"].createElement(_tableToolbar["default"], {
+            getFocusedValue: getFocusedValue,
             plugins: toolbarPlugins,
             onChange: function onChange(c) {
               return onToolbarDone(c, false);
@@ -147426,8 +147430,8 @@ const require$$11$l = _dll_prop_types;
     var letter = _ref2.letter;
     return _react["default"].createElement("div", {
       style: {
-        fontSize: '25px',
-        lineHeight: '15px'
+        fontSize: '24px',
+        lineHeight: '24px'
       }
     }, letter);
   };
@@ -147446,7 +147450,9 @@ const require$$11$l = _dll_prop_types;
           var editorDOM = document.querySelector(("[data-key=\"").concat(value.document.key, "\"]"));
           var valueToUse = value;
           var callback = function callback(_char, focus) {
-            valueToUse = getFocusedValue();
+            if (getFocusedValue) {
+              valueToUse = getFocusedValue() || valueToUse;
+            }
             if (_char) {
               var change = valueToUse.change().insertTextByKey(valueToUse.anchorKey, valueToUse.anchorOffset, _char);
               valueToUse = change.value;
@@ -147593,7 +147599,7 @@ const {debounce: require$$16$3} = _dll_lodash;
     }
   }
   var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar');
-  var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, onDataChange) {
+  var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, getFocusedValue, onDataChange) {
     if (!plugin) {
       return;
     }
@@ -147604,7 +147610,7 @@ const {debounce: require$$16$3} = _dll_lodash;
       return plugin.toolbar.CustomToolbarComp;
     } else if (typeof plugin.toolbar.customToolbar === 'function') {
       log('deprecated - use CustomToolbarComp');
-      return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);
+      return plugin.toolbar.customToolbar(node, value, handleDone, getFocusedValue, onDataChange);
     }
   };
   var Toolbar = (function (_React$Component) {
@@ -147714,7 +147720,7 @@ const {debounce: require$$16$3} = _dll_lodash;
         var handleDataChange = function handleDataChange(key, data) {
           _this2.props.onDataChange(key, data);
         };
-        var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, this.props.onDataChange);
+        var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, getFocusedValue, this.props.onDataChange);
         var filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;
         log('[render] CustomToolbar: ', CustomToolbar);
         var parentExtraStyles = parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};
@@ -147733,6 +147739,7 @@ const {debounce: require$$16$3} = _dll_lodash;
         }, CustomToolbar ? _react["default"].createElement(CustomToolbar, {
           node: node,
           value: value,
+          getFocusedValue: getFocusedValue,
           onToolbarDone: this.onToolbarDone,
           onDataChange: handleDataChange,
           pluginProps: pluginProps
@@ -148449,7 +148456,10 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
   var imagePlugin = opts.image && opts.image.onDelete && (0, _image["default"])(opts.image);
   var mathPlugin = (0, _math["default"])(opts.math);
   var respAreaPlugin = opts.responseArea && opts.responseArea.type && (0, _respArea["default"])(opts.responseArea, (0, _compact["default"])([mathPlugin]));
-  var builtPlugins = (0, _compact["default"])([addIf('table', (0, _table["default"])(opts.table, (0, _compact["default"])([imagePlugin, mathPlugin, respAreaPlugin]))), addIf('bold', MarkHotkey({
+  var languageCharactersPlugins = ((opts === null || opts === void 0 ? void 0 : opts.languageCharacters) || []).map(function (config) {
+    return (0, _characters["default"])(config);
+  });
+  var builtPlugins = (0, _compact["default"])([addIf('table', (0, _table["default"])(opts.table, (0, _compact["default"])([imagePlugin, mathPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins))))), addIf('bold', MarkHotkey({
     key: 'b',
     type: 'bold',
     icon: _react$1c["default"].createElement(_FormatBold["default"], null),
@@ -148469,8 +148479,8 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     type: 'underline',
     icon: _react$1c["default"].createElement(_FormatUnderlined["default"], null),
     tag: 'u'
-  })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(opts.languageCharacters.map(function (config) {
-    return addIf('languageCharacters', (0, _characters["default"])(config));
+  })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins.map(function (plugin) {
+    return addIf('languageCharacters', plugin);
   })), [addIf('bulleted-list', (0, _list["default"])({
     key: 'l',
     type: 'ul_list',
@@ -156663,6 +156673,7 @@ const require$$23 = _dll_classnames;
       isHtmlMode: isHtmlMode
     });
   };
+  var MAX_CHARACTERS_LIMIT = 1000000;
   var Editor = (function (_React$Component) {
     (0, _inherits2["default"])(Editor, _React$Component);
     var _super = _createSuper(Editor);
@@ -157043,7 +157054,11 @@ const require$$23 = _dll_classnames;
         log('[onChange]');
         var value = change.value;
         var charactersLimit = _this.props.charactersLimit;
-        if (value && value.document && value.document.text && value.document.text.length > charactersLimit) {
+        var limit = charactersLimit;
+        if (!limit || limit > MAX_CHARACTERS_LIMIT) {
+          limit = MAX_CHARACTERS_LIMIT;
+        }
+        if (value && value.document && value.document.text && value.document.text.length > limit) {
           return;
         }
         var isEditedInHtmlMode = !_this.state.isHtmlMode ? false : _this.state.value.document.text !== value.document.text ? true : _this.state.isEditedInHtmlMode;

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/complex-rubric@2.10.1</title>
+      <title>@pie-element/complex-rubric@2.10.3</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,10 +1,10 @@
 {
   "name": "@pie-element/complex-rubric",
-  "version": "2.10.1",
+  "version": "2.10.3",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.10.0"
+      "version": "1.10.3"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/complex-rubric@2.10.1</title>
+      <title>@pie-element/complex-rubric@2.10.3</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.3/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -37584,6 +37584,11 @@ const require$$14$5 = _dll_pie_framework__mathquill;
           return;
         }
       });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (event) {
+        var onClick = _this.props.onClick;
+        _this.refresh();
+        onClick && onClick(event);
+      });
       return _this;
     }
     (0, _createClass2["default"])(Input, [{
@@ -37674,11 +37679,11 @@ const require$$14$5 = _dll_pie_framework__mathquill;
       key: "render",
       value: function render() {
         var _this3 = this;
-        var _this$props = this.props, onClick = _this$props.onClick, onFocus = _this$props.onFocus, onBlur = _this$props.onBlur, classes = _this$props.classes, className = _this$props.className;
+        var _this$props = this.props, onFocus = _this$props.onFocus, onBlur = _this$props.onBlur, classes = _this$props.classes, className = _this$props.className;
         return _react["default"].createElement("span", {
           className: (0, _classnames["default"])(classes.input, className),
-          onKeyPress: this.onKeyPress,
-          onClick: onClick,
+          onKeyDown: this.onKeyPress,
+          onClick: this.onClick,
           onFocus: onFocus,
           onBlur: onBlur,
           ref: function ref(r) {
@@ -117513,7 +117518,6 @@ const require$$12$h = _dll_debug;
     };
     var mmlConfig = {
       parseError: function parseError(node) {
-        console.log('error:', node);
         this.error(this.adaptor.textContent(node).replace(/\n.*/g, ''));
       }
     };
@@ -117526,11 +117530,9 @@ const require$$12$h = _dll_debug;
     var customMmlFactory = new _MmlFactory.MmlFactory(_objectSpread(_objectSpread({}, _MmlFactory.MmlFactory.defaultNodes), _mstack.mmlNodes));
     var html = _mathjax.mathjax.document(docProvided, {
       compileError: function compileError(mj, math, err) {
-        console.log('bad math?:', math);
         console.error(err);
       },
       typesetError: function typesetError(doc, math, err) {
-        console.log('typeset error');
         console.error(err);
         doc.typesetError(math, err);
       },
@@ -126647,7 +126649,7 @@ getDefaultExportFromCjs(mathRendering);
     } else {
       if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
         removePlaceholdersAndRestoreDisplay();
-        return mr.renderMath();
+        return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
         return renderMathAccessible();
@@ -126665,7 +126667,7 @@ getDefaultExportFromCjs(mathRendering);
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
               removePlaceholdersAndRestoreDisplay();
-              return mr.renderMath();
+              return mr.renderMath(executeOn, renderOpts);
             }
             renderMathAccessibleCallback();
           }
@@ -134314,7 +134316,7 @@ const require$$17$2 = _dll_debug;
     (0, _createClass2["default"])(TableToolbar, [{
       key: "render",
       value: function render() {
-        var _this$props = this.props, plugins = _this$props.plugins, value = _this$props.value, onChange = _this$props.onChange, onAddRow = _this$props.onAddRow, onRemoveRow = _this$props.onRemoveRow, onAddColumn = _this$props.onAddColumn, onRemoveColumn = _this$props.onRemoveColumn, onRemoveTable = _this$props.onRemoveTable, onToggleBorder = _this$props.onToggleBorder, hasBorder = _this$props.hasBorder, classes = _this$props.classes;
+        var _this$props = this.props, getFocusedValue = _this$props.getFocusedValue, plugins = _this$props.plugins, value = _this$props.value, onChange = _this$props.onChange, onAddRow = _this$props.onAddRow, onRemoveRow = _this$props.onRemoveRow, onAddColumn = _this$props.onAddColumn, onRemoveColumn = _this$props.onRemoveColumn, onRemoveTable = _this$props.onRemoveTable, onToggleBorder = _this$props.onToggleBorder, hasBorder = _this$props.hasBorder, classes = _this$props.classes;
         log('[render] hasBorder:', hasBorder);
         return _react["default"].createElement("div", {
           className: classes.tableToolbar
@@ -134335,7 +134337,8 @@ const require$$17$2 = _dll_debug;
             key: ("plugin-").concat(index)
           }, p.toolbar, {
             value: value,
-            onChange: onChange
+            onChange: onChange,
+            getFocusedValue: getFocusedValue
           }));
         }), _react["default"].createElement(_toolbarButtons.Button, {
           onClick: onToggleBorder,
@@ -134997,7 +135000,7 @@ const require$$9$s = _dll_prop_types;
       supports: function supports(node, value) {
         return node && node.object === 'block' && core.utils.isSelectionInTable(value);
       },
-      customToolbar: function customToolbar(node, value, onToolbarDone) {
+      customToolbar: function customToolbar(node, value, onToolbarDone, getFocusedValue) {
         log('[customToolbar] node.data: ', node.data);
         var tableBlock = core.utils.getTableBlock(value.document, node === null || node === void 0 ? void 0 : node.key);
         log('[customToolbar] tableBlock: ', tableBlock);
@@ -135039,6 +135042,7 @@ const require$$9$s = _dll_prop_types;
         };
         var Tb = function Tb() {
           return _react["default"].createElement(_tableToolbar["default"], {
+            getFocusedValue: getFocusedValue,
             plugins: toolbarPlugins,
             onChange: function onChange(c) {
               return onToolbarDone(c, false);
@@ -147426,8 +147430,8 @@ const require$$11$l = _dll_prop_types;
     var letter = _ref2.letter;
     return _react["default"].createElement("div", {
       style: {
-        fontSize: '25px',
-        lineHeight: '15px'
+        fontSize: '24px',
+        lineHeight: '24px'
       }
     }, letter);
   };
@@ -147446,7 +147450,9 @@ const require$$11$l = _dll_prop_types;
           var editorDOM = document.querySelector(("[data-key=\"").concat(value.document.key, "\"]"));
           var valueToUse = value;
           var callback = function callback(_char, focus) {
-            valueToUse = getFocusedValue();
+            if (getFocusedValue) {
+              valueToUse = getFocusedValue() || valueToUse;
+            }
             if (_char) {
               var change = valueToUse.change().insertTextByKey(valueToUse.anchorKey, valueToUse.anchorOffset, _char);
               valueToUse = change.value;
@@ -147593,7 +147599,7 @@ const {debounce: require$$16$3} = _dll_lodash;
     }
   }
   var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar');
-  var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, onDataChange) {
+  var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, getFocusedValue, onDataChange) {
     if (!plugin) {
       return;
     }
@@ -147604,7 +147610,7 @@ const {debounce: require$$16$3} = _dll_lodash;
       return plugin.toolbar.CustomToolbarComp;
     } else if (typeof plugin.toolbar.customToolbar === 'function') {
       log('deprecated - use CustomToolbarComp');
-      return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);
+      return plugin.toolbar.customToolbar(node, value, handleDone, getFocusedValue, onDataChange);
     }
   };
   var Toolbar = (function (_React$Component) {
@@ -147714,7 +147720,7 @@ const {debounce: require$$16$3} = _dll_lodash;
         var handleDataChange = function handleDataChange(key, data) {
           _this2.props.onDataChange(key, data);
         };
-        var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, this.props.onDataChange);
+        var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, getFocusedValue, this.props.onDataChange);
         var filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;
         log('[render] CustomToolbar: ', CustomToolbar);
         var parentExtraStyles = parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};
@@ -147733,6 +147739,7 @@ const {debounce: require$$16$3} = _dll_lodash;
         }, CustomToolbar ? _react["default"].createElement(CustomToolbar, {
           node: node,
           value: value,
+          getFocusedValue: getFocusedValue,
           onToolbarDone: this.onToolbarDone,
           onDataChange: handleDataChange,
           pluginProps: pluginProps
@@ -148449,7 +148456,10 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
   var imagePlugin = opts.image && opts.image.onDelete && (0, _image["default"])(opts.image);
   var mathPlugin = (0, _math["default"])(opts.math);
   var respAreaPlugin = opts.responseArea && opts.responseArea.type && (0, _respArea["default"])(opts.responseArea, (0, _compact["default"])([mathPlugin]));
-  var builtPlugins = (0, _compact["default"])([addIf('table', (0, _table["default"])(opts.table, (0, _compact["default"])([imagePlugin, mathPlugin, respAreaPlugin]))), addIf('bold', MarkHotkey({
+  var languageCharactersPlugins = ((opts === null || opts === void 0 ? void 0 : opts.languageCharacters) || []).map(function (config) {
+    return (0, _characters["default"])(config);
+  });
+  var builtPlugins = (0, _compact["default"])([addIf('table', (0, _table["default"])(opts.table, (0, _compact["default"])([imagePlugin, mathPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins))))), addIf('bold', MarkHotkey({
     key: 'b',
     type: 'bold',
     icon: _react$1c["default"].createElement(_FormatBold["default"], null),
@@ -148469,8 +148479,8 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     type: 'underline',
     icon: _react$1c["default"].createElement(_FormatUnderlined["default"], null),
     tag: 'u'
-  })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(opts.languageCharacters.map(function (config) {
-    return addIf('languageCharacters', (0, _characters["default"])(config));
+  })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins.map(function (plugin) {
+    return addIf('languageCharacters', plugin);
   })), [addIf('bulleted-list', (0, _list["default"])({
     key: 'l',
     type: 'ul_list',
@@ -156663,6 +156673,7 @@ const require$$23 = _dll_classnames;
       isHtmlMode: isHtmlMode
     });
   };
+  var MAX_CHARACTERS_LIMIT = 1000000;
   var Editor = (function (_React$Component) {
     (0, _inherits2["default"])(Editor, _React$Component);
     var _super = _createSuper(Editor);
@@ -157043,7 +157054,11 @@ const require$$23 = _dll_classnames;
         log('[onChange]');
         var value = change.value;
         var charactersLimit = _this.props.charactersLimit;
-        if (value && value.document && value.document.text && value.document.text.length > charactersLimit) {
+        var limit = charactersLimit;
+        if (!limit || limit > MAX_CHARACTERS_LIMIT) {
+          limit = MAX_CHARACTERS_LIMIT;
+        }
+        if (value && value.document && value.document.text && value.document.text.length > limit) {
           return;
         }
         var isEditedInHtmlMode = !_this.state.isHtmlMode ? false : _this.state.value.document.text !== value.document.text ? true : _this.state.isEditedInHtmlMode;

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.10.2",
+  "version": "2.10.4",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.10.2",
-    "@pie-element/rubric": "^3.10.2",
+    "@pie-element/multi-trait-rubric": "^3.10.4",
+    "@pie-element/rubric": "^3.10.4",
     "@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": "e36060353a9a0203a362c8f42780002a072cebdb",
+  "gitHead": "512624fa52f5c653c74c32fa49c23af8c6d91c99",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },