@pie-element/math-inline 12.2.0 → 12.2.2-beta.2
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/CHANGELOG.md +26 -40
- package/configure/CHANGELOG.md +26 -40
- package/configure/lib/__tests__/configure.test.js +237 -0
- package/configure/lib/general-config-block.js +3 -3
- package/configure/lib/general-config-block.js.map +1 -1
- package/configure/lib/response.js +7 -7
- package/configure/lib/response.js.map +1 -1
- package/configure/package.json +6 -6
- package/controller/CHANGELOG.md +39 -3
- package/controller/lib/__tests__/index.test.js +1416 -0
- package/controller/package.json +1 -1
- package/docs/demo/pie.manifest.json +11 -0
- package/lib/__tests__/main.test.js +516 -0
- package/lib/__tests__/simple-question-block.test.js +129 -0
- package/lib/main.js +7 -7
- package/lib/main.js.map +1 -1
- package/lib/simple-question-block.js +2 -2
- package/lib/simple-question-block.js.map +1 -1
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-question-block.js","names":["_react","_interopRequireDefault","require","_mathToolbar","
|
|
1
|
+
{"version":3,"file":"simple-question-block.js","names":["_react","_interopRequireDefault","require","_mathToolbar","_mathInputMathlive","_styles","_propTypes","_renderUi","Expression","styled","theme","marginTop","spacing","marginBottom","padding","Static","shouldForwardProp","prop","includes","isCorrect","isIncorrect","color","text","background","border","correct","incorrect","primaryLight","width","fontSize","letterSpacing","display","document","styleId","getElementById","style","createElement","id","textContent","head","appendChild","SimpleQuestionBlock","React","Component","constructor","props","_defineProperty2","default","e","mathToolBarId","contains","target","mathToolBarContainsTarget","setState","showKeypad","onSubFieldFocus","Date","getTime","render","model","showCorrect","session","emptyResponse","onSimpleResponseChange","config","disabled","correctness","responses","equationEditor","mq","latex","length","answer","response","MathToolbar","classNames","editor","keypadMode","onChange","onDone","onFocus","controlledKeypad","hideDoneButton","exports","PropTypes","func","object","isRequired","bool","_default"],"sources":["../src/simple-question-block.jsx"],"sourcesContent":["import React from 'react';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport { mq } from '@pie-lib/math-input-mathlive';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst Expression = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n padding: theme.spacing(1),\n}));\n\nconst Static = styled('div', {\n shouldForwardProp: (prop) => !['isCorrect', 'isIncorrect'].includes(prop),\n})(({ theme, isCorrect, isIncorrect }) => ({\n color: color.text(),\n background: color.background(),\n border: isCorrect\n ? `2px solid ${color.correct()} !important`\n : isIncorrect\n ? `2px solid ${color.incorrect()} !important`\n : `1px solid ${color.primaryLight()}`,\n width: 'fit-content',\n fontSize: '1rem',\n padding: isCorrect || isIncorrect ? theme.spacing(1) : theme.spacing(0.5),\n letterSpacing: (isCorrect || isIncorrect) ? '0.5px' : 'normal',\n '& > .mq-math-mode': {\n '& > .mq-hasCursor': {\n '& > .mq-cursor': {\n display: 'none',\n },\n },\n },\n}));\n\n// CSS for MathToolbar classNames (used as strings)\nif (typeof document !== 'undefined') {\n const styleId = 'math-inline-simple-question-styles';\n if (!document.getElementById(styleId)) {\n const style = document.createElement('style');\n style.id = styleId;\n style.textContent = `\n .response-editor {\n display: flex;\n justify-content: center;\n width: auto;\n max-width: fit-content;\n height: auto;\n text-align: left;\n padding: 8px;\n }\n .response-editor.mq-math-mode {\n border: 1px solid ${color.primaryLight()};\n }\n `;\n document.head.appendChild(style);\n }\n}\n\nexport class SimpleQuestionBlock extends React.Component {\n static propTypes = {\n onSimpleResponseChange: PropTypes.func,\n model: PropTypes.object.isRequired,\n emptyResponse: PropTypes.bool,\n session: PropTypes.object.isRequired,\n showCorrect: PropTypes.bool,\n onSubFieldFocus: PropTypes.func.isRequired,\n showKeypad: PropTypes.bool.isRequired,\n };\n\n constructor(props) {\n super(props);\n\n this.mathToolBarId = `math-toolbar-${new Date().getTime()}`;\n }\n\n mathToolBarContainsTarget = (e) => document.getElementById(this.mathToolBarId).contains(e.target);\n\n handleClick = (e) => {\n try {\n if (!this.mathToolBarContainsTarget(e)) {\n this.setState({ showKeypad: false });\n }\n } catch (e) {\n // console.log(e.toString());\n }\n };\n\n onFocus = () => {\n const { onSubFieldFocus } = this.props;\n\n onSubFieldFocus(this.mathToolBarId);\n };\n\n render() {\n const { model, showCorrect, session, emptyResponse,onSimpleResponseChange, showKeypad } = this.props;\n const { config, disabled, correctness } = model || {};\n\n if (!config) {\n return;\n }\n\n const correct = correctness && correctness.correct;\n const { responses, equationEditor } = config;\n\n return (\n <Expression data-keypad={true}>\n {showCorrect || disabled ? (\n <Static\n isIncorrect={!emptyResponse && !correct && !showCorrect}\n isCorrect={!emptyResponse && (correct || showCorrect)}\n >\n <mq.Static\n latex={showCorrect ? responses && responses.length && responses[0].answer : session.response || ''}\n />\n </Static>\n ) : (\n <div id={this.mathToolBarId}>\n <MathToolbar\n classNames={{ editor: 'response-editor' }}\n latex={session.response}\n keypadMode={equationEditor}\n onChange={onSimpleResponseChange}\n onDone={() => {}}\n onFocus={this.onFocus}\n controlledKeypad={true}\n showKeypad={showKeypad}\n hideDoneButton={true}\n />\n </div>\n )}\n </Expression>\n );\n }\n}\n\nexport default SimpleQuestionBlock;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
7
|
-
"version": "12.2.
|
|
7
|
+
"version": "12.2.2-beta.2",
|
|
8
8
|
"main": "lib/index.js",
|
|
9
9
|
"description": "",
|
|
10
10
|
"scripts": {
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"@mui/icons-material": "^7.3.4",
|
|
17
17
|
"@mui/material": "^7.3.4",
|
|
18
18
|
"@pie-framework/pie-player-events": "^0.1.0",
|
|
19
|
-
"@pie-lib/correct-answer-toggle": "4.0.
|
|
20
|
-
"@pie-lib/math-input": "
|
|
19
|
+
"@pie-lib/correct-answer-toggle": "4.0.5",
|
|
20
|
+
"@pie-lib/math-input-mathlive": "1.0.9",
|
|
21
21
|
"@pie-lib/math-rendering": "5.1.0",
|
|
22
|
-
"@pie-lib/math-toolbar": "3.0.
|
|
23
|
-
"@pie-lib/render-ui": "
|
|
22
|
+
"@pie-lib/math-toolbar": "3.1.0-beta.6",
|
|
23
|
+
"@pie-lib/render-ui": "6.1.3",
|
|
24
24
|
"@pie-lib/translator": "4.0.2",
|
|
25
25
|
"classnames": "^2.2.6",
|
|
26
26
|
"debug": "^4.1.1",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"author": "",
|
|
33
33
|
"license": "ISC",
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "fcf6139719821e97ab40cb60e9a953fe427d86a4",
|
|
35
35
|
"module": "src/index.js",
|
|
36
36
|
"exports": {
|
|
37
37
|
".": "./src/index.js",
|