@pie-element/extended-text-entry 6.7.8 → 6.8.0

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.8.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.7.8...@pie-element/extended-text-entry@6.8.0) (2022-01-24)
+
+
+### Bug Fixes
+
+* **extended-text-entry:** add static classname for editor DNA-13102 ([3ad662f](https://github.com/pie-framework/pie-elements/commit/3ad662fbc6413f5c1721862f87120696071bfdea))
+* **math-inline, extended-text-entry:** use new editors ([2123b8a](https://github.com/pie-framework/pie-elements/commit/2123b8a6d930852a629140053a8459dbc75f281f))
+* **multiple-choice-print, ecr-print:** fix toggle issue, change options.mode to options.role ([0b3f534](https://github.com/pie-framework/pie-elements/commit/0b3f534bb4d2f969e21528e74516345e84f18d72))
+* **multiple-choice, explicit-constructed-response, extended-text-entry:** print do not show teacher instructions, rationale or prompt if they are diabled DNA-13089 ([06b9555](https://github.com/pie-framework/pie-elements/commit/06b9555b25e094e0b2bce0e6a852a206c6d2c17d))
+* use preview prompt for prompt, rationale and teacher instructions to fix table rendering PD-1456 ([f330601](https://github.com/pie-framework/pie-elements/commit/f3306019a2d1c8ce3e2783823dfe9ef0a0394e4f))
+
+
+### Features
+
+* **extended-text-entry:** Added the ability for instructor to annotate student's response with comments PD-744 ([6d266f9](https://github.com/pie-framework/pie-elements/commit/6d266f9de59bfe3f9b71089f8e222e9ad9026cbc))
+* **extended-text-entry:** implement print PD-1283 ([7e4f7d8](https://github.com/pie-framework/pie-elements/commit/7e4f7d8203f54d905f542369d444232b54261582))
+
+
+
+
+
 ## [6.7.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.7.7...@pie-element/extended-text-entry@6.7.8) (2022-01-10)
 
 **Note:** Version bump only for package @pie-element/extended-text-entry

package/configure/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.
 
+## [5.4.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry-configure@5.4.8...@pie-element/extended-text-entry-configure@5.4.9) (2022-01-24)
+
+
+### Bug Fixes
+
+* **math-inline, extended-text-entry:** use new editors ([2123b8a](https://github.com/pie-framework/pie-elements/commit/2123b8a6d930852a629140053a8459dbc75f281f))
+
+
+
+
+
 ## [5.4.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry-configure@5.4.7...@pie-element/extended-text-entry-configure@5.4.8) (2022-01-10)
 
 **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.8",
+  "version": "5.4.9",
   "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.10.15",
-    "@pie-lib/editable-html": "^7.17.15",
+    "@pie-lib/config-ui": "^10.10.16",
+    "@pie-lib/editable-html": "^7.17.16",
     "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.2.16/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.17/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.0.17/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.2.17/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.18/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.0.18/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.2.16/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.19/module/index.js";
-import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.15/module/index.js";
-import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.17/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.2.17/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.20/module/index.js";
+import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.16/module/index.js";
+import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.18/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;
@@ -21936,34 +21936,6 @@ function MathPlugin() {
           }
         });
       }
-    },
-    normalizeNode: node => {
-      if (node.object !== 'document') {
-        return;
-      }
-      const addSpacesArray = [];
-      const allElements = node.filterDescendants(d => d.type === 'math');
-      allElements.forEach(el => {
-        const prevText = node.getPreviousText(el.key);
-        const lastCharIsNewLine = prevText.text[prevText.text.length - 1] === '\n';
-        if (prevText.text.length === 0 || lastCharIsNewLine) {
-          addSpacesArray.push({
-            nr: lastCharIsNewLine ? 1 : 2,
-            key: prevText.key
-          });
-        }
-      });
-      if (!addSpacesArray.length) {
-        return;
-      }
-      return change => {
-        change.withoutNormalization(() => {
-          addSpacesArray.forEach(({key, nr}) => {
-            const node = change.value.document.getNode(key);
-            change.insertTextByKey(key, node.text.length, ('\u00A0').repeat(nr));
-          });
-        });
-      };
     }
   };
 }
@@ -22037,7 +22009,7 @@ const serialization$4 = {
         __self: this,
         __source: {
           fileName: _jsxFileName$o,
-          lineNumber: 274
+          lineNumber: 238
         }
       }, wrapMath(decoded, wrapper));
     }
@@ -22051,7 +22023,7 @@ const serialization$4 = {
         __self: this,
         __source: {
           fileName: _jsxFileName$o,
-          lineNumber: 286
+          lineNumber: 250
         }
       });
     }
@@ -22438,7 +22410,7 @@ class MediaDialog extends React$o.Component {
         lineNumber: 347
       }
     }, "Cancel"), React$o.createElement(Button, {
-      disabled: invalid || url === null,
+      disabled: invalid || url === null || url === undefined,
       onClick: () => this.handleDone(true),
       color: "primary",
       __self: this,
@@ -31468,34 +31440,6 @@ function ResponseAreaPlugin(opts) {
         });
       }
     },
-    normalizeNode: node => {
-      if (node.object !== 'document') {
-        return;
-      }
-      const addSpacesArray = [];
-      const allElements = node.filterDescendants(d => elTypesArray.indexOf(d.type) >= 0);
-      allElements.forEach(el => {
-        const prevText = node.getPreviousText(el.key);
-        const lastCharIsNewLine = prevText.text[prevText.text.length - 1] === '\n';
-        if (prevText.text.length === 0 || lastCharIsNewLine) {
-          addSpacesArray.push({
-            nr: lastCharIsNewLine ? 1 : 2,
-            key: prevText.key
-          });
-        }
-      });
-      if (!addSpacesArray.length) {
-        return;
-      }
-      return change => {
-        change.withoutNormalization(() => {
-          addSpacesArray.forEach(({key, nr}) => {
-            const node = change.value.document.getNode(key);
-            change.insertTextByKey(key, node.text.length, ('\u00A0').repeat(nr));
-          });
-        });
-      };
-    },
     onDrop(event, change, editor) {
       const closestEl = event.target.closest('[data-key]');
       const inline = editor.value.document.findDescendant(d => d.key === closestEl.dataset.key);
@@ -31558,7 +31502,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 216
+              lineNumber: 181
             }
           });
         }
@@ -31572,7 +31516,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 222
+              lineNumber: 187
             }
           });
         }
@@ -31588,7 +31532,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 233
+              lineNumber: 198
             }
           });
         }
@@ -32445,7 +32389,7 @@ const style$1 = {
       wordBreak: 'break-word',
       overflow: 'visible',
       maxHeight: '500px',
-      padding: '5px 0'
+      padding: '5px'
     }
   },
   children: {
@@ -32881,6 +32825,13 @@ class Editor extends React$3.Component {
       });
     }
   }
+  componentDidUpdate() {
+    const zeroWidthEls = document.querySelectorAll('[data-slate-zero-width="z"]');
+    Array.from(zeroWidthEls).forEach(el => {
+      el.style.minWidth = '2px';
+      el.style.display = 'inline-block';
+    });
+  }
   __init() {
     this.onPluginBlur = e => {
       log$3('[onPluginBlur]', e && e.relatedTarget);
@@ -33154,7 +33105,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 531
+        lineNumber: 542
       }
     }, React$3.createElement(Editor$2, {
       plugins: this.plugins,
@@ -33192,7 +33143,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 536
+        lineNumber: 547
       }
     }));
   }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/extended-text-entry@6.7.7</title>
+      <title>@pie-element/extended-text-entry@6.7.8</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.7.7",
+  "version": "6.7.8",
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.2.16"
+      "version": "^1.2.17"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.19"
+      "version": "^1.0.20"
     },
     {
       "name": "@pie-lib/math-edit-module",
-      "version": "^1.1.15"
+      "version": "^1.1.16"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^1.0.17"
+      "version": "^1.0.18"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/extended-text-entry@6.7.7</title>
+      <title>@pie-element/extended-text-entry@6.7.8</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.2.16/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.19/module/index.js";
-import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.15/module/index.js";
-import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.17/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.2.17/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.20/module/index.js";
+import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.16/module/index.js";
+import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.18/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;
@@ -21936,34 +21936,6 @@ function MathPlugin() {
           }
         });
       }
-    },
-    normalizeNode: node => {
-      if (node.object !== 'document') {
-        return;
-      }
-      const addSpacesArray = [];
-      const allElements = node.filterDescendants(d => d.type === 'math');
-      allElements.forEach(el => {
-        const prevText = node.getPreviousText(el.key);
-        const lastCharIsNewLine = prevText.text[prevText.text.length - 1] === '\n';
-        if (prevText.text.length === 0 || lastCharIsNewLine) {
-          addSpacesArray.push({
-            nr: lastCharIsNewLine ? 1 : 2,
-            key: prevText.key
-          });
-        }
-      });
-      if (!addSpacesArray.length) {
-        return;
-      }
-      return change => {
-        change.withoutNormalization(() => {
-          addSpacesArray.forEach(({key, nr}) => {
-            const node = change.value.document.getNode(key);
-            change.insertTextByKey(key, node.text.length, ('\u00A0').repeat(nr));
-          });
-        });
-      };
     }
   };
 }
@@ -22037,7 +22009,7 @@ const serialization$4 = {
         __self: this,
         __source: {
           fileName: _jsxFileName$o,
-          lineNumber: 274
+          lineNumber: 238
         }
       }, wrapMath(decoded, wrapper));
     }
@@ -22051,7 +22023,7 @@ const serialization$4 = {
         __self: this,
         __source: {
           fileName: _jsxFileName$o,
-          lineNumber: 286
+          lineNumber: 250
         }
       });
     }
@@ -22438,7 +22410,7 @@ class MediaDialog extends React$o.Component {
         lineNumber: 347
       }
     }, "Cancel"), React$o.createElement(Button, {
-      disabled: invalid || url === null,
+      disabled: invalid || url === null || url === undefined,
       onClick: () => this.handleDone(true),
       color: "primary",
       __self: this,
@@ -31468,34 +31440,6 @@ function ResponseAreaPlugin(opts) {
         });
       }
     },
-    normalizeNode: node => {
-      if (node.object !== 'document') {
-        return;
-      }
-      const addSpacesArray = [];
-      const allElements = node.filterDescendants(d => elTypesArray.indexOf(d.type) >= 0);
-      allElements.forEach(el => {
-        const prevText = node.getPreviousText(el.key);
-        const lastCharIsNewLine = prevText.text[prevText.text.length - 1] === '\n';
-        if (prevText.text.length === 0 || lastCharIsNewLine) {
-          addSpacesArray.push({
-            nr: lastCharIsNewLine ? 1 : 2,
-            key: prevText.key
-          });
-        }
-      });
-      if (!addSpacesArray.length) {
-        return;
-      }
-      return change => {
-        change.withoutNormalization(() => {
-          addSpacesArray.forEach(({key, nr}) => {
-            const node = change.value.document.getNode(key);
-            change.insertTextByKey(key, node.text.length, ('\u00A0').repeat(nr));
-          });
-        });
-      };
-    },
     onDrop(event, change, editor) {
       const closestEl = event.target.closest('[data-key]');
       const inline = editor.value.document.findDescendant(d => d.key === closestEl.dataset.key);
@@ -31558,7 +31502,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 216
+              lineNumber: 181
             }
           });
         }
@@ -31572,7 +31516,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 222
+              lineNumber: 187
             }
           });
         }
@@ -31588,7 +31532,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 233
+              lineNumber: 198
             }
           });
         }
@@ -32445,7 +32389,7 @@ const style$1 = {
       wordBreak: 'break-word',
       overflow: 'visible',
       maxHeight: '500px',
-      padding: '5px 0'
+      padding: '5px'
     }
   },
   children: {
@@ -32881,6 +32825,13 @@ class Editor extends React$3.Component {
       });
     }
   }
+  componentDidUpdate() {
+    const zeroWidthEls = document.querySelectorAll('[data-slate-zero-width="z"]');
+    Array.from(zeroWidthEls).forEach(el => {
+      el.style.minWidth = '2px';
+      el.style.display = 'inline-block';
+    });
+  }
   __init() {
     this.onPluginBlur = e => {
       log$3('[onPluginBlur]', e && e.relatedTarget);
@@ -33154,7 +33105,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 531
+        lineNumber: 542
       }
     }, React$3.createElement(Editor$2, {
       plugins: this.plugins,
@@ -33192,7 +33143,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 536
+        lineNumber: 547
       }
     }));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/extended-text-entry",
-  "version": "6.7.8",
+  "version": "6.8.0",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
@@ -12,7 +12,7 @@
     "@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.17.15",
+    "@pie-lib/editable-html": "^7.17.16",
     "@pie-lib/math-rendering": "^2.3.12",
     "@pie-lib/render-ui": "^4.12.4",
     "classnames": "^2.2.5",
@@ -22,7 +22,7 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "62c971b852c1b1405f96fbb19712f882a9f1504e",
+  "gitHead": "510db2949732b8997ff2e1a496ca1a7bd3973088",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },