@pie-element/complex-rubric 2.10.3 → 2.10.4

package/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.
 
+## [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)
 
 

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.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

package/configure/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@pie-element/complex-rubric-configure",
   "private": true,
-  "version": "2.2.18",
+  "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.3",
-    "@pie-element/rubric": "^3.10.3",
+    "@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,17 @@
 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)
 
 

package/controller/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/complex-rubric-controller",
   "private": true,
-  "version": "2.9.3",
+  "version": "2.9.4",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.17.3",
+    "@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.2/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);
       },
@@ -95250,13 +95247,10 @@ const require$$12$r = _dll_debug;
   var renderMath = function renderMath(el, renderOpts) {
     var _getGlobal$instance, _getGlobal$instance2;
     if (window && window.MathJax && window.MathJax.customKey && window.MathJax.customKey == '@pie-lib/math-rendering-accessible@1') {
-      console.log('RETURN FROM OLD MATH RENDERING, MATH RENDERING ACCESSIBLE WAS FOUND');
       return;
     }
-    console.log('we are in old math rendering');
     var isString = typeof el === 'string';
     var executeOn = document.body;
-    console.log(isString, 'is string in old math rendering');
     if (isString) {
       var div = document.createElement('div');
       div.innerHTML = el;
@@ -95269,14 +95263,11 @@ const require$$12$r = _dll_debug;
       var updatedDocument = html.findMath().compile().getMetrics().typeset().updateDocument();
       var list = updatedDocument.math.list;
       var item = list.next;
-      console.log(item, 'item in old math rendering');
       if (!item) {
-        console.log("return '' in old math rendering");
         return '';
       }
       var mathMl = toMMl(item.data.root);
       var parsedMathMl = mathMl.replaceAll('\n', '');
-      console.log(parsedMathMl, 'parsedMathMl in old math rendering');
       return parsedMathMl;
     }
     if (!getGlobal().instance) {
@@ -95286,14 +95277,11 @@ const require$$12$r = _dll_debug;
       log('el is undefined');
       return;
     }
-    console.log(el, 'element in old math rendering');
     if (el instanceof Element && (_getGlobal$instance = getGlobal().instance) !== null && _getGlobal$instance !== void 0 && _getGlobal$instance.Typeset) {
-      console.log('Typeset element in old math rendering');
       getGlobal().instance.Typeset(el);
     } else if (el.length && (_getGlobal$instance2 = getGlobal().instance) !== null && _getGlobal$instance2 !== void 0 && _getGlobal$instance2.Typeset) {
       var _getGlobal$instance3;
       var arr = Array.from(el);
-      console.log(arr, 'Typeset arr in old math rendering');
       (_getGlobal$instance3 = getGlobal().instance).Typeset.apply(_getGlobal$instance3, (0, _toConsumableArray2["default"])(arr));
     }
   };
@@ -104264,10 +104252,7 @@ getDefaultExportFromCjs(mathRendering);
     return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
   };
   var renderMath = function renderMath(el, renderOpts) {
-    console.log("I'm in math rendering accessible");
     var isString = typeof el === 'string';
-    console.log('IS STRING', isString);
-    console.log('renderOpts', renderOpts);
     var executeOn = document.body;
     if (isString) {
       var div = document.createElement('div');
@@ -104275,19 +104260,16 @@ getDefaultExportFromCjs(mathRendering);
       executeOn = div;
     }
     var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
-    console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
     var renderMathAccessible = function renderMathAccessible() {
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
       if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
-        console.log('INITIALIZE MATHJAX ACCESSIBLE');
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
       if (isString && window.MathJax && window.mathjaxLoadedP) {
         try {
-          console.log('THE ISSUE MUST BE HERE');
           MathJax.texReset();
           MathJax.typesetClear();
           window.MathJax.typeset([executeOn]);
@@ -104296,7 +104278,6 @@ getDefaultExportFromCjs(mathRendering);
           var item = list.next;
           var mathMl = toMMl(item.data.root);
           var parsedMathMl = mathMl.replaceAll('\n', '');
-          console.log(parsedMathMl, 'parsedMathMl');
           return parsedMathMl;
         } catch (error) {
           console.error('Error rendering math:', error.message);
@@ -104305,13 +104286,11 @@ getDefaultExportFromCjs(mathRendering);
       if (window.mathjaxLoadedP) {
         window.mathjaxLoadedP.then(function () {
           var mathJaxInstance = getGlobal().instance;
-          console.log(mathJaxInstance, 'mathJaxInstance');
           if (mathJaxInstance) {
             mathJaxInstance.texReset();
             mathJaxInstance.typesetClear();
             mathJaxInstance.typesetPromise([executeOn]).then(function () {
               try {
-                console.log("I'm in typesetPromise???");
                 removeExcessMjxContainers(executeOn);
                 removePlaceholdersAndRestoreDisplay();
                 var _updatedDocument = mathJaxInstance.startup.document;
@@ -104335,16 +104314,13 @@ getDefaultExportFromCjs(mathRendering);
       }
     };
     if (skipWaitForMathRenderingLib) {
-      console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
       return renderMathAccessible();
     } else {
       if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
-        console.log(mathRenderingKEY, 'mathRenderingKEY');
         removePlaceholdersAndRestoreDisplay();
         return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
-        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -104359,7 +104335,6 @@ getDefaultExportFromCjs(mathRendering);
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
-              console.log(mathRenderingHasLoaded, 'mathRenderingHasLoaded');
               removePlaceholdersAndRestoreDisplay();
               return mr.renderMath(executeOn, renderOpts);
             }
@@ -104368,7 +104343,6 @@ getDefaultExportFromCjs(mathRendering);
         };
         checkIntervalId = setInterval(checkForLib, 100);
       };
-      console.log('waitForMathRenderingLib');
       waitForMathRenderingLib(renderMathAccessible);
     }
   };
@@ -136781,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, [{
@@ -136871,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) {
@@ -144146,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
@@ -144167,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,
@@ -144829,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);
@@ -144871,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);
@@ -149182,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);
   };
@@ -149202,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;
@@ -149349,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;
     }
@@ -149360,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) {
@@ -149470,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) : {};
@@ -149489,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
@@ -150205,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),
@@ -150225,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',
@@ -158614,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);
@@ -158994,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.2/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);
       },
@@ -117576,13 +117578,10 @@ const require$$12$h = _dll_debug;
   var renderMath = function renderMath(el, renderOpts) {
     var _getGlobal$instance, _getGlobal$instance2;
     if (window && window.MathJax && window.MathJax.customKey && window.MathJax.customKey == '@pie-lib/math-rendering-accessible@1') {
-      console.log('RETURN FROM OLD MATH RENDERING, MATH RENDERING ACCESSIBLE WAS FOUND');
       return;
     }
-    console.log('we are in old math rendering');
     var isString = typeof el === 'string';
     var executeOn = document.body;
-    console.log(isString, 'is string in old math rendering');
     if (isString) {
       var div = document.createElement('div');
       div.innerHTML = el;
@@ -117595,14 +117594,11 @@ const require$$12$h = _dll_debug;
       var updatedDocument = html.findMath().compile().getMetrics().typeset().updateDocument();
       var list = updatedDocument.math.list;
       var item = list.next;
-      console.log(item, 'item in old math rendering');
       if (!item) {
-        console.log("return '' in old math rendering");
         return '';
       }
       var mathMl = toMMl(item.data.root);
       var parsedMathMl = mathMl.replaceAll('\n', '');
-      console.log(parsedMathMl, 'parsedMathMl in old math rendering');
       return parsedMathMl;
     }
     if (!getGlobal().instance) {
@@ -117612,14 +117608,11 @@ const require$$12$h = _dll_debug;
       log('el is undefined');
       return;
     }
-    console.log(el, 'element in old math rendering');
     if (el instanceof Element && (_getGlobal$instance = getGlobal().instance) !== null && _getGlobal$instance !== void 0 && _getGlobal$instance.Typeset) {
-      console.log('Typeset element in old math rendering');
       getGlobal().instance.Typeset(el);
     } else if (el.length && (_getGlobal$instance2 = getGlobal().instance) !== null && _getGlobal$instance2 !== void 0 && _getGlobal$instance2.Typeset) {
       var _getGlobal$instance3;
       var arr = Array.from(el);
-      console.log(arr, 'Typeset arr in old math rendering');
       (_getGlobal$instance3 = getGlobal().instance).Typeset.apply(_getGlobal$instance3, (0, _toConsumableArray2["default"])(arr));
     }
   };
@@ -126590,10 +126583,7 @@ getDefaultExportFromCjs(mathRendering);
     return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
   };
   var renderMath = function renderMath(el, renderOpts) {
-    console.log("I'm in math rendering accessible");
     var isString = typeof el === 'string';
-    console.log('IS STRING', isString);
-    console.log('renderOpts', renderOpts);
     var executeOn = document.body;
     if (isString) {
       var div = document.createElement('div');
@@ -126601,19 +126591,16 @@ getDefaultExportFromCjs(mathRendering);
       executeOn = div;
     }
     var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
-    console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
     var renderMathAccessible = function renderMathAccessible() {
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
       if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
-        console.log('INITIALIZE MATHJAX ACCESSIBLE');
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
       if (isString && window.MathJax && window.mathjaxLoadedP) {
         try {
-          console.log('THE ISSUE MUST BE HERE');
           MathJax.texReset();
           MathJax.typesetClear();
           window.MathJax.typeset([executeOn]);
@@ -126622,7 +126609,6 @@ getDefaultExportFromCjs(mathRendering);
           var item = list.next;
           var mathMl = toMMl(item.data.root);
           var parsedMathMl = mathMl.replaceAll('\n', '');
-          console.log(parsedMathMl, 'parsedMathMl');
           return parsedMathMl;
         } catch (error) {
           console.error('Error rendering math:', error.message);
@@ -126631,13 +126617,11 @@ getDefaultExportFromCjs(mathRendering);
       if (window.mathjaxLoadedP) {
         window.mathjaxLoadedP.then(function () {
           var mathJaxInstance = getGlobal().instance;
-          console.log(mathJaxInstance, 'mathJaxInstance');
           if (mathJaxInstance) {
             mathJaxInstance.texReset();
             mathJaxInstance.typesetClear();
             mathJaxInstance.typesetPromise([executeOn]).then(function () {
               try {
-                console.log("I'm in typesetPromise???");
                 removeExcessMjxContainers(executeOn);
                 removePlaceholdersAndRestoreDisplay();
                 var _updatedDocument = mathJaxInstance.startup.document;
@@ -126661,16 +126645,13 @@ getDefaultExportFromCjs(mathRendering);
       }
     };
     if (skipWaitForMathRenderingLib) {
-      console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
       return renderMathAccessible();
     } else {
       if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
-        console.log(mathRenderingKEY, 'mathRenderingKEY');
         removePlaceholdersAndRestoreDisplay();
         return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
-        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -126685,7 +126666,6 @@ getDefaultExportFromCjs(mathRendering);
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
-              console.log(mathRenderingHasLoaded, 'mathRenderingHasLoaded');
               removePlaceholdersAndRestoreDisplay();
               return mr.renderMath(executeOn, renderOpts);
             }
@@ -126694,7 +126674,6 @@ getDefaultExportFromCjs(mathRendering);
         };
         checkIntervalId = setInterval(checkForLib, 100);
       };
-      console.log('waitForMathRenderingLib');
       waitForMathRenderingLib(renderMathAccessible);
     }
   };
@@ -134337,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
@@ -134358,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,
@@ -135020,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);
@@ -135062,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);
@@ -147449,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);
   };
@@ -147469,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;
@@ -147616,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;
     }
@@ -147627,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) {
@@ -147737,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) : {};
@@ -147756,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
@@ -148472,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),
@@ -148492,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',
@@ -156686,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);
@@ -157066,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.2</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.2",
+  "version": "2.10.3",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.10.2"
+      "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.2</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.2/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);
       },
@@ -117576,13 +117578,10 @@ const require$$12$h = _dll_debug;
   var renderMath = function renderMath(el, renderOpts) {
     var _getGlobal$instance, _getGlobal$instance2;
     if (window && window.MathJax && window.MathJax.customKey && window.MathJax.customKey == '@pie-lib/math-rendering-accessible@1') {
-      console.log('RETURN FROM OLD MATH RENDERING, MATH RENDERING ACCESSIBLE WAS FOUND');
       return;
     }
-    console.log('we are in old math rendering');
     var isString = typeof el === 'string';
     var executeOn = document.body;
-    console.log(isString, 'is string in old math rendering');
     if (isString) {
       var div = document.createElement('div');
       div.innerHTML = el;
@@ -117595,14 +117594,11 @@ const require$$12$h = _dll_debug;
       var updatedDocument = html.findMath().compile().getMetrics().typeset().updateDocument();
       var list = updatedDocument.math.list;
       var item = list.next;
-      console.log(item, 'item in old math rendering');
       if (!item) {
-        console.log("return '' in old math rendering");
         return '';
       }
       var mathMl = toMMl(item.data.root);
       var parsedMathMl = mathMl.replaceAll('\n', '');
-      console.log(parsedMathMl, 'parsedMathMl in old math rendering');
       return parsedMathMl;
     }
     if (!getGlobal().instance) {
@@ -117612,14 +117608,11 @@ const require$$12$h = _dll_debug;
       log('el is undefined');
       return;
     }
-    console.log(el, 'element in old math rendering');
     if (el instanceof Element && (_getGlobal$instance = getGlobal().instance) !== null && _getGlobal$instance !== void 0 && _getGlobal$instance.Typeset) {
-      console.log('Typeset element in old math rendering');
       getGlobal().instance.Typeset(el);
     } else if (el.length && (_getGlobal$instance2 = getGlobal().instance) !== null && _getGlobal$instance2 !== void 0 && _getGlobal$instance2.Typeset) {
       var _getGlobal$instance3;
       var arr = Array.from(el);
-      console.log(arr, 'Typeset arr in old math rendering');
       (_getGlobal$instance3 = getGlobal().instance).Typeset.apply(_getGlobal$instance3, (0, _toConsumableArray2["default"])(arr));
     }
   };
@@ -126590,10 +126583,7 @@ getDefaultExportFromCjs(mathRendering);
     return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
   };
   var renderMath = function renderMath(el, renderOpts) {
-    console.log("I'm in math rendering accessible");
     var isString = typeof el === 'string';
-    console.log('IS STRING', isString);
-    console.log('renderOpts', renderOpts);
     var executeOn = document.body;
     if (isString) {
       var div = document.createElement('div');
@@ -126601,19 +126591,16 @@ getDefaultExportFromCjs(mathRendering);
       executeOn = div;
     }
     var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
-    console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
     var renderMathAccessible = function renderMathAccessible() {
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
       if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
-        console.log('INITIALIZE MATHJAX ACCESSIBLE');
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
       if (isString && window.MathJax && window.mathjaxLoadedP) {
         try {
-          console.log('THE ISSUE MUST BE HERE');
           MathJax.texReset();
           MathJax.typesetClear();
           window.MathJax.typeset([executeOn]);
@@ -126622,7 +126609,6 @@ getDefaultExportFromCjs(mathRendering);
           var item = list.next;
           var mathMl = toMMl(item.data.root);
           var parsedMathMl = mathMl.replaceAll('\n', '');
-          console.log(parsedMathMl, 'parsedMathMl');
           return parsedMathMl;
         } catch (error) {
           console.error('Error rendering math:', error.message);
@@ -126631,13 +126617,11 @@ getDefaultExportFromCjs(mathRendering);
       if (window.mathjaxLoadedP) {
         window.mathjaxLoadedP.then(function () {
           var mathJaxInstance = getGlobal().instance;
-          console.log(mathJaxInstance, 'mathJaxInstance');
           if (mathJaxInstance) {
             mathJaxInstance.texReset();
             mathJaxInstance.typesetClear();
             mathJaxInstance.typesetPromise([executeOn]).then(function () {
               try {
-                console.log("I'm in typesetPromise???");
                 removeExcessMjxContainers(executeOn);
                 removePlaceholdersAndRestoreDisplay();
                 var _updatedDocument = mathJaxInstance.startup.document;
@@ -126661,16 +126645,13 @@ getDefaultExportFromCjs(mathRendering);
       }
     };
     if (skipWaitForMathRenderingLib) {
-      console.log(skipWaitForMathRenderingLib, 'skipWaitForMathRenderingLib');
       return renderMathAccessible();
     } else {
       if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
-        console.log(mathRenderingKEY, 'mathRenderingKEY');
         removePlaceholdersAndRestoreDisplay();
         return mr.renderMath(executeOn, renderOpts);
       }
       if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
-        console.log(mathRenderingAccessibleKEY, 'mathRenderingAccessibleKEY');
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -126685,7 +126666,6 @@ getDefaultExportFromCjs(mathRendering);
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
             if (mathRenderingHasLoaded) {
-              console.log(mathRenderingHasLoaded, 'mathRenderingHasLoaded');
               removePlaceholdersAndRestoreDisplay();
               return mr.renderMath(executeOn, renderOpts);
             }
@@ -126694,7 +126674,6 @@ getDefaultExportFromCjs(mathRendering);
         };
         checkIntervalId = setInterval(checkForLib, 100);
       };
-      console.log('waitForMathRenderingLib');
       waitForMathRenderingLib(renderMathAccessible);
     }
   };
@@ -134337,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
@@ -134358,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,
@@ -135020,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);
@@ -135062,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);
@@ -147449,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);
   };
@@ -147469,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;
@@ -147616,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;
     }
@@ -147627,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) {
@@ -147737,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) : {};
@@ -147756,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
@@ -148472,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),
@@ -148492,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',
@@ -156686,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);
@@ -157066,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.3",
+  "version": "2.10.4",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.10.3",
-    "@pie-element/rubric": "^3.10.3",
+    "@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": "c05a86593b64b6c7a7d48ff484cfa5a2a3ade3ea",
+  "gitHead": "512624fa52f5c653c74c32fa49c23af8c6d91c99",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },