@magmamath/students-features 0.9.111-rc.7 → 0.9.111
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/dist/commonjs/features/openEnded/components/OpenEndedScoreLabel.js +9 -6
- package/dist/commonjs/features/openEnded/components/OpenEndedScoreLabel.js.map +1 -1
- package/dist/module/features/openEnded/components/OpenEndedScoreLabel.js +9 -6
- package/dist/module/features/openEnded/components/OpenEndedScoreLabel.js.map +1 -1
- package/dist/typescript/commonjs/features/openEnded/components/OpenEndedScoreLabel.d.ts.map +1 -1
- package/dist/typescript/module/features/openEnded/components/OpenEndedScoreLabel.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/openEnded/components/OpenEndedScoreLabel.tsx +11 -7
|
@@ -11,9 +11,9 @@ var _oeHelpers = require("../oe.helpers.js");
|
|
|
11
11
|
var _commonConstants = require("../../../shared/common.constants.js");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const SCORE_WIDTH = {
|
|
15
|
+
DEFAULT: _commonConstants.isWeb ? 20 : 26,
|
|
16
|
+
LARGE: _commonConstants.isWeb ? 26 : 30
|
|
17
17
|
};
|
|
18
18
|
const OpenEndedScoreLabel = ({
|
|
19
19
|
label,
|
|
@@ -26,7 +26,7 @@ const OpenEndedScoreLabel = ({
|
|
|
26
26
|
variant,
|
|
27
27
|
disabled
|
|
28
28
|
});
|
|
29
|
-
const scoreContainerWidth = score !== null && score >= 10 ?
|
|
29
|
+
const scoreContainerWidth = score !== null && score >= 10 ? SCORE_WIDTH.LARGE : SCORE_WIDTH.DEFAULT;
|
|
30
30
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
31
31
|
style: styles.container,
|
|
32
32
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
@@ -35,9 +35,9 @@ const OpenEndedScoreLabel = ({
|
|
|
35
35
|
}],
|
|
36
36
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
37
37
|
variant: _reactNativeUi.HeadingVariants.H3,
|
|
38
|
-
style: {
|
|
38
|
+
style: [styles.scoreText, {
|
|
39
39
|
color: colors.score
|
|
40
|
-
},
|
|
40
|
+
}],
|
|
41
41
|
children: score
|
|
42
42
|
})
|
|
43
43
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
|
|
@@ -67,6 +67,9 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
67
67
|
paddingHorizontal: _reactNativeUi.SPACING[100],
|
|
68
68
|
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
|
|
69
69
|
},
|
|
70
|
+
scoreText: {
|
|
71
|
+
textAlign: 'center'
|
|
72
|
+
},
|
|
70
73
|
maxScoreText: {
|
|
71
74
|
marginLeft: _reactNativeUi.SPACING[200]
|
|
72
75
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_oeHelpers","_commonConstants","_jsxRuntime","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_oeHelpers","_commonConstants","_jsxRuntime","e","__esModule","default","SCORE_WIDTH","DEFAULT","isWeb","LARGE","OpenEndedScoreLabel","label","score","maxScore","disabled","variant","colors","getScoreLabelColor","scoreContainerWidth","jsxs","View","style","styles","container","children","jsx","width","Typography","HeadingVariants","H3","scoreText","color","maxScoreText","exports","StyleSheet","create","alignItems","flexDirection","justifyContent","height","borderWidth","borderRadius","BORDER_RADIUS","borderColor","COLORS","NEUTRAL_5","paddingVertical","SPACING","paddingHorizontal","backgroundColor","NEUTRAL_1","textAlign","marginLeft"],"sourceRoot":"../../../../../src","sources":["features/openEnded/components/OpenEndedScoreLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAOA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAJ,OAAA;AAAwD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUxD,MAAMG,WAAW,GAAG;EAClBC,OAAO,EAAEC,sBAAK,GAAG,EAAE,GAAG,EAAE;EACxBC,KAAK,EAAED,sBAAK,GAAG,EAAE,GAAG;AACtB,CAAU;AAEH,MAAME,mBAAmB,GAAGA,CAAC;EAClCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACwB,CAAC,KAAK;EAC9B,MAAMC,MAAM,GAAG,IAAAC,6BAAkB,EAAC;IAAEF,OAAO;IAAED;EAAS,CAAC,CAAC;EACxD,MAAMI,mBAAmB,GACvBN,KAAK,KAAK,IAAI,IAAIA,KAAK,IAAI,EAAE,GAAGN,WAAW,CAACG,KAAK,GAAGH,WAAW,CAACC,OAAO;EAEzE,oBACE,IAAAL,WAAA,CAAAiB,IAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAtB,WAAA,CAAAuB,GAAA,EAAC3B,YAAA,CAAAsB,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAE;QAAEc,KAAK,EAAER;MAAoB,CAAC,CAAE;MAAAM,QAAA,eAC1D,IAAAtB,WAAA,CAAAuB,GAAA,EAAC1B,cAAA,CAAA4B,UAAU;QACTZ,OAAO,EAAEa,8BAAe,CAACC,EAAG;QAC5BR,KAAK,EAAE,CAACC,MAAM,CAACQ,SAAS,EAAE;UAAEC,KAAK,EAAEf,MAAM,CAACJ;QAAM,CAAC,CAAE;QAAAY,QAAA,EAElDZ;MAAK,CACI;IAAC,CACT,CAAC,eACP,IAAAV,WAAA,CAAAiB,IAAA,EAACpB,cAAA,CAAA4B,UAAU;MACTZ,OAAO,EAAEa,8BAAe,CAACC,EAAG;MAC5BR,KAAK,EAAE,CAACC,MAAM,CAACU,YAAY,EAAE;QAAED,KAAK,EAAEf,MAAM,CAACH;MAAS,CAAC,CAAE;MAAAW,QAAA,GAC1D,IACG,EAACX,QAAQ,EAAC,GAAC,EAACF,KAAK;IAAA,CACT,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAsB,OAAA,CAAAvB,mBAAA,GAAAA,mBAAA;AAED,MAAMY,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDzB,KAAK,EAAE;IACLyB,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,WAAW,EAAEC,qBAAM,CAACC,SAAS;IAC7BC,eAAe,EAAEtC,sBAAK,GAAGuC,sBAAO,CAAC,EAAE,CAAC,GAAG,CAAC;IACxCC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,eAAe,EAAEL,qBAAM,CAACM;EAC1B,CAAC;EACDpB,SAAS,EAAE;IACTqB,SAAS,EAAE;EACb,CAAC;EACDnB,YAAY,EAAE;IACZoB,UAAU,EAAEL,sBAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,9 +6,9 @@ import { Typography, HeadingVariants, SPACING, BORDER_RADIUS, COLORS } from '@ma
|
|
|
6
6
|
import { getScoreLabelColor } from "../oe.helpers.js";
|
|
7
7
|
import { isWeb } from "../../../shared/common.constants.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
const SCORE_WIDTH = {
|
|
10
|
+
DEFAULT: isWeb ? 20 : 26,
|
|
11
|
+
LARGE: isWeb ? 26 : 30
|
|
12
12
|
};
|
|
13
13
|
export const OpenEndedScoreLabel = ({
|
|
14
14
|
label,
|
|
@@ -21,7 +21,7 @@ export const OpenEndedScoreLabel = ({
|
|
|
21
21
|
variant,
|
|
22
22
|
disabled
|
|
23
23
|
});
|
|
24
|
-
const scoreContainerWidth = score !== null && score >= 10 ?
|
|
24
|
+
const scoreContainerWidth = score !== null && score >= 10 ? SCORE_WIDTH.LARGE : SCORE_WIDTH.DEFAULT;
|
|
25
25
|
return /*#__PURE__*/_jsxs(View, {
|
|
26
26
|
style: styles.container,
|
|
27
27
|
children: [/*#__PURE__*/_jsx(View, {
|
|
@@ -30,9 +30,9 @@ export const OpenEndedScoreLabel = ({
|
|
|
30
30
|
}],
|
|
31
31
|
children: /*#__PURE__*/_jsx(Typography, {
|
|
32
32
|
variant: HeadingVariants.H3,
|
|
33
|
-
style: {
|
|
33
|
+
style: [styles.scoreText, {
|
|
34
34
|
color: colors.score
|
|
35
|
-
},
|
|
35
|
+
}],
|
|
36
36
|
children: score
|
|
37
37
|
})
|
|
38
38
|
}), /*#__PURE__*/_jsxs(Typography, {
|
|
@@ -61,6 +61,9 @@ const styles = StyleSheet.create({
|
|
|
61
61
|
paddingHorizontal: SPACING[100],
|
|
62
62
|
backgroundColor: COLORS.NEUTRAL_1
|
|
63
63
|
},
|
|
64
|
+
scoreText: {
|
|
65
|
+
textAlign: 'center'
|
|
66
|
+
},
|
|
64
67
|
maxScoreText: {
|
|
65
68
|
marginLeft: SPACING[200]
|
|
66
69
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Typography","HeadingVariants","SPACING","BORDER_RADIUS","COLORS","getScoreLabelColor","isWeb","jsx","_jsx","jsxs","_jsxs","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Typography","HeadingVariants","SPACING","BORDER_RADIUS","COLORS","getScoreLabelColor","isWeb","jsx","_jsx","jsxs","_jsxs","SCORE_WIDTH","DEFAULT","LARGE","OpenEndedScoreLabel","label","score","maxScore","disabled","variant","colors","scoreContainerWidth","style","styles","container","children","width","H3","scoreText","color","maxScoreText","create","alignItems","flexDirection","justifyContent","height","borderWidth","borderRadius","borderColor","NEUTRAL_5","paddingVertical","paddingHorizontal","backgroundColor","NEUTRAL_1","textAlign","marginLeft"],"sourceRoot":"../../../../../src","sources":["features/openEnded/components/OpenEndedScoreLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SACEC,UAAU,EACVC,eAAe,EACfC,OAAO,EACPC,aAAa,EACbC,MAAM,QACD,4BAA4B;AACnC,SAASC,kBAAkB,QAAQ,kBAAe;AAElD,SAASC,KAAK,QAAQ,qCAAkC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUxD,MAAMC,WAAW,GAAG;EAClBC,OAAO,EAAEN,KAAK,GAAG,EAAE,GAAG,EAAE;EACxBO,KAAK,EAAEP,KAAK,GAAG,EAAE,GAAG;AACtB,CAAU;AAEV,OAAO,MAAMQ,mBAAmB,GAAGA,CAAC;EAClCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACwB,CAAC,KAAK;EAC9B,MAAMC,MAAM,GAAGf,kBAAkB,CAAC;IAAEc,OAAO;IAAED;EAAS,CAAC,CAAC;EACxD,MAAMG,mBAAmB,GACvBL,KAAK,KAAK,IAAI,IAAIA,KAAK,IAAI,EAAE,GAAGL,WAAW,CAACE,KAAK,GAAGF,WAAW,CAACC,OAAO;EAEzE,oBACEF,KAAA,CAACZ,IAAI;IAACwB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BjB,IAAA,CAACV,IAAI;MAACwB,KAAK,EAAE,CAACC,MAAM,CAACP,KAAK,EAAE;QAAEU,KAAK,EAAEL;MAAoB,CAAC,CAAE;MAAAI,QAAA,eAC1DjB,IAAA,CAACR,UAAU;QACTmB,OAAO,EAAElB,eAAe,CAAC0B,EAAG;QAC5BL,KAAK,EAAE,CAACC,MAAM,CAACK,SAAS,EAAE;UAAEC,KAAK,EAAET,MAAM,CAACJ;QAAM,CAAC,CAAE;QAAAS,QAAA,EAElDT;MAAK,CACI;IAAC,CACT,CAAC,eACPN,KAAA,CAACV,UAAU;MACTmB,OAAO,EAAElB,eAAe,CAAC0B,EAAG;MAC5BL,KAAK,EAAE,CAACC,MAAM,CAACO,YAAY,EAAE;QAAED,KAAK,EAAET,MAAM,CAACH;MAAS,CAAC,CAAE;MAAAQ,QAAA,GAC1D,IACG,EAACR,QAAQ,EAAC,GAAC,EAACF,KAAK;IAAA,CACT,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGxB,UAAU,CAACgC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDjB,KAAK,EAAE;IACLiB,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAElC,aAAa,CAAC,GAAG,CAAC;IAChCmC,WAAW,EAAElC,MAAM,CAACmC,SAAS;IAC7BC,eAAe,EAAElC,KAAK,GAAGJ,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC;IACxCuC,iBAAiB,EAAEvC,OAAO,CAAC,GAAG,CAAC;IAC/BwC,eAAe,EAAEtC,MAAM,CAACuC;EAC1B,CAAC;EACDf,SAAS,EAAE;IACTgB,SAAS,EAAE;EACb,CAAC;EACDd,YAAY,EAAE;IACZe,UAAU,EAAE3C,OAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OpenEndedScoreLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/openEnded/components/OpenEndedScoreLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAOD,eAAO,MAAM,mBAAmB,mDAM7B,wBAAwB,
|
|
1
|
+
{"version":3,"file":"OpenEndedScoreLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/openEnded/components/OpenEndedScoreLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAOD,eAAO,MAAM,mBAAmB,mDAM7B,wBAAwB,sBAuB1B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OpenEndedScoreLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/openEnded/components/OpenEndedScoreLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAOD,eAAO,MAAM,mBAAmB,mDAM7B,wBAAwB,
|
|
1
|
+
{"version":3,"file":"OpenEndedScoreLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/openEnded/components/OpenEndedScoreLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAOD,eAAO,MAAM,mBAAmB,mDAM7B,wBAAwB,sBAuB1B,CAAA"}
|
package/package.json
CHANGED
|
@@ -19,9 +19,9 @@ type OpenEndedScoreLabelProps = {
|
|
|
19
19
|
variant: OpenEndedScoreLabelVariant
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
const SCORE_WIDTH = {
|
|
23
|
+
DEFAULT: isWeb ? 20 : 26,
|
|
24
|
+
LARGE: isWeb ? 26 : 30,
|
|
25
25
|
} as const
|
|
26
26
|
|
|
27
27
|
export const OpenEndedScoreLabel = ({
|
|
@@ -33,14 +33,15 @@ export const OpenEndedScoreLabel = ({
|
|
|
33
33
|
}: OpenEndedScoreLabelProps) => {
|
|
34
34
|
const colors = getScoreLabelColor({ variant, disabled })
|
|
35
35
|
const scoreContainerWidth =
|
|
36
|
-
score !== null && score >= 10
|
|
37
|
-
? SCORE_CONTAINER_WIDTH.doubleDigit
|
|
38
|
-
: SCORE_CONTAINER_WIDTH.singleDigit
|
|
36
|
+
score !== null && score >= 10 ? SCORE_WIDTH.LARGE : SCORE_WIDTH.DEFAULT
|
|
39
37
|
|
|
40
38
|
return (
|
|
41
39
|
<View style={styles.container}>
|
|
42
40
|
<View style={[styles.score, { width: scoreContainerWidth }]}>
|
|
43
|
-
<Typography
|
|
41
|
+
<Typography
|
|
42
|
+
variant={HeadingVariants.H3}
|
|
43
|
+
style={[styles.scoreText, { color: colors.score }]}
|
|
44
|
+
>
|
|
44
45
|
{score}
|
|
45
46
|
</Typography>
|
|
46
47
|
</View>
|
|
@@ -71,6 +72,9 @@ const styles = StyleSheet.create({
|
|
|
71
72
|
paddingHorizontal: SPACING[100],
|
|
72
73
|
backgroundColor: COLORS.NEUTRAL_1,
|
|
73
74
|
},
|
|
75
|
+
scoreText: {
|
|
76
|
+
textAlign: 'center',
|
|
77
|
+
},
|
|
74
78
|
maxScoreText: {
|
|
75
79
|
marginLeft: SPACING[200],
|
|
76
80
|
},
|