@pie-element/extended-text-entry 6.8.7 → 6.8.8

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.8.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.8.7...@pie-element/extended-text-entry@6.8.8) (2022-05-03)
+
+**Note:** Version bump only for package @pie-element/extended-text-entry
+
+
+
+
+
 ## [6.8.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.8.6...@pie-element/extended-text-entry@6.8.7) (2022-04-12)
 
 **Note:** Version bump only for package @pie-element/extended-text-entry

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.
 
+## [5.4.17](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry-configure@5.4.16...@pie-element/extended-text-entry-configure@5.4.17) (2022-05-03)
+
+**Note:** Version bump only for package @pie-element/extended-text-entry-configure
+
+
+
+
+
 ## [5.4.16](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry-configure@5.4.15...@pie-element/extended-text-entry-configure@5.4.16) (2022-04-12)
 
 **Note:** Version bump only for package @pie-element/extended-text-entry-configure

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/extended-text-entry-configure",
   "private": true,
-  "version": "5.4.16",
+  "version": "5.4.17",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,8 +10,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.11.0",
-    "@pie-lib/editable-html": "^7.20.0",
+    "@pie-lib/config-ui": "^10.12.1",
+    "@pie-lib/editable-html": "^7.22.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.10/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.33/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.9/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.13/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.2.0/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.5.0/module/index.js";
 var lib = {};
 Object.defineProperty(lib, "__esModule", {
   value: true

package/module/element.js

@@ -1,7 +1,7 @@
-import {_dll_debug, _dll_lodash, _dll_react_dom, _dll_prop_types, _dll_react, _dll_react_dom_server, _dll_material_ui__core, _dll_classnames, _dll_material_ui__core_styles, _dll_material_ui__icons, _dll_pie_lib__render_ui} from "../../../@pie-lib/shared-module@^1.4.10/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.35/module/index.js";
-import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.31/module/index.js";
-import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.33/module/index.js";
+import {_dll_debug, _dll_lodash, _dll_react_dom, _dll_prop_types, _dll_react, _dll_react_dom_server, _dll_material_ui__core, _dll_classnames, _dll_material_ui__core_styles, _dll_material_ui__icons, _dll_pie_lib__render_ui} from "../../../@pie-lib/shared-module@^1.4.13/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.1.1/module/index.js";
+import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.2.0/module/index.js";
+import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.36/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -21861,6 +21861,13 @@ const styles$6 = () => ({
   },
   active: {
     color: 'black'
+  },
+  disabled: {
+    opacity: 0.7,
+    cursor: 'not-allowed',
+    '& :hover': {
+      color: 'grey'
+    }
   }
 });
 const log$j = debug$j('pie-elements:editable-html:raw-button');
@@ -21871,6 +21878,7 @@ class RawButton extends React$s.Component {
       classes: PropTypes$k.object.isRequired,
       children: PropTypes$k.oneOfType([PropTypes$k.arrayOf(PropTypes$k.node), PropTypes$k.node]).isRequired,
       active: PropTypes$k.bool,
+      disabled: PropTypes$k.bool,
       extraStyles: PropTypes$k.object
     };
   }
@@ -21887,8 +21895,11 @@ class RawButton extends React$s.Component {
     };
   }
   render() {
-    const {active, classes, children, extraStyles} = this.props;
-    const names = classNames$4(classes.button, active && classes.active);
+    const {active, classes, children, disabled, extraStyles} = this.props;
+    const names = classNames$4(classes.button, {
+      [classes.active]: active,
+      [classes.disabled]: disabled
+    });
     return React$s.createElement('div', {
       style: extraStyles,
       className: names,
@@ -21896,7 +21907,7 @@ class RawButton extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 48
+        lineNumber: 59
       }
     }, children);
   }
@@ -21932,7 +21943,7 @@ class RawMarkButton extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 79
+        lineNumber: 90
       }
     }, children);
   }
@@ -25767,20 +25778,22 @@ const ToolbarButton = props => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$h,
-        lineNumber: 24
+        lineNumber: 27
       }
     }, props.icon);
   } else {
+    const {disabled} = props;
     const isActive = props.isActive ? props.isActive(props.value, props.type) : hasBlock(props.value, props.type);
     log$b('[ToolbarButton] block:isActive: ', isActive);
     return React$i.createElement(Button$1, {
       active: isActive,
+      disabled: disabled,
       onClick: () => props.onClick(props.value, props.onChange),
       extraStyles: props.buttonStyles,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$h,
-        lineNumber: 34
+        lineNumber: 40
       }
     }, props.icon);
   }
@@ -25796,14 +25809,14 @@ const DefaultToolbar = ({plugins, pluginProps, value, onChange, onDone, classes,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$h,
-      lineNumber: 63
+      lineNumber: 71
     }
   }, React$i.createElement('div', {
     className: classes.buttonsContainer,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$h,
-      lineNumber: 64
+      lineNumber: 72
     }
   }, filtered.map((p, index) => {
     return React$i.createElement(ToolbarButton, {
@@ -25814,7 +25827,7 @@ const DefaultToolbar = ({plugins, pluginProps, value, onChange, onDone, classes,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$h,
-        lineNumber: 66
+        lineNumber: 74
       }
     });
   })), showDone && !deletable && React$i.createElement(DoneButton, {
@@ -25822,7 +25835,7 @@ const DefaultToolbar = ({plugins, pluginProps, value, onChange, onDone, classes,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$h,
-      lineNumber: 69
+      lineNumber: 77
     }
   }));
 };
@@ -27407,7 +27420,7 @@ const React$a = _dll_react;
 const PropTypes$5 = _dll_prop_types;
 const _jsxFileName$9 = "/home/circleci/repo/node_modules/@pie-lib/editable-html/src/plugins/respArea/explicit-constructed-response/index.jsx";
 const ExplicitConstructedResponse = props => {
-  const {attributes, value} = props;
+  const {attributes, value, error} = props;
   return React$a.createElement('span', {
     ...attributes,
     style: {
@@ -27430,7 +27443,7 @@ const ExplicitConstructedResponse = props => {
       minHeight: '36px',
       height: '36px',
       background: '#FFF',
-      border: '1px solid #C0C3CF',
+      border: `1px solid ${error ? 'red' : '#C0C3CF'}`,
       boxSizing: 'border-box',
       borderRadius: '3px',
       overflow: 'hidden',
@@ -27497,12 +27510,13 @@ const elTypesMap = {
 };
 const elTypesArray = Object.values(elTypesMap);
 function ResponseAreaPlugin(opts) {
+  const isOfCurrentType = d => d.type === opts.type || d.type === elTypesMap[opts.type];
   const toolbar = {
     icon: React$9.createElement(ToolbarIcon, {
       __self: this,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 23
+        lineNumber: 25
       }
     }),
     buttonStyles: {
@@ -27511,6 +27525,10 @@ function ResponseAreaPlugin(opts) {
     onClick: (value, onChange) => {
       log$8('[toolbar] onClick');
       const change = value.change();
+      const currentRespAreaList = change.value.document.filterDescendants(isOfCurrentType);
+      if (currentRespAreaList.size >= opts.maxResponseAreas) {
+        return;
+      }
       const type = opts.type.replace(/-/g, '_');
       const prevIndex = lastIndexMap[type];
       const newIndex = prevIndex === 0 ? prevIndex : prevIndex + 1;
@@ -27559,13 +27577,18 @@ function ResponseAreaPlugin(opts) {
       const {attributes, node: n} = props;
       if (n.type === 'explicit_constructed_response') {
         const data = n.data.toJSON();
+        let error;
+        if (opts.error) {
+          error = opts.error();
+        }
         return React$9.createElement(ExplicitConstructedResponse, {
           attributes: attributes,
           value: data.value,
+          error: error && error[data.index] && error[data.index][0],
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 93
+            lineNumber: 107
           }
         });
       }
@@ -27580,7 +27603,7 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 100
+            lineNumber: 119
           }
         });
       }
@@ -27592,7 +27615,7 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 107
+            lineNumber: 126
           }
         });
       }
@@ -27613,9 +27636,13 @@ function ResponseAreaPlugin(opts) {
       if (!editor.value) {
         return;
       }
-      const isOfCurrentType = d => d.type === opts.type || d.type === elTypesMap[opts.type];
       const currentRespAreaList = change.value.document.filterDescendants(isOfCurrentType);
       const oldRespAreaList = editor.value.document.filterDescendants(isOfCurrentType);
+      if (currentRespAreaList.size >= opts.maxResponseAreas) {
+        toolbar.disabled = true;
+      } else {
+        toolbar.disabled = false;
+      }
       const arrayToFilter = oldRespAreaList.size > currentRespAreaList.size ? oldRespAreaList : currentRespAreaList;
       const arrayToUseForFilter = arrayToFilter === oldRespAreaList ? currentRespAreaList : oldRespAreaList;
       const elementsWithChangedStatus = arrayToFilter.filter(d => !arrayToUseForFilter.find(e => e.data.get('index') === d.data.get('index')));
@@ -27685,7 +27712,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 207
+              lineNumber: 231
             }
           });
         }
@@ -27699,7 +27726,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 213
+              lineNumber: 237
             }
           });
         }
@@ -27715,7 +27742,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 224
+              lineNumber: 248
             }
           });
         }
@@ -27980,7 +28007,7 @@ serializer.deserialize = function deserialize(html) {
     }
   };
   let i;
-  for (i = 0; i < 1000; i++) {
+  for (i = 0; i < 3000; i++) {
     json.schema.rules.push({
       match: {
         object: 'document'
@@ -27998,7 +28025,14 @@ serializer.deserialize = function deserialize(html) {
   }
   return null;
 };
-const htmlToValue = html => serializer.deserialize(html);
+const htmlToValue = html => {
+  try {
+    return serializer.deserialize(html);
+  } catch (e) {
+    console.log("Couldn't parse html: ", e);
+    return {};
+  }
+};
 const valueToHtml = value => serializer.serialize(value);
 const {Delete: Delete} = _dll_material_ui__icons;
 const {IconButton: IconButton} = _dll_material_ui__core;
@@ -28984,8 +29018,10 @@ class Editor extends React$3.Component {
       responseArea: {
         type: normalizedResponseAreaProps.type,
         options: normalizedResponseAreaProps.options,
+        maxResponseAreas: normalizedResponseAreaProps.maxResponseAreas,
         respAreaToolbar: normalizedResponseAreaProps.respAreaToolbar,
         onHandleAreaChange: normalizedResponseAreaProps.onHandleAreaChange,
+        error: normalizedResponseAreaProps.error,
         onFocus: () => {
           log$3('[table:onFocus]...');
           this.onPluginFocus();
@@ -29306,7 +29342,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 559
+        lineNumber: 561
       }
     }, React$3.createElement(Editor$2, {
       plugins: this.plugins,
@@ -29345,7 +29381,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 564
+        lineNumber: 566
       }
     }));
   }
@@ -29387,6 +29423,14 @@ const PropTypes$1 = _dll_prop_types;
 const debug$2 = _dll_debug;
 const _jsxFileName$1 = "/home/circleci/repo/node_modules/@pie-lib/editable-html/src/index.jsx";
 const log$2 = debug$2('@pie-lib:editable-html');
+const reduceMultipleBrs = markup => {
+  try {
+    return markup.replace(/(<br\s*\/?>){3,}/gi, '<br>');
+  } catch (e) {
+    console.log("Couldn't remove <br/> tags: ", e);
+  }
+  return markup;
+};
 class EditableHtml extends React$2.Component {
   static __initStatic() {
     this.propTypes = {
@@ -29416,9 +29460,9 @@ class EditableHtml extends React$2.Component {
     if (!props.allowValidation && props.markup === this.props.markup) {
       return;
     }
-    const v = htmlToValue(props.markup);
-    const current = htmlToValue(this.props.markup);
-    if (!v.equals(current)) {
+    const v = htmlToValue(reduceMultipleBrs(props.markup));
+    const current = htmlToValue(reduceMultipleBrs(this.props.markup));
+    if (v.equals && !v.equals(current)) {
       this.setState({
         value: v
       });
@@ -29488,7 +29532,7 @@ class EditableHtml extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 123
+        lineNumber: 134
       }
     });
   }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/extended-text-entry@6.8.6</title>
+      <title>@pie-element/extended-text-entry@6.8.7</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,22 +1,22 @@
 {
   "name": "@pie-element/extended-text-entry",
-  "version": "6.8.6",
+  "version": "6.8.7",
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.10"
+      "version": "^1.4.13"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.35"
+      "version": "^1.1.1"
     },
     {
       "name": "@pie-lib/math-edit-module",
-      "version": "^1.1.31"
+      "version": "^1.2.0"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^1.0.33"
+      "version": "^1.0.36"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/extended-text-entry@6.8.6</title>
+      <title>@pie-element/extended-text-entry@6.8.7</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,7 +1,7 @@
-import {_dll_debug, _dll_lodash, _dll_react_dom, _dll_prop_types, _dll_react, _dll_react_dom_server, _dll_material_ui__core, _dll_classnames, _dll_material_ui__core_styles, _dll_material_ui__icons, _dll_pie_lib__render_ui} from "../../../@pie-lib/shared-module@^1.4.10/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.35/module/index.js";
-import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.31/module/index.js";
-import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.33/module/index.js";
+import {_dll_debug, _dll_lodash, _dll_react_dom, _dll_prop_types, _dll_react, _dll_react_dom_server, _dll_material_ui__core, _dll_classnames, _dll_material_ui__core_styles, _dll_material_ui__icons, _dll_pie_lib__render_ui} from "../../../@pie-lib/shared-module@^1.4.13/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.1.1/module/index.js";
+import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.2.0/module/index.js";
+import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.36/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -21861,6 +21861,13 @@ const styles$6 = () => ({
   },
   active: {
     color: 'black'
+  },
+  disabled: {
+    opacity: 0.7,
+    cursor: 'not-allowed',
+    '& :hover': {
+      color: 'grey'
+    }
   }
 });
 const log$j = debug$j('pie-elements:editable-html:raw-button');
@@ -21871,6 +21878,7 @@ class RawButton extends React$s.Component {
       classes: PropTypes$k.object.isRequired,
       children: PropTypes$k.oneOfType([PropTypes$k.arrayOf(PropTypes$k.node), PropTypes$k.node]).isRequired,
       active: PropTypes$k.bool,
+      disabled: PropTypes$k.bool,
       extraStyles: PropTypes$k.object
     };
   }
@@ -21887,8 +21895,11 @@ class RawButton extends React$s.Component {
     };
   }
   render() {
-    const {active, classes, children, extraStyles} = this.props;
-    const names = classNames$4(classes.button, active && classes.active);
+    const {active, classes, children, disabled, extraStyles} = this.props;
+    const names = classNames$4(classes.button, {
+      [classes.active]: active,
+      [classes.disabled]: disabled
+    });
     return React$s.createElement('div', {
       style: extraStyles,
       className: names,
@@ -21896,7 +21907,7 @@ class RawButton extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 48
+        lineNumber: 59
       }
     }, children);
   }
@@ -21932,7 +21943,7 @@ class RawMarkButton extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 79
+        lineNumber: 90
       }
     }, children);
   }
@@ -25767,20 +25778,22 @@ const ToolbarButton = props => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$h,
-        lineNumber: 24
+        lineNumber: 27
       }
     }, props.icon);
   } else {
+    const {disabled} = props;
     const isActive = props.isActive ? props.isActive(props.value, props.type) : hasBlock(props.value, props.type);
     log$b('[ToolbarButton] block:isActive: ', isActive);
     return React$i.createElement(Button$1, {
       active: isActive,
+      disabled: disabled,
       onClick: () => props.onClick(props.value, props.onChange),
       extraStyles: props.buttonStyles,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$h,
-        lineNumber: 34
+        lineNumber: 40
       }
     }, props.icon);
   }
@@ -25796,14 +25809,14 @@ const DefaultToolbar = ({plugins, pluginProps, value, onChange, onDone, classes,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$h,
-      lineNumber: 63
+      lineNumber: 71
     }
   }, React$i.createElement('div', {
     className: classes.buttonsContainer,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$h,
-      lineNumber: 64
+      lineNumber: 72
     }
   }, filtered.map((p, index) => {
     return React$i.createElement(ToolbarButton, {
@@ -25814,7 +25827,7 @@ const DefaultToolbar = ({plugins, pluginProps, value, onChange, onDone, classes,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$h,
-        lineNumber: 66
+        lineNumber: 74
       }
     });
   })), showDone && !deletable && React$i.createElement(DoneButton, {
@@ -25822,7 +25835,7 @@ const DefaultToolbar = ({plugins, pluginProps, value, onChange, onDone, classes,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$h,
-      lineNumber: 69
+      lineNumber: 77
     }
   }));
 };
@@ -27407,7 +27420,7 @@ const React$a = _dll_react;
 const PropTypes$5 = _dll_prop_types;
 const _jsxFileName$9 = "/home/circleci/repo/node_modules/@pie-lib/editable-html/src/plugins/respArea/explicit-constructed-response/index.jsx";
 const ExplicitConstructedResponse = props => {
-  const {attributes, value} = props;
+  const {attributes, value, error} = props;
   return React$a.createElement('span', {
     ...attributes,
     style: {
@@ -27430,7 +27443,7 @@ const ExplicitConstructedResponse = props => {
       minHeight: '36px',
       height: '36px',
       background: '#FFF',
-      border: '1px solid #C0C3CF',
+      border: `1px solid ${error ? 'red' : '#C0C3CF'}`,
       boxSizing: 'border-box',
       borderRadius: '3px',
       overflow: 'hidden',
@@ -27497,12 +27510,13 @@ const elTypesMap = {
 };
 const elTypesArray = Object.values(elTypesMap);
 function ResponseAreaPlugin(opts) {
+  const isOfCurrentType = d => d.type === opts.type || d.type === elTypesMap[opts.type];
   const toolbar = {
     icon: React$9.createElement(ToolbarIcon, {
       __self: this,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 23
+        lineNumber: 25
       }
     }),
     buttonStyles: {
@@ -27511,6 +27525,10 @@ function ResponseAreaPlugin(opts) {
     onClick: (value, onChange) => {
       log$8('[toolbar] onClick');
       const change = value.change();
+      const currentRespAreaList = change.value.document.filterDescendants(isOfCurrentType);
+      if (currentRespAreaList.size >= opts.maxResponseAreas) {
+        return;
+      }
       const type = opts.type.replace(/-/g, '_');
       const prevIndex = lastIndexMap[type];
       const newIndex = prevIndex === 0 ? prevIndex : prevIndex + 1;
@@ -27559,13 +27577,18 @@ function ResponseAreaPlugin(opts) {
       const {attributes, node: n} = props;
       if (n.type === 'explicit_constructed_response') {
         const data = n.data.toJSON();
+        let error;
+        if (opts.error) {
+          error = opts.error();
+        }
         return React$9.createElement(ExplicitConstructedResponse, {
           attributes: attributes,
           value: data.value,
+          error: error && error[data.index] && error[data.index][0],
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 93
+            lineNumber: 107
           }
         });
       }
@@ -27580,7 +27603,7 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 100
+            lineNumber: 119
           }
         });
       }
@@ -27592,7 +27615,7 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 107
+            lineNumber: 126
           }
         });
       }
@@ -27613,9 +27636,13 @@ function ResponseAreaPlugin(opts) {
       if (!editor.value) {
         return;
       }
-      const isOfCurrentType = d => d.type === opts.type || d.type === elTypesMap[opts.type];
       const currentRespAreaList = change.value.document.filterDescendants(isOfCurrentType);
       const oldRespAreaList = editor.value.document.filterDescendants(isOfCurrentType);
+      if (currentRespAreaList.size >= opts.maxResponseAreas) {
+        toolbar.disabled = true;
+      } else {
+        toolbar.disabled = false;
+      }
       const arrayToFilter = oldRespAreaList.size > currentRespAreaList.size ? oldRespAreaList : currentRespAreaList;
       const arrayToUseForFilter = arrayToFilter === oldRespAreaList ? currentRespAreaList : oldRespAreaList;
       const elementsWithChangedStatus = arrayToFilter.filter(d => !arrayToUseForFilter.find(e => e.data.get('index') === d.data.get('index')));
@@ -27685,7 +27712,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 207
+              lineNumber: 231
             }
           });
         }
@@ -27699,7 +27726,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 213
+              lineNumber: 237
             }
           });
         }
@@ -27715,7 +27742,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 224
+              lineNumber: 248
             }
           });
         }
@@ -27980,7 +28007,7 @@ serializer.deserialize = function deserialize(html) {
     }
   };
   let i;
-  for (i = 0; i < 1000; i++) {
+  for (i = 0; i < 3000; i++) {
     json.schema.rules.push({
       match: {
         object: 'document'
@@ -27998,7 +28025,14 @@ serializer.deserialize = function deserialize(html) {
   }
   return null;
 };
-const htmlToValue = html => serializer.deserialize(html);
+const htmlToValue = html => {
+  try {
+    return serializer.deserialize(html);
+  } catch (e) {
+    console.log("Couldn't parse html: ", e);
+    return {};
+  }
+};
 const valueToHtml = value => serializer.serialize(value);
 const {Delete: Delete} = _dll_material_ui__icons;
 const {IconButton: IconButton} = _dll_material_ui__core;
@@ -28984,8 +29018,10 @@ class Editor extends React$3.Component {
       responseArea: {
         type: normalizedResponseAreaProps.type,
         options: normalizedResponseAreaProps.options,
+        maxResponseAreas: normalizedResponseAreaProps.maxResponseAreas,
         respAreaToolbar: normalizedResponseAreaProps.respAreaToolbar,
         onHandleAreaChange: normalizedResponseAreaProps.onHandleAreaChange,
+        error: normalizedResponseAreaProps.error,
         onFocus: () => {
           log$3('[table:onFocus]...');
           this.onPluginFocus();
@@ -29306,7 +29342,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 559
+        lineNumber: 561
       }
     }, React$3.createElement(Editor$2, {
       plugins: this.plugins,
@@ -29345,7 +29381,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 564
+        lineNumber: 566
       }
     }));
   }
@@ -29387,6 +29423,14 @@ const PropTypes$1 = _dll_prop_types;
 const debug$2 = _dll_debug;
 const _jsxFileName$1 = "/home/circleci/repo/node_modules/@pie-lib/editable-html/src/index.jsx";
 const log$2 = debug$2('@pie-lib:editable-html');
+const reduceMultipleBrs = markup => {
+  try {
+    return markup.replace(/(<br\s*\/?>){3,}/gi, '<br>');
+  } catch (e) {
+    console.log("Couldn't remove <br/> tags: ", e);
+  }
+  return markup;
+};
 class EditableHtml extends React$2.Component {
   static __initStatic() {
     this.propTypes = {
@@ -29416,9 +29460,9 @@ class EditableHtml extends React$2.Component {
     if (!props.allowValidation && props.markup === this.props.markup) {
       return;
     }
-    const v = htmlToValue(props.markup);
-    const current = htmlToValue(this.props.markup);
-    if (!v.equals(current)) {
+    const v = htmlToValue(reduceMultipleBrs(props.markup));
+    const current = htmlToValue(reduceMultipleBrs(this.props.markup));
+    if (v.equals && !v.equals(current)) {
       this.setState({
         value: v
       });
@@ -29488,7 +29532,7 @@ class EditableHtml extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 123
+        lineNumber: 134
       }
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/extended-text-entry",
-  "version": "6.8.7",
+  "version": "6.8.8",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
@@ -12,9 +12,9 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/editable-html": "^7.20.0",
-    "@pie-lib/math-rendering": "^2.3.13",
-    "@pie-lib/render-ui": "^4.12.5",
+    "@pie-lib/editable-html": "^7.22.1",
+    "@pie-lib/math-rendering": "^2.4.0",
+    "@pie-lib/render-ui": "^4.12.6",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash.throttle": "^4.1.1",
@@ -22,7 +22,7 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "de8f41ecfc06944b7bc890a167f81818d2bf1845",
+  "gitHead": "87c4247b2cca04380c8638f88e57bba47fb6c06a",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },