@magmamath/students-features 0.9.111-rc.5 → 0.9.111-rc.6

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.
Files changed (8) hide show
  1. package/dist/commonjs/features/openEnded/components/OpenEndedScoreLabel.js +8 -2
  2. package/dist/commonjs/features/openEnded/components/OpenEndedScoreLabel.js.map +1 -1
  3. package/dist/module/features/openEnded/components/OpenEndedScoreLabel.js +8 -2
  4. package/dist/module/features/openEnded/components/OpenEndedScoreLabel.js.map +1 -1
  5. package/dist/typescript/commonjs/features/openEnded/components/OpenEndedScoreLabel.d.ts.map +1 -1
  6. package/dist/typescript/module/features/openEnded/components/OpenEndedScoreLabel.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/src/features/openEnded/components/OpenEndedScoreLabel.tsx +11 -2
package/dist/commonjs/features/openEnded/components/OpenEndedScoreLabel.js CHANGED
@@ -11,6 +11,10 @@ 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 SCORE_CONTAINER_WIDTH = {
15
+ singleDigit: _commonConstants.isWeb ? 20 : 24,
16
+ doubleDigit: _commonConstants.isWeb ? 22 : 26
17
+ };
14
18
  const OpenEndedScoreLabel = ({
15
19
  label,
16
20
  score,
@@ -22,10 +26,13 @@ const OpenEndedScoreLabel = ({
22
26
  variant,
23
27
  disabled
24
28
  });
29
+ const scoreContainerWidth = score !== null && score >= 10 ? SCORE_CONTAINER_WIDTH.doubleDigit : SCORE_CONTAINER_WIDTH.singleDigit;
25
30
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
26
31
  style: styles.container,
27
32
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
28
- style: styles.score,
33
+ style: [styles.score, {
34
+ width: scoreContainerWidth
35
+ }],
29
36
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
30
37
  variant: _reactNativeUi.HeadingVariants.H3,
31
38
  style: {
@@ -52,7 +59,6 @@ const styles = _reactNative.StyleSheet.create({
52
59
  flexDirection: 'row',
53
60
  alignItems: 'center',
54
61
  justifyContent: 'center',
55
- width: _commonConstants.isWeb ? 20 : 26,
56
62
  height: 32,
57
63
  borderWidth: 1,
58
64
  borderRadius: _reactNativeUi.BORDER_RADIUS[200],
package/dist/commonjs/features/openEnded/components/OpenEndedScoreLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_oeHelpers","_commonConstants","_jsxRuntime","e","__esModule","default","OpenEndedScoreLabel","label","score","maxScore","disabled","variant","colors","getScoreLabelColor","jsxs","View","style","styles","container","children","jsx","Typography","HeadingVariants","H3","color","maxScoreText","exports","StyleSheet","create","alignItems","flexDirection","justifyContent","width","isWeb","height","borderWidth","borderRadius","BORDER_RADIUS","borderColor","COLORS","NEUTRAL_5","paddingVertical","SPACING","paddingHorizontal","backgroundColor","NEUTRAL_1","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;AAUjD,MAAMG,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,oBACE,IAAAR,WAAA,CAAAY,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAjB,WAAA,CAAAkB,GAAA,EAACtB,YAAA,CAAAiB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACT,KAAM;MAAAW,QAAA,eACxB,IAAAjB,WAAA,CAAAkB,GAAA,EAACrB,cAAA,CAAAsB,UAAU;QAACV,OAAO,EAAEW,8BAAe,CAACC,EAAG;QAACP,KAAK,EAAE;UAAEQ,KAAK,EAAEZ,MAAM,CAACJ;QAAM,CAAE;QAAAW,QAAA,EACrEX;MAAK,CACI;IAAC,CACT,CAAC,eACP,IAAAN,WAAA,CAAAY,IAAA,EAACf,cAAA,CAAAsB,UAAU;MACTV,OAAO,EAAEW,8BAAe,CAACC,EAAG;MAC5BP,KAAK,EAAE,CAACC,MAAM,CAACQ,YAAY,EAAE;QAAED,KAAK,EAAEZ,MAAM,CAACH;MAAS,CAAC,CAAE;MAAAU,QAAA,GAC1D,IACG,EAACV,QAAQ,EAAC,GAAC,EAACF,KAAK;IAAA,CACT,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAmB,OAAA,CAAApB,mBAAA,GAAAA,mBAAA;AAED,MAAMW,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDtB,KAAK,EAAE;IACLsB,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAEC,sBAAK,GAAG,EAAE,GAAG,EAAE;IACtBC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,WAAW,EAAEC,qBAAM,CAACC,SAAS;IAC7BC,eAAe,EAAER,sBAAK,GAAGS,sBAAO,CAAC,EAAE,CAAC,GAAG,CAAC;IACxCC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,eAAe,EAAEL,qBAAM,CAACM;EAC1B,CAAC;EACDpB,YAAY,EAAE;IACZqB,UAAU,EAAEJ,sBAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_oeHelpers","_commonConstants","_jsxRuntime","e","__esModule","default","SCORE_CONTAINER_WIDTH","singleDigit","isWeb","doubleDigit","OpenEndedScoreLabel","label","score","maxScore","disabled","variant","colors","getScoreLabelColor","scoreContainerWidth","jsxs","View","style","styles","container","children","jsx","width","Typography","HeadingVariants","H3","color","maxScoreText","exports","StyleSheet","create","alignItems","flexDirection","justifyContent","height","borderWidth","borderRadius","BORDER_RADIUS","borderColor","COLORS","NEUTRAL_5","paddingVertical","SPACING","paddingHorizontal","backgroundColor","NEUTRAL_1","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,qBAAqB,GAAG;EAC5BC,WAAW,EAAEC,sBAAK,GAAG,EAAE,GAAG,EAAE;EAC5BC,WAAW,EAAED,sBAAK,GAAG,EAAE,GAAG;AAC5B,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,GACzBN,qBAAqB,CAACG,WAAW,GACjCH,qBAAqB,CAACC,WAAW;EAEvC,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;QAACZ,OAAO,EAAEa,8BAAe,CAACC,EAAG;QAACR,KAAK,EAAE;UAAES,KAAK,EAAEd,MAAM,CAACJ;QAAM,CAAE;QAAAY,QAAA,EACrEZ;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,CAACS,YAAY,EAAE;QAAED,KAAK,EAAEd,MAAM,CAACH;MAAS,CAAC,CAAE;MAAAW,QAAA,GAC1D,IACG,EAACX,QAAQ,EAAC,GAAC,EAACF,KAAK;IAAA,CACT,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAqB,OAAA,CAAAtB,mBAAA,GAAAA,mBAAA;AAED,MAAMY,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDxB,KAAK,EAAE;IACLwB,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,EAAErC,sBAAK,GAAGsC,sBAAO,CAAC,EAAE,CAAC,GAAG,CAAC;IACxCC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,eAAe,EAAEL,qBAAM,CAACM;EAC1B,CAAC;EACDlB,YAAY,EAAE;IACZmB,UAAU,EAAEJ,sBAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
package/dist/module/features/openEnded/components/OpenEndedScoreLabel.js CHANGED
@@ -6,6 +6,10 @@ 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 SCORE_CONTAINER_WIDTH = {
10
+ singleDigit: isWeb ? 20 : 24,
11
+ doubleDigit: isWeb ? 22 : 26
12
+ };
9
13
  export const OpenEndedScoreLabel = ({
10
14
  label,
11
15
  score,
@@ -17,10 +21,13 @@ export const OpenEndedScoreLabel = ({
17
21
  variant,
18
22
  disabled
19
23
  });
24
+ const scoreContainerWidth = score !== null && score >= 10 ? SCORE_CONTAINER_WIDTH.doubleDigit : SCORE_CONTAINER_WIDTH.singleDigit;
20
25
  return /*#__PURE__*/_jsxs(View, {
21
26
  style: styles.container,
22
27
  children: [/*#__PURE__*/_jsx(View, {
23
- style: styles.score,
28
+ style: [styles.score, {
29
+ width: scoreContainerWidth
30
+ }],
24
31
  children: /*#__PURE__*/_jsx(Typography, {
25
32
  variant: HeadingVariants.H3,
26
33
  style: {
@@ -46,7 +53,6 @@ const styles = StyleSheet.create({
46
53
  flexDirection: 'row',
47
54
  alignItems: 'center',
48
55
  justifyContent: 'center',
49
- width: isWeb ? 20 : 26,
50
56
  height: 32,
51
57
  borderWidth: 1,
52
58
  borderRadius: BORDER_RADIUS[200],
package/dist/module/features/openEnded/components/OpenEndedScoreLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","StyleSheet","Typography","HeadingVariants","SPACING","BORDER_RADIUS","COLORS","getScoreLabelColor","isWeb","jsx","_jsx","jsxs","_jsxs","OpenEndedScoreLabel","label","score","maxScore","disabled","variant","colors","style","styles","container","children","H3","color","maxScoreText","create","alignItems","flexDirection","justifyContent","width","height","borderWidth","borderRadius","borderColor","NEUTRAL_5","paddingVertical","paddingHorizontal","backgroundColor","NEUTRAL_1","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,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACwB,CAAC,KAAK;EAC9B,MAAMC,MAAM,GAAGZ,kBAAkB,CAAC;IAAEW,OAAO;IAAED;EAAS,CAAC,CAAC;EACxD,oBACEL,KAAA,CAACZ,IAAI;IAACoB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5Bb,IAAA,CAACV,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACN,KAAM;MAAAQ,QAAA,eACxBb,IAAA,CAACR,UAAU;QAACgB,OAAO,EAAEf,eAAe,CAACqB,EAAG;QAACJ,KAAK,EAAE;UAAEK,KAAK,EAAEN,MAAM,CAACJ;QAAM,CAAE;QAAAQ,QAAA,EACrER;MAAK,CACI;IAAC,CACT,CAAC,eACPH,KAAA,CAACV,UAAU;MACTgB,OAAO,EAAEf,eAAe,CAACqB,EAAG;MAC5BJ,KAAK,EAAE,CAACC,MAAM,CAACK,YAAY,EAAE;QAAED,KAAK,EAAEN,MAAM,CAACH;MAAS,CAAC,CAAE;MAAAO,QAAA,GAC1D,IACG,EAACP,QAAQ,EAAC,GAAC,EAACF,KAAK;IAAA,CACT,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGpB,UAAU,CAAC0B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDd,KAAK,EAAE;IACLc,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAEvB,KAAK,GAAG,EAAE,GAAG,EAAE;IACtBwB,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE7B,aAAa,CAAC,GAAG,CAAC;IAChC8B,WAAW,EAAE7B,MAAM,CAAC8B,SAAS;IAC7BC,eAAe,EAAE7B,KAAK,GAAGJ,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC;IACxCkC,iBAAiB,EAAElC,OAAO,CAAC,GAAG,CAAC;IAC/BmC,eAAe,EAAEjC,MAAM,CAACkC;EAC1B,CAAC;EACDd,YAAY,EAAE;IACZe,UAAU,EAAErC,OAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","View","StyleSheet","Typography","HeadingVariants","SPACING","BORDER_RADIUS","COLORS","getScoreLabelColor","isWeb","jsx","_jsx","jsxs","_jsxs","SCORE_CONTAINER_WIDTH","singleDigit","doubleDigit","OpenEndedScoreLabel","label","score","maxScore","disabled","variant","colors","scoreContainerWidth","style","styles","container","children","width","H3","color","maxScoreText","create","alignItems","flexDirection","justifyContent","height","borderWidth","borderRadius","borderColor","NEUTRAL_5","paddingVertical","paddingHorizontal","backgroundColor","NEUTRAL_1","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,qBAAqB,GAAG;EAC5BC,WAAW,EAAEN,KAAK,GAAG,EAAE,GAAG,EAAE;EAC5BO,WAAW,EAAEP,KAAK,GAAG,EAAE,GAAG;AAC5B,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,GACzBL,qBAAqB,CAACE,WAAW,GACjCF,qBAAqB,CAACC,WAAW;EAEvC,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;QAACmB,OAAO,EAAElB,eAAe,CAAC0B,EAAG;QAACL,KAAK,EAAE;UAAEM,KAAK,EAAER,MAAM,CAACJ;QAAM,CAAE;QAAAS,QAAA,EACrET;MAAK,CACI;IAAC,CACT,CAAC,eACPN,KAAA,CAACV,UAAU;MACTmB,OAAO,EAAElB,eAAe,CAAC0B,EAAG;MAC5BL,KAAK,EAAE,CAACC,MAAM,CAACM,YAAY,EAAE;QAAED,KAAK,EAAER,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,CAAC+B,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDhB,KAAK,EAAE;IACLgB,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEjC,aAAa,CAAC,GAAG,CAAC;IAChCkC,WAAW,EAAEjC,MAAM,CAACkC,SAAS;IAC7BC,eAAe,EAAEjC,KAAK,GAAGJ,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC;IACxCsC,iBAAiB,EAAEtC,OAAO,CAAC,GAAG,CAAC;IAC/BuC,eAAe,EAAErC,MAAM,CAACsC;EAC1B,CAAC;EACDb,YAAY,EAAE;IACZc,UAAU,EAAEzC,OAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
package/dist/typescript/commonjs/features/openEnded/components/OpenEndedScoreLabel.d.ts.map CHANGED
@@ -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;AAED,eAAO,MAAM,mBAAmB,mDAM7B,wBAAwB,sBAiB1B,CAAA"}
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,sBAsB1B,CAAA"}
package/dist/typescript/module/features/openEnded/components/OpenEndedScoreLabel.d.ts.map CHANGED
@@ -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;AAED,eAAO,MAAM,mBAAmB,mDAM7B,wBAAwB,sBAiB1B,CAAA"}
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,sBAsB1B,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magmamath/students-features",
3
- "version": "0.9.111-rc.5",
3
+ "version": "0.9.111-rc.6",
4
4
  "description": "Magmamath features library",
5
5
  "source": "src/index.ts",
6
6
  "main": "src/index.ts",
package/src/features/openEnded/components/OpenEndedScoreLabel.tsx CHANGED
@@ -19,6 +19,11 @@ type OpenEndedScoreLabelProps = {
19
19
  variant: OpenEndedScoreLabelVariant
20
20
  }
21
21
 
22
+ const SCORE_CONTAINER_WIDTH = {
23
+ singleDigit: isWeb ? 20 : 24,
24
+ doubleDigit: isWeb ? 22 : 26,
25
+ } as const
26
+
22
27
  export const OpenEndedScoreLabel = ({
23
28
  label,
24
29
  score,
@@ -27,9 +32,14 @@ export const OpenEndedScoreLabel = ({
27
32
  variant,
28
33
  }: OpenEndedScoreLabelProps) => {
29
34
  const colors = getScoreLabelColor({ variant, disabled })
35
+ const scoreContainerWidth =
36
+ score !== null && score >= 10
37
+ ? SCORE_CONTAINER_WIDTH.doubleDigit
38
+ : SCORE_CONTAINER_WIDTH.singleDigit
39
+
30
40
  return (
31
41
  <View style={styles.container}>
32
- <View style={styles.score}>
42
+ <View style={[styles.score, { width: scoreContainerWidth }]}>
33
43
  <Typography variant={HeadingVariants.H3} style={{ color: colors.score }}>
34
44
  {score}
35
45
  </Typography>
@@ -53,7 +63,6 @@ const styles = StyleSheet.create({
53
63
  flexDirection: 'row',
54
64
  alignItems: 'center',
55
65
  justifyContent: 'center',
56
- width: isWeb ? 20 : 26,
57
66
  height: 32,
58
67
  borderWidth: 1,
59
68
  borderRadius: BORDER_RADIUS[200],