@pie-element/extended-text-entry 6.8.2 → 6.8.3

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.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.8.2...@pie-element/extended-text-entry@6.8.3) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/extended-text-entry
+
+
+
+
+
 ## [6.8.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.8.1...@pie-element/extended-text-entry@6.8.2) (2022-02-21)
 
 **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.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry-configure@5.4.11...@pie-element/extended-text-entry-configure@5.4.12) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/extended-text-entry-configure
+
+
+
+
+
 ## [5.4.11](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry-configure@5.4.10...@pie-element/extended-text-entry-configure@5.4.11) (2022-02-21)
 
 **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.11",
+  "version": "5.4.12",
   "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.20",
-    "@pie-lib/editable-html": "^7.18.0",
+    "@pie-lib/config-ui": "^10.10.22",
+    "@pie-lib/editable-html": "^7.19.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.3.1/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.22/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.0.22/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.1/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.24/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.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.3.1/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.24/module/index.js";
-import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.20/module/index.js";
-import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.22/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.1/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.26/module/index.js";
+import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.22/module/index.js";
+import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.24/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;
@@ -31298,7 +31298,7 @@ const ExplicitConstructedResponse = props => {
 };
 ExplicitConstructedResponse.propTypes = {
   attributes: PropTypes$5.object,
-  value: PropTypes$5.object
+  value: PropTypes$5.string
 };
 const defaultECR = index => Inline.create({
   type: 'explicit_constructed_response',
@@ -31340,14 +31340,19 @@ const {isUndefined: isUndefined} = _dll_lodash;
 const _jsxFileName$8 = "/home/circleci/repo/node_modules/@pie-lib/editable-html/src/plugins/respArea/index.jsx";
 const log$8 = debug$8('@pie-lib:editable-html:plugins:respArea');
 const lastIndexMap = {};
-const elTypesArray = ['inline_dropdown', 'explicit_constructed_response', 'drag_in_the_blank'];
+const elTypesMap = {
+  'inline-dropdown': 'inline_dropdown',
+  'explicit-constructed-response': 'explicit_constructed_response',
+  'drag-in-the-blank': 'drag_in_the_blank'
+};
+const elTypesArray = Object.values(elTypesMap);
 function ResponseAreaPlugin(opts) {
   const toolbar = {
     icon: React$9.createElement(ToolbarIcon, {
       __self: this,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 18
+        lineNumber: 23
       }
     }),
     buttonStyles: {
@@ -31410,7 +31415,7 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 88
+            lineNumber: 93
           }
         });
       }
@@ -31425,7 +31430,7 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 95
+            lineNumber: 100
           }
         });
       }
@@ -31437,12 +31442,12 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 102
+            lineNumber: 107
           }
         });
       }
     },
-    onChange(change) {
+    onChange(change, editor) {
       const type = opts.type.replace(/-/g, '_');
       if (isUndefined(lastIndexMap[type])) {
         lastIndexMap[type] = 0;
@@ -31455,6 +31460,18 @@ 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);
+      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')));
+      if (elementsWithChangedStatus.size && oldRespAreaList.size > currentRespAreaList.size) {
+        opts.onHandleAreaChange(elementsWithChangedStatus);
+      }
     },
     onDrop(event, change, editor) {
       const closestEl = event.target.closest('[data-key]');
@@ -31518,7 +31535,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 181
+              lineNumber: 207
             }
           });
         }
@@ -31532,7 +31549,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 187
+              lineNumber: 213
             }
           });
         }
@@ -31548,7 +31565,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 198
+              lineNumber: 224
             }
           });
         }
@@ -31876,7 +31893,7 @@ class Toolbar extends React$7.Component {
         position: PropTypes$4.oneOf(['bottom', 'top']),
         alignment: PropTypes$4.oneOf(['left', 'right']),
         alwaysVisible: PropTypes$4.bool,
-        ref: PropTypes$4.obj,
+        ref: PropTypes$4.func,
         showDone: PropTypes$4.bool
       }),
       onDataChange: PropTypes$4.func
@@ -32700,7 +32717,7 @@ class Editor extends React$3.Component {
         type: PropTypes$2.oneOf(['explicit-constructed-response', 'inline-dropdown', 'drag-in-the-blank']),
         options: PropTypes$2.object,
         respAreaToolbar: PropTypes$2.func,
-        onDelete: PropTypes$2.func
+        onHandleAreaChange: PropTypes$2.func
       }),
       toolbarOpts: PropTypes$2.shape({
         position: PropTypes$2.oneOf(['bottom', 'top']),
@@ -32802,6 +32819,7 @@ class Editor extends React$3.Component {
         type: props.responseAreaProps && props.responseAreaProps.type,
         options: props.responseAreaProps && props.responseAreaProps.options,
         respAreaToolbar: props.responseAreaProps && props.responseAreaProps.respAreaToolbar,
+        onHandleAreaChange: props.responseAreaProps && props.responseAreaProps.onHandleAreaChange,
         onFocus: () => {
           log$3('[table:onFocus]...');
           this.onPluginFocus();
@@ -33122,7 +33140,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 545
+        lineNumber: 547
       }
     }, React$3.createElement(Editor$2, {
       plugins: this.plugins,
@@ -33161,7 +33179,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 550
+        lineNumber: 552
       }
     }));
   }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/extended-text-entry@6.8.1</title>
+      <title>@pie-element/extended-text-entry@6.8.2</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.1",
+  "version": "6.8.2",
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.3.1"
+      "version": "^1.4.1"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.24"
+      "version": "^1.0.26"
     },
     {
       "name": "@pie-lib/math-edit-module",
-      "version": "^1.1.20"
+      "version": "^1.1.22"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^1.0.22"
+      "version": "^1.0.24"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/extended-text-entry@6.8.1</title>
+      <title>@pie-element/extended-text-entry@6.8.2</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.3.1/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.24/module/index.js";
-import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.20/module/index.js";
-import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.22/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.1/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.26/module/index.js";
+import {_dll_pie_lib__math_toolbar} from "../../../@pie-lib/math-edit-module@^1.1.22/module/index.js";
+import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.24/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;
@@ -31298,7 +31298,7 @@ const ExplicitConstructedResponse = props => {
 };
 ExplicitConstructedResponse.propTypes = {
   attributes: PropTypes$5.object,
-  value: PropTypes$5.object
+  value: PropTypes$5.string
 };
 const defaultECR = index => Inline.create({
   type: 'explicit_constructed_response',
@@ -31340,14 +31340,19 @@ const {isUndefined: isUndefined} = _dll_lodash;
 const _jsxFileName$8 = "/home/circleci/repo/node_modules/@pie-lib/editable-html/src/plugins/respArea/index.jsx";
 const log$8 = debug$8('@pie-lib:editable-html:plugins:respArea');
 const lastIndexMap = {};
-const elTypesArray = ['inline_dropdown', 'explicit_constructed_response', 'drag_in_the_blank'];
+const elTypesMap = {
+  'inline-dropdown': 'inline_dropdown',
+  'explicit-constructed-response': 'explicit_constructed_response',
+  'drag-in-the-blank': 'drag_in_the_blank'
+};
+const elTypesArray = Object.values(elTypesMap);
 function ResponseAreaPlugin(opts) {
   const toolbar = {
     icon: React$9.createElement(ToolbarIcon, {
       __self: this,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 18
+        lineNumber: 23
       }
     }),
     buttonStyles: {
@@ -31410,7 +31415,7 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 88
+            lineNumber: 93
           }
         });
       }
@@ -31425,7 +31430,7 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 95
+            lineNumber: 100
           }
         });
       }
@@ -31437,12 +31442,12 @@ function ResponseAreaPlugin(opts) {
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 102
+            lineNumber: 107
           }
         });
       }
     },
-    onChange(change) {
+    onChange(change, editor) {
       const type = opts.type.replace(/-/g, '_');
       if (isUndefined(lastIndexMap[type])) {
         lastIndexMap[type] = 0;
@@ -31455,6 +31460,18 @@ 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);
+      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')));
+      if (elementsWithChangedStatus.size && oldRespAreaList.size > currentRespAreaList.size) {
+        opts.onHandleAreaChange(elementsWithChangedStatus);
+      }
     },
     onDrop(event, change, editor) {
       const closestEl = event.target.closest('[data-key]');
@@ -31518,7 +31535,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 181
+              lineNumber: 207
             }
           });
         }
@@ -31532,7 +31549,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 187
+              lineNumber: 213
             }
           });
         }
@@ -31548,7 +31565,7 @@ const serialization = {
             __self: this,
             __source: {
               fileName: _jsxFileName$8,
-              lineNumber: 198
+              lineNumber: 224
             }
           });
         }
@@ -31876,7 +31893,7 @@ class Toolbar extends React$7.Component {
         position: PropTypes$4.oneOf(['bottom', 'top']),
         alignment: PropTypes$4.oneOf(['left', 'right']),
         alwaysVisible: PropTypes$4.bool,
-        ref: PropTypes$4.obj,
+        ref: PropTypes$4.func,
         showDone: PropTypes$4.bool
       }),
       onDataChange: PropTypes$4.func
@@ -32700,7 +32717,7 @@ class Editor extends React$3.Component {
         type: PropTypes$2.oneOf(['explicit-constructed-response', 'inline-dropdown', 'drag-in-the-blank']),
         options: PropTypes$2.object,
         respAreaToolbar: PropTypes$2.func,
-        onDelete: PropTypes$2.func
+        onHandleAreaChange: PropTypes$2.func
       }),
       toolbarOpts: PropTypes$2.shape({
         position: PropTypes$2.oneOf(['bottom', 'top']),
@@ -32802,6 +32819,7 @@ class Editor extends React$3.Component {
         type: props.responseAreaProps && props.responseAreaProps.type,
         options: props.responseAreaProps && props.responseAreaProps.options,
         respAreaToolbar: props.responseAreaProps && props.responseAreaProps.respAreaToolbar,
+        onHandleAreaChange: props.responseAreaProps && props.responseAreaProps.onHandleAreaChange,
         onFocus: () => {
           log$3('[table:onFocus]...');
           this.onPluginFocus();
@@ -33122,7 +33140,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 545
+        lineNumber: 547
       }
     }, React$3.createElement(Editor$2, {
       plugins: this.plugins,
@@ -33161,7 +33179,7 @@ class Editor extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 550
+        lineNumber: 552
       }
     }));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/extended-text-entry",
-  "version": "6.8.2",
+  "version": "6.8.3",
   "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.18.0",
+    "@pie-lib/editable-html": "^7.19.1",
     "@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": "cd1a2efd59f915b882937dea95c2675b2d2a3a50",
+  "gitHead": "711fb90f7f30b2b7438fd252d104b2c9c25accba",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },