@pie-element/explicit-constructed-response 7.2.6-next.34 → 7.2.6-next.40

package/configure/package.json

@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.4.1",
+    "@pie-lib/pie-toolbox": "2.5.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.4.1",
+    "@pie-lib/pie-toolbox": "2.5.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/module/configure.js

@@ -1,5 +1,5 @@
 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";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.4.1/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;

package/module/controller.js

@@ -24421,6 +24421,12 @@ var _default = {
     mathInline: {
       primaryCorrectWithAlternates: 'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.'
     },
+    multipleChoice: {
+      minSelections_one: 'This question requires at least {{minSelections}} answer.',
+      minSelections_other: 'This question requires at least {{minSelections}} answers.',
+      maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
+      maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
+    },
     selectText: {
       correctAnswerSelected: 'Correct answer selected',
       correctAnswerNotSelected: 'Correct answer not selected',
@@ -24511,6 +24517,12 @@ var _default = {
     mathInline: {
       primaryCorrectWithAlternates: 'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.'
     },
+    multipleChoice: {
+      minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
+      minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
+      maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
+      maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
+    },
     selectText: {
       correctAnswerSelected: 'Respuesta correcta seleccionada',
       correctAnswerNotSelected: 'Respuesta correcta no seleccionada',

package/module/element.js

@@ -1,5 +1,5 @@
 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";
+import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.4.1/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -79274,7 +79274,8 @@ const require$$18$3 = _dll_classnames;
         fontSize: 'inherit',
         maxWidth: '374px',
         position: 'relative',
-        borderRadius: '3px'
+        borderRadius: '3px',
+        margin: '8px'
       },
       chipLabel: {
         whiteSpace: 'pre-wrap',
@@ -113563,7 +113564,7 @@ const require$$24 = _dll_classnames;
         var relatedTarget = event.relatedTarget;
         var toolbarElement = _this.toolbarRef && (relatedTarget === null || relatedTarget === void 0 ? void 0 : relatedTarget.closest(("[class*=\"").concat(_this.toolbarRef.className, "\"]")));
         var isRawDoneButton = _this.doneButtonRef && (relatedTarget === null || relatedTarget === void 0 ? void 0 : relatedTarget.closest(("[class*=\"").concat((_this$doneButtonRef$c = _this.doneButtonRef.current) === null || _this$doneButtonRef$c === void 0 ? void 0 : _this$doneButtonRef$c.className, "\"]")));
-        _this.skipBlurHandling = _this.keypadInteractionDetected ? true : false;
+        _this.skipBlurHandling = _this.keypadInteractionDetected && relatedTarget !== null;
         if (toolbarElement && !isRawDoneButton && !_this.state.focusToolbar) {
           _this.setState({
             focusToolbar: true
@@ -113573,6 +113574,7 @@ const require$$24 = _dll_classnames;
         log('[onBlur] node: ', node);
         return new Promise(function (resolve) {
           if (!_this.skipBlurHandling) {
+            _this.setKeypadInteraction(false);
             _this.setState({
               preBlurValue: _this.state.value,
               focusedNode: !node ? null : node
@@ -113628,14 +113630,10 @@ const require$$24 = _dll_classnames;
           }
           _this.stashValue();
           _this.props.onFocus();
-          var isKeypadInteractionActive = _this.keypadInteractionDetected;
-          var shouldFocusEditor = !isKeypadInteractionActive && !isTouchDevice;
+          var shouldFocusEditor = !_this.keypadInteractionDetected && !isTouchDevice;
           if (shouldFocusEditor) {
             change === null || change === void 0 ? void 0 : change.focus();
           }
-          if (isKeypadInteractionActive) {
-            _this.setKeypadInteraction(false);
-          }
           resolve();
         });
       });
@@ -113710,10 +113708,11 @@ const require$$24 = _dll_classnames;
         if (!v) {
           return;
         }
+        var calcRegex = /^calc\((.*)\)$/;
         if (typeof v === 'string') {
           if (v.endsWith('%')) {
             return undefined;
-          } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw')) {
+          } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw') || v.endsWith('ch') || v.match(calcRegex)) {
             return v;
           } else {
             var value = parseInt(v, 10);
@@ -114668,6 +114667,11 @@ const require$$6 = _dll_classnames;
           var updatedValue = _objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, dataset.id, newValue));
           onChange(updatedValue);
         };
+        var handleKeyDown = function handleKeyDown(event) {
+          if (event.key === 'Enter' || event.keyCode === 13) {
+            return false;
+          }
+        };
         return _react["default"].createElement(_editableHtml["default"], {
           id: dataset.id,
           key: ("").concat(node.type, "-input-").concat(dataset.id),
@@ -114682,7 +114686,8 @@ const require$$6 = _dll_classnames;
             language: 'spanish'
           }],
           spellCheck: spellCheck,
-          width: width * 25,
+          width: ("calc(").concat(width, "ch + 42px)"),
+          onKeyDown: handleKeyDown,
           toolbarOpts: {
             minWidth: 'auto',
             noBorder: true
@@ -118232,6 +118237,12 @@ var en = {};
       mathInline: {
         primaryCorrectWithAlternates: 'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.'
       },
+      multipleChoice: {
+        minSelections_one: 'This question requires at least {{minSelections}} answer.',
+        minSelections_other: 'This question requires at least {{minSelections}} answers.',
+        maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
+        maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
+      },
       selectText: {
         correctAnswerSelected: 'Correct answer selected',
         correctAnswerNotSelected: 'Correct answer not selected',
@@ -118319,6 +118330,12 @@ var es = {};
       mathInline: {
         primaryCorrectWithAlternates: 'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.'
       },
+      multipleChoice: {
+        minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
+        minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
+        maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
+        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
+      },
       selectText: {
         correctAnswerSelected: 'Respuesta correcta seleccionada',
         correctAnswerNotSelected: 'Respuesta correcta no seleccionada',

package/module/manifest.json

@@ -8,7 +8,7 @@
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.4.0"
+      "version": "5.4.1"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
 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";
+import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.4.1/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -79237,7 +79237,8 @@ const require$$18$3 = _dll_classnames;
         fontSize: 'inherit',
         maxWidth: '374px',
         position: 'relative',
-        borderRadius: '3px'
+        borderRadius: '3px',
+        margin: '8px'
       },
       chipLabel: {
         whiteSpace: 'pre-wrap',
@@ -113526,7 +113527,7 @@ const require$$24 = _dll_classnames;
         var relatedTarget = event.relatedTarget;
         var toolbarElement = _this.toolbarRef && (relatedTarget === null || relatedTarget === void 0 ? void 0 : relatedTarget.closest(("[class*=\"").concat(_this.toolbarRef.className, "\"]")));
         var isRawDoneButton = _this.doneButtonRef && (relatedTarget === null || relatedTarget === void 0 ? void 0 : relatedTarget.closest(("[class*=\"").concat((_this$doneButtonRef$c = _this.doneButtonRef.current) === null || _this$doneButtonRef$c === void 0 ? void 0 : _this$doneButtonRef$c.className, "\"]")));
-        _this.skipBlurHandling = _this.keypadInteractionDetected ? true : false;
+        _this.skipBlurHandling = _this.keypadInteractionDetected && relatedTarget !== null;
         if (toolbarElement && !isRawDoneButton && !_this.state.focusToolbar) {
           _this.setState({
             focusToolbar: true
@@ -113536,6 +113537,7 @@ const require$$24 = _dll_classnames;
         log('[onBlur] node: ', node);
         return new Promise(function (resolve) {
           if (!_this.skipBlurHandling) {
+            _this.setKeypadInteraction(false);
             _this.setState({
               preBlurValue: _this.state.value,
               focusedNode: !node ? null : node
@@ -113591,14 +113593,10 @@ const require$$24 = _dll_classnames;
           }
           _this.stashValue();
           _this.props.onFocus();
-          var isKeypadInteractionActive = _this.keypadInteractionDetected;
-          var shouldFocusEditor = !isKeypadInteractionActive && !isTouchDevice;
+          var shouldFocusEditor = !_this.keypadInteractionDetected && !isTouchDevice;
           if (shouldFocusEditor) {
             change === null || change === void 0 ? void 0 : change.focus();
           }
-          if (isKeypadInteractionActive) {
-            _this.setKeypadInteraction(false);
-          }
           resolve();
         });
       });
@@ -113673,10 +113671,11 @@ const require$$24 = _dll_classnames;
         if (!v) {
           return;
         }
+        var calcRegex = /^calc\((.*)\)$/;
         if (typeof v === 'string') {
           if (v.endsWith('%')) {
             return undefined;
-          } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw')) {
+          } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw') || v.endsWith('ch') || v.match(calcRegex)) {
             return v;
           } else {
             var value = parseInt(v, 10);
@@ -114631,6 +114630,11 @@ const require$$6 = _dll_classnames;
           var updatedValue = _objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, dataset.id, newValue));
           onChange(updatedValue);
         };
+        var handleKeyDown = function handleKeyDown(event) {
+          if (event.key === 'Enter' || event.keyCode === 13) {
+            return false;
+          }
+        };
         return _react["default"].createElement(_editableHtml["default"], {
           id: dataset.id,
           key: ("").concat(node.type, "-input-").concat(dataset.id),
@@ -114645,7 +114649,8 @@ const require$$6 = _dll_classnames;
             language: 'spanish'
           }],
           spellCheck: spellCheck,
-          width: width * 25,
+          width: ("calc(").concat(width, "ch + 42px)"),
+          onKeyDown: handleKeyDown,
           toolbarOpts: {
             minWidth: 'auto',
             noBorder: true
@@ -118195,6 +118200,12 @@ var en = {};
       mathInline: {
         primaryCorrectWithAlternates: 'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.'
       },
+      multipleChoice: {
+        minSelections_one: 'This question requires at least {{minSelections}} answer.',
+        minSelections_other: 'This question requires at least {{minSelections}} answers.',
+        maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
+        maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
+      },
       selectText: {
         correctAnswerSelected: 'Correct answer selected',
         correctAnswerNotSelected: 'Correct answer not selected',
@@ -118282,6 +118293,12 @@ var es = {};
       mathInline: {
         primaryCorrectWithAlternates: 'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.'
       },
+      multipleChoice: {
+        minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
+        minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
+        maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
+        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
+      },
       selectText: {
         correctAnswerSelected: 'Respuesta correcta seleccionada',
         correctAnswerNotSelected: 'Respuesta correcta no seleccionada',

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.2.6-next.34+1bf85f10a",
+  "version": "7.2.6-next.40+c2131410e",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.4.1",
+    "@pie-lib/pie-toolbox": "2.5.0",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "1bf85f10abdec54911ebbade6b8a54c17d00870a",
+  "gitHead": "c2131410e19605093ca77afb8234b31708db01b1",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {