@pie-element/explicit-constructed-response 7.2.6-next.0 → 7.2.6-next.13

package/configure/lib/ecr-toolbar.js

@@ -95,15 +95,12 @@ var ECRToolbar = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onKeyDown", function (event) {
       if (event.key === 'Enter') {
-        _this.onAddChoice();
-
         return false;
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
       if (_this.clickedInside) {
         _this.clickedInside = false;
-        return;
       }
     });
     return _this;
@@ -173,8 +170,7 @@ var ECRToolbar = /*#__PURE__*/function (_React$Component) {
           _this2.onDone(val);
         },
         onBlur: function onBlur(e) {
-          var inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');
-          _this2.preventDone = inInInsertCharacter;
+          _this2.preventDone = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');
 
           _this2.onBlur(e);
         },

package/configure/lib/ecr-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ecr-toolbar.jsx"],"names":["findSlateNode","key","window","document","querySelector","ECRToolbar","markup","toolbarStyle","props","node","value","onToolbarDone","onChangeResponse","sanitizedMarkup","setState","updatedData","data","toJSON","change","setNodeByKey","nextText","getNextText","moveFocusTo","moveAnchorTo","respAreaMarkup","event","onAddChoice","clickedInside","correctChoice","choice","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","top","left","label","position","height","width","classes","maxLengthPerChoiceEnabled","pluginProps","spellCheck","state","inputProps","maxLength","preventDone","onRespAreaChange","val","onDone","e","inInInsertCharacter","relatedTarget","onBlur","onKeyDown","language","minWidth","React","Component","PropTypes","object","func","isRequired","shape","bool","StyledECRToolbar","theme","backgroundColor","palette","common","white","outline","lineHeight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { stripHtmlTags } from './markupUtils';\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nexport class ECRToolbar extends React.Component {\n  static propTypes = {\n    correctChoice: PropTypes.object,\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    onDone: PropTypes.func,\n    onChangeResponse: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    value: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      document: PropTypes.shape({\n        getNextText: PropTypes.func.isRequired,\n      }),\n    }),\n    maxLengthPerChoiceEnabled: PropTypes.bool,\n    pluginProps: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n\n    state = {\n        markup: '',\n        toolbarStyle: {},\n    };\n\n  componentDidMount() {\n    const { correctChoice, node } = this.props;\n    const choice = correctChoice || {};\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        markup: choice.label,\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 20}px`,\n          left: `${left + 20}px`,\n          width: `${domNodeRect.width - 4}px`,\n        },\n      });\n    }\n  }\n\n    onDone = (markup) => {\n        const { node, value, onToolbarDone, onChangeResponse } = this.props;\n        const sanitizedMarkup = stripHtmlTags(markup);\n        this.setState({ markup: sanitizedMarkup });\n\n        const updatedData = { ...node.data.toJSON(), value: sanitizedMarkup };\n        const change = value.change().setNodeByKey(node.key, { data: updatedData });\n        const nextText = value.document.getNextText(node.key);\n\n        change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n        onToolbarDone(change, true);\n        onChangeResponse(sanitizedMarkup);\n    };\n\n    onRespAreaChange = (respAreaMarkup) => {\n        this.setState({ respAreaMarkup });\n    };\n\n    onKeyDown = (event) => {\n        if (event.key === 'Enter') {\n            this.onAddChoice();\n            return false;\n        }\n    };\n\n    onBlur = () => {\n        if (this.clickedInside) {\n            this.clickedInside = false;\n            return;\n        }\n    };\n\n    render() {\n        const { classes, maxLengthPerChoiceEnabled, pluginProps, spellCheck } = this.props;\n        const { markup, toolbarStyle } = this.state;\n        const inputProps = maxLengthPerChoiceEnabled ? {} : { maxLength: 25 };\n\n        return (\n            <div style={toolbarStyle}>\n                <EditableHtml\n                    autoFocus={true}\n                    className={classes.markup}\n                    disableUnderline\n                    onChange={(respAreaMarkup) => {\n                        if (this.preventDone) {\n                            return;\n                        }\n                        this.onRespAreaChange(respAreaMarkup);\n                    }}\n                    onDone={(val) => {\n                        if (this.preventDone) {\n                            return;\n                        }\n                        this.onDone(val);\n                    }}\n                    onBlur={(e) => {\n                        const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n                        this.preventDone = inInInsertCharacter;\n                        this.onBlur(e);\n                    }}\n                    onKeyDown={this.onKeyDown}\n                    markup={markup || ''}\n                    activePlugins={['languageCharacters']}\n                    pluginProps={pluginProps}\n                    languageCharactersProps={[{ language: 'spanish' }]}\n                    minHeight={'10px'}\n                    maxHeight={'10px'}\n                    spellCheck={spellCheck}\n                    toolbarOpts={{\n                        minWidth: 'auto'\n                    }}\n                    {...inputProps}\n                />\n            </div>\n        );\n    }\n}\n\nconst StyledECRToolbar = withStyles((theme) => ({\n    markup: {\n        backgroundColor: theme.palette.common.white,\n        outline: 'none',\n        lineHeight: '10px'\n    },\n}))(ECRToolbar);\n\nexport default StyledECRToolbar;\n"],"file":"ecr-toolbar.js"}
+{"version":3,"sources":["../src/ecr-toolbar.jsx"],"names":["findSlateNode","key","window","document","querySelector","ECRToolbar","markup","toolbarStyle","props","node","value","onToolbarDone","onChangeResponse","sanitizedMarkup","setState","updatedData","data","toJSON","change","setNodeByKey","nextText","getNextText","moveFocusTo","moveAnchorTo","respAreaMarkup","event","clickedInside","correctChoice","choice","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","top","left","label","position","height","width","classes","maxLengthPerChoiceEnabled","pluginProps","spellCheck","state","inputProps","maxLength","preventDone","onRespAreaChange","val","onDone","e","relatedTarget","onBlur","onKeyDown","language","minWidth","React","Component","PropTypes","object","func","isRequired","shape","bool","StyledECRToolbar","theme","backgroundColor","palette","common","white","outline","lineHeight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { stripHtmlTags } from './markupUtils';\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nexport class ECRToolbar extends React.Component {\n  static propTypes = {\n    correctChoice: PropTypes.object,\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    onDone: PropTypes.func,\n    onChangeResponse: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    value: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      document: PropTypes.shape({\n        getNextText: PropTypes.func.isRequired,\n      }),\n    }),\n    maxLengthPerChoiceEnabled: PropTypes.bool,\n    pluginProps: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n\n    state = {\n        markup: '',\n        toolbarStyle: {},\n    };\n\n  componentDidMount() {\n    const { correctChoice, node } = this.props;\n    const choice = correctChoice || {};\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        markup: choice.label,\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 20}px`,\n          left: `${left + 20}px`,\n          width: `${domNodeRect.width - 4}px`,\n        },\n      });\n    }\n  }\n\n    onDone = (markup) => {\n        const { node, value, onToolbarDone, onChangeResponse } = this.props;\n        const sanitizedMarkup = stripHtmlTags(markup);\n        this.setState({ markup: sanitizedMarkup });\n\n        const updatedData = { ...node.data.toJSON(), value: sanitizedMarkup };\n        const change = value.change().setNodeByKey(node.key, { data: updatedData });\n        const nextText = value.document.getNextText(node.key);\n\n        change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n        onToolbarDone(change, true);\n        onChangeResponse(sanitizedMarkup);\n    };\n\n    onRespAreaChange = (respAreaMarkup) => {\n        this.setState({ respAreaMarkup });\n    };\n\n    onKeyDown = (event) => {\n        if (event.key === 'Enter') {\n            return false;\n        }\n    };\n\n    onBlur = () => {\n        if (this.clickedInside) {\n            this.clickedInside = false;\n        }\n    };\n\n    render() {\n        const { classes, maxLengthPerChoiceEnabled, pluginProps, spellCheck } = this.props;\n        const { markup, toolbarStyle } = this.state;\n        const inputProps = maxLengthPerChoiceEnabled ? {} : { maxLength: 25 };\n\n        return (\n            <div style={toolbarStyle}>\n                <EditableHtml\n                    autoFocus={true}\n                    className={classes.markup}\n                    disableUnderline\n                    onChange={(respAreaMarkup) => {\n                        if (this.preventDone) {\n                            return;\n                        }\n                        this.onRespAreaChange(respAreaMarkup);\n                    }}\n                    onDone={(val) => {\n                        if (this.preventDone) {\n                            return;\n                        }\n                        this.onDone(val);\n                    }}\n                    onBlur={(e) => {\n                        this.preventDone = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n                        this.onBlur(e);\n                    }}\n                    onKeyDown={this.onKeyDown}\n                    markup={markup || ''}\n                    activePlugins={['languageCharacters']}\n                    pluginProps={pluginProps}\n                    languageCharactersProps={[{ language: 'spanish' }]}\n                    minHeight={'10px'}\n                    maxHeight={'10px'}\n                    spellCheck={spellCheck}\n                    toolbarOpts={{\n                        minWidth: 'auto'\n                    }}\n                    {...inputProps}\n                />\n            </div>\n        );\n    }\n}\n\nconst StyledECRToolbar = withStyles((theme) => ({\n    markup: {\n        backgroundColor: theme.palette.common.white,\n        outline: 'none',\n        lineHeight: '10px'\n    },\n}))(ECRToolbar);\n\nexport default StyledECRToolbar;\n"],"file":"ecr-toolbar.js"}

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.4.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -9017,14 +9017,12 @@ const require$$12$9 = _dll_pie_lib__pie_toolbox_editable_html;
       });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onKeyDown", function (event) {
         if (event.key === 'Enter') {
-          _this.onAddChoice();
           return false;
         }
       });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
         if (_this.clickedInside) {
           _this.clickedInside = false;
-          return;
         }
       });
       return _this;
@@ -9080,8 +9078,7 @@ const require$$12$9 = _dll_pie_lib__pie_toolbox_editable_html;
             _this2.onDone(val);
           },
           onBlur: function onBlur(e) {
-            var inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');
-            _this2.preventDone = inInInsertCharacter;
+            _this2.preventDone = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');
             _this2.onBlur(e);
           },
           onKeyDown: this.onKeyDown,

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.4.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/module/manifest.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.4.0"
+      "version": "2.4.1"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.4.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.2.6-next.0+993f9b1f0",
+  "version": "7.2.6-next.13+db4d2f7d6",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "993f9b1f0582113512da50602ad9a7d2106cc6dc",
+  "gitHead": "db4d2f7d684570d69abc9176c50bab0caf0fe42d",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {