@pie-lib/mask-markup 1.33.3-next.163 → 1.33.3-next.203
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/constructed-response.js +4 -4
- package/lib/constructed-response.js.map +1 -1
- package/package.json +6 -6
- package/src/constructed-response.jsx +6 -15
- package/esm/index.css +0 -847
- package/esm/index.js +0 -159937
- package/esm/index.js.map +0 -1
- package/esm/package.json +0 -3
|
@@ -13,14 +13,14 @@ var _renderUi = require("@pie-lib/render-ui");
|
|
|
13
13
|
var _withMask = require("./with-mask");
|
|
14
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
15
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
-
//import EditableHtml from '@pie-lib/editable-html';
|
|
16
|
+
//import EditableHtml from '@pie-lib/editable-html-tip-tap';
|
|
17
17
|
|
|
18
18
|
var EditableHtml;
|
|
19
19
|
var StyledEditableHtml;
|
|
20
20
|
|
|
21
21
|
// - mathquill error window not defined
|
|
22
22
|
if (typeof window !== 'undefined') {
|
|
23
|
-
EditableHtml = require('@pie-lib/editable-html')['default'];
|
|
23
|
+
EditableHtml = require('@pie-lib/editable-html-tip-tap')['default'];
|
|
24
24
|
StyledEditableHtml = (0, _styles.styled)(EditableHtml)(function () {
|
|
25
25
|
return {
|
|
26
26
|
display: 'inline-block',
|
|
@@ -64,7 +64,7 @@ var MaskedInput = function MaskedInput(props) {
|
|
|
64
64
|
var handleKeyDown = function handleKeyDown(event) {
|
|
65
65
|
// the keyCode value for the Enter/Return key is 13
|
|
66
66
|
if (event.key === 'Enter' || event.keyCode === 13) {
|
|
67
|
-
return
|
|
67
|
+
return true;
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
return /*#__PURE__*/_react["default"].createElement(StyledEditableHtml, {
|
|
@@ -81,7 +81,7 @@ var MaskedInput = function MaskedInput(props) {
|
|
|
81
81
|
language: 'spanish'
|
|
82
82
|
}],
|
|
83
83
|
spellCheck: spellCheck,
|
|
84
|
-
width: "calc(".concat(width, "em +
|
|
84
|
+
width: "calc(".concat(width, "em + 32px)") // added 32px for left and right padding of editable-html
|
|
85
85
|
,
|
|
86
86
|
onKeyDown: handleKeyDown,
|
|
87
87
|
autoWidthToolbar: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constructed-response.js","names":["_react","_interopRequireDefault","require","_styles","_classnames","_renderUi","_withMask","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","EditableHtml","StyledEditableHtml","window","styled","display","verticalAlign","margin","borderRadius","border","concat","color","black","correct","incorrect","MaskedInput","props","node","data","_node$data","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","pluginProps","onChange","dataset","component","_pluginProps$characte","correctAnswer","choices","id","finalValue","label","width","feedbackStatus","isCorrect","isIncorrect","handleInputChange","newValue","updatedValue","handleKeyDown","event","key","keyCode","createElement","type","disableUnderline","markup","charactersLimit","activePlugins","languageCharactersProps","language","onKeyDown","autoWidthToolbar","toolbarOpts","minWidth","noBorder","isHidden","characters","className","classnames","_default","exports","withMask"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { color } from '@pie-lib/render-ui';\nimport { withMask } from './with-mask';\n//import EditableHtml from '@pie-lib/editable-html';\n\nlet EditableHtml;\nlet StyledEditableHtml;\n\n// - mathquill error window not defined\nif (typeof window !== 'undefined') {\n EditableHtml = require('@pie-lib/editable-html')['default'];\n StyledEditableHtml = styled(EditableHtml)(() => ({\n display: 'inline-block',\n verticalAlign: 'middle',\n margin: '4px',\n borderRadius: '4px',\n border: `1px solid ${color.black()}`,\n '&.correct': {\n border: `1px solid ${color.correct()}`,\n },\n '&.incorrect': {\n border: `1px solid ${color.incorrect()}`,\n },\n }));\n}
|
|
1
|
+
{"version":3,"file":"constructed-response.js","names":["_react","_interopRequireDefault","require","_styles","_classnames","_renderUi","_withMask","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","EditableHtml","StyledEditableHtml","window","styled","display","verticalAlign","margin","borderRadius","border","concat","color","black","correct","incorrect","MaskedInput","props","node","data","_node$data","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","pluginProps","onChange","dataset","component","_pluginProps$characte","correctAnswer","choices","id","finalValue","label","width","feedbackStatus","isCorrect","isIncorrect","handleInputChange","newValue","updatedValue","handleKeyDown","event","key","keyCode","createElement","type","disableUnderline","markup","charactersLimit","activePlugins","languageCharactersProps","language","onKeyDown","autoWidthToolbar","toolbarOpts","minWidth","noBorder","isHidden","characters","className","classnames","_default","exports","withMask"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport classnames from 'classnames';\n\nimport { color } from '@pie-lib/render-ui';\nimport { withMask } from './with-mask';\n//import EditableHtml from '@pie-lib/editable-html-tip-tap';\n\nlet EditableHtml;\nlet StyledEditableHtml;\n\n// - mathquill error window not defined\nif (typeof window !== 'undefined') {\n EditableHtml = require('@pie-lib/editable-html-tip-tap')['default'];\n StyledEditableHtml = styled(EditableHtml)(() => ({\n display: 'inline-block',\n verticalAlign: 'middle',\n margin: '4px',\n borderRadius: '4px',\n border: `1px solid ${color.black()}`,\n '&.correct': {\n border: `1px solid ${color.correct()}`,\n },\n '&.incorrect': {\n border: `1px solid ${color.incorrect()}`,\n },\n }));\n}\n\nconst MaskedInput = (props) => (node, data) => {\n const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck, pluginProps, onChange } = props;\n const dataset = node.data?.dataset || {};\n\n if (dataset.component === 'input') {\n const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';\n const width = maxLength && maxLength[dataset.id];\n const feedbackStatus = feedback && feedback[dataset.id];\n const isCorrect = showCorrectAnswer || feedbackStatus === 'correct';\n const isIncorrect = !showCorrectAnswer && feedbackStatus === 'incorrect';\n\n const handleInputChange = (newValue) => {\n const updatedValue = {\n ...data,\n [dataset.id]: newValue,\n };\n onChange(updatedValue);\n };\n\n const handleKeyDown = (event) => {\n // the keyCode value for the Enter/Return key is 13\n if (event.key === 'Enter' || event.keyCode === 13) {\n return true;\n }\n };\n\n return (\n <StyledEditableHtml\n id={dataset.id}\n key={`${node.type}-input-${dataset.id}`}\n disabled={showCorrectAnswer || disabled}\n disableUnderline\n onChange={handleInputChange}\n markup={finalValue || ''}\n charactersLimit={adjustedLimit ? width : 25}\n activePlugins={['languageCharacters']}\n pluginProps={pluginProps}\n languageCharactersProps={[{ language: 'spanish' }]}\n spellCheck={spellCheck}\n width={`calc(${width}em + 32px)`} // added 32px for left and right padding of editable-html\n onKeyDown={handleKeyDown}\n autoWidthToolbar\n toolbarOpts={{\n minWidth: 'auto',\n noBorder: true,\n isHidden: !!pluginProps?.characters?.disabled,\n }}\n className={classnames({\n correct: isCorrect,\n incorrect: isIncorrect,\n })}\n />\n );\n }\n};\n\nexport default withMask('input', MaskedInput);\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/mask-markup",
|
|
3
|
-
"version": "1.33.3-next.
|
|
3
|
+
"version": "1.33.3-next.203+fbf4a810",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "src/index.js",
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
"@emotion/style": "^0.8.0",
|
|
13
13
|
"@mui/icons-material": "^7.3.4",
|
|
14
14
|
"@mui/material": "^7.3.4",
|
|
15
|
-
"@pie-lib/drag": "2.22.
|
|
16
|
-
"@pie-lib/editable-html": "11.21.3-next.
|
|
17
|
-
"@pie-lib/math-rendering": "3.22.
|
|
18
|
-
"@pie-lib/render-ui": "4.35.
|
|
15
|
+
"@pie-lib/drag": "2.22.4-next.0",
|
|
16
|
+
"@pie-lib/editable-html": "11.21.3-next.203+fbf4a810",
|
|
17
|
+
"@pie-lib/math-rendering": "3.22.3-next.0",
|
|
18
|
+
"@pie-lib/render-ui": "4.35.4-next.0",
|
|
19
19
|
"classnames": "^2.2.6",
|
|
20
20
|
"debug": "^4.1.1",
|
|
21
21
|
"lodash": "^4.17.11",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"keywords": [],
|
|
32
32
|
"author": "",
|
|
33
33
|
"license": "ISC",
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "fbf4a810003eeb0a0e984ff8f55362ad94cf4b71"
|
|
35
35
|
}
|
|
@@ -4,14 +4,14 @@ import classnames from 'classnames';
|
|
|
4
4
|
|
|
5
5
|
import { color } from '@pie-lib/render-ui';
|
|
6
6
|
import { withMask } from './with-mask';
|
|
7
|
-
//import EditableHtml from '@pie-lib/editable-html';
|
|
7
|
+
//import EditableHtml from '@pie-lib/editable-html-tip-tap';
|
|
8
8
|
|
|
9
9
|
let EditableHtml;
|
|
10
10
|
let StyledEditableHtml;
|
|
11
11
|
|
|
12
12
|
// - mathquill error window not defined
|
|
13
13
|
if (typeof window !== 'undefined') {
|
|
14
|
-
EditableHtml = require('@pie-lib/editable-html')['default'];
|
|
14
|
+
EditableHtml = require('@pie-lib/editable-html-tip-tap')['default'];
|
|
15
15
|
StyledEditableHtml = styled(EditableHtml)(() => ({
|
|
16
16
|
display: 'inline-block',
|
|
17
17
|
verticalAlign: 'middle',
|
|
@@ -25,19 +25,10 @@ if (typeof window !== 'undefined') {
|
|
|
25
25
|
border: `1px solid ${color.incorrect()}`,
|
|
26
26
|
},
|
|
27
27
|
}));
|
|
28
|
-
}
|
|
28
|
+
}
|
|
29
29
|
|
|
30
30
|
const MaskedInput = (props) => (node, data) => {
|
|
31
|
-
const {
|
|
32
|
-
adjustedLimit,
|
|
33
|
-
disabled,
|
|
34
|
-
feedback,
|
|
35
|
-
showCorrectAnswer,
|
|
36
|
-
maxLength,
|
|
37
|
-
spellCheck,
|
|
38
|
-
pluginProps,
|
|
39
|
-
onChange,
|
|
40
|
-
} = props;
|
|
31
|
+
const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck, pluginProps, onChange } = props;
|
|
41
32
|
const dataset = node.data?.dataset || {};
|
|
42
33
|
|
|
43
34
|
if (dataset.component === 'input') {
|
|
@@ -59,7 +50,7 @@ const MaskedInput = (props) => (node, data) => {
|
|
|
59
50
|
const handleKeyDown = (event) => {
|
|
60
51
|
// the keyCode value for the Enter/Return key is 13
|
|
61
52
|
if (event.key === 'Enter' || event.keyCode === 13) {
|
|
62
|
-
return
|
|
53
|
+
return true;
|
|
63
54
|
}
|
|
64
55
|
};
|
|
65
56
|
|
|
@@ -76,7 +67,7 @@ const MaskedInput = (props) => (node, data) => {
|
|
|
76
67
|
pluginProps={pluginProps}
|
|
77
68
|
languageCharactersProps={[{ language: 'spanish' }]}
|
|
78
69
|
spellCheck={spellCheck}
|
|
79
|
-
width={`calc(${width}em +
|
|
70
|
+
width={`calc(${width}em + 32px)`} // added 32px for left and right padding of editable-html
|
|
80
71
|
onKeyDown={handleKeyDown}
|
|
81
72
|
autoWidthToolbar
|
|
82
73
|
toolbarOpts={{
|