@magmamath/students-features 1.2.1-rc.45 → 1.2.1-rc.47
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/pmProgress/components/chart/components/SlicesPaths.js +7 -3
- package/dist/commonjs/features/pmProgress/components/chart/components/SlicesPaths.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/chart/components/layers/SliceFillColor.js +24 -51
- package/dist/commonjs/features/pmProgress/components/chart/components/layers/SliceFillColor.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/chart/model/PieChartManager.js +0 -2
- package/dist/commonjs/features/pmProgress/components/chart/model/PieChartManager.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/header/NextUp.js +127 -0
- package/dist/commonjs/features/pmProgress/components/header/NextUp.js.map +1 -0
- package/dist/commonjs/features/pmProgress/components/header/PmProgressHeader.js +5 -106
- package/dist/commonjs/features/pmProgress/components/header/PmProgressHeader.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/header/StartButton.js +18 -10
- package/dist/commonjs/features/pmProgress/components/header/StartButton.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/insights/StatsCard.js +3 -3
- package/dist/commonjs/features/pmProgress/components/insights/StatsCard.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/list/Fluency.js +4 -2
- package/dist/commonjs/features/pmProgress/components/list/Fluency.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/list/ListCard.js +10 -2
- package/dist/commonjs/features/pmProgress/components/list/ListCard.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/list/ListItem.js +17 -18
- package/dist/commonjs/features/pmProgress/components/list/ListItem.js.map +1 -1
- package/dist/commonjs/features/pmProgress/shared/pmProgress.constants.js +7 -1
- package/dist/commonjs/features/pmProgress/shared/pmProgress.constants.js.map +1 -1
- package/dist/commonjs/features/pmProgress/shared/pmProgress.helpers.js +66 -71
- package/dist/commonjs/features/pmProgress/shared/pmProgress.helpers.js.map +1 -1
- package/dist/commonjs/features/pmProgress/shared/pmProgress.types.js +1 -1
- package/dist/commonjs/features/pmProgress/shared/pmProgress.types.js.map +1 -1
- package/dist/commonjs/shared/translation/localization/en.json +1 -1
- package/dist/module/features/pmProgress/components/chart/components/SlicesPaths.js +7 -3
- package/dist/module/features/pmProgress/components/chart/components/SlicesPaths.js.map +1 -1
- package/dist/module/features/pmProgress/components/chart/components/layers/SliceFillColor.js +24 -51
- package/dist/module/features/pmProgress/components/chart/components/layers/SliceFillColor.js.map +1 -1
- package/dist/module/features/pmProgress/components/chart/model/PieChartManager.js +0 -2
- package/dist/module/features/pmProgress/components/chart/model/PieChartManager.js.map +1 -1
- package/dist/module/features/pmProgress/components/header/NextUp.js +121 -0
- package/dist/module/features/pmProgress/components/header/NextUp.js.map +1 -0
- package/dist/module/features/pmProgress/components/header/PmProgressHeader.js +6 -107
- package/dist/module/features/pmProgress/components/header/PmProgressHeader.js.map +1 -1
- package/dist/module/features/pmProgress/components/header/StartButton.js +19 -11
- package/dist/module/features/pmProgress/components/header/StartButton.js.map +1 -1
- package/dist/module/features/pmProgress/components/insights/StatsCard.js +4 -4
- package/dist/module/features/pmProgress/components/insights/StatsCard.js.map +1 -1
- package/dist/module/features/pmProgress/components/list/Fluency.js +4 -2
- package/dist/module/features/pmProgress/components/list/Fluency.js.map +1 -1
- package/dist/module/features/pmProgress/components/list/ListCard.js +11 -3
- package/dist/module/features/pmProgress/components/list/ListCard.js.map +1 -1
- package/dist/module/features/pmProgress/components/list/ListItem.js +18 -19
- package/dist/module/features/pmProgress/components/list/ListItem.js.map +1 -1
- package/dist/module/features/pmProgress/shared/pmProgress.constants.js +6 -0
- package/dist/module/features/pmProgress/shared/pmProgress.constants.js.map +1 -1
- package/dist/module/features/pmProgress/shared/pmProgress.helpers.js +52 -56
- package/dist/module/features/pmProgress/shared/pmProgress.helpers.js.map +1 -1
- package/dist/module/features/pmProgress/shared/pmProgress.types.js +0 -2
- package/dist/module/features/pmProgress/shared/pmProgress.types.js.map +1 -1
- package/dist/module/shared/translation/localization/en.json +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/chart/components/layers/SliceFillColor.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/chart/model/PieChartManager.d.ts +0 -2
- package/dist/typescript/commonjs/features/pmProgress/components/chart/model/PieChartManager.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/header/NextUp.d.ts +3 -0
- package/dist/typescript/commonjs/features/pmProgress/components/header/NextUp.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/pmProgress/components/header/PmProgressHeader.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/header/StartButton.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/list/Fluency.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/list/ListItem.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.constants.d.ts +5 -0
- package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.helpers.d.ts +17 -15
- package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.helpers.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.types.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/chart/components/layers/SliceFillColor.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/chart/model/PieChartManager.d.ts +0 -2
- package/dist/typescript/module/features/pmProgress/components/chart/model/PieChartManager.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/header/NextUp.d.ts +3 -0
- package/dist/typescript/module/features/pmProgress/components/header/NextUp.d.ts.map +1 -0
- package/dist/typescript/module/features/pmProgress/components/header/PmProgressHeader.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/header/StartButton.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/list/Fluency.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/list/ListItem.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/shared/pmProgress.constants.d.ts +5 -0
- package/dist/typescript/module/features/pmProgress/shared/pmProgress.constants.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/shared/pmProgress.helpers.d.ts +17 -15
- package/dist/typescript/module/features/pmProgress/shared/pmProgress.helpers.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/shared/pmProgress.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/pmProgress/components/chart/components/SlicesPaths.tsx +3 -3
- package/src/features/pmProgress/components/chart/components/layers/SliceFillColor.tsx +26 -54
- package/src/features/pmProgress/components/chart/model/PieChartManager.ts +0 -3
- package/src/features/pmProgress/components/header/NextUp.tsx +109 -0
- package/src/features/pmProgress/components/header/PmProgressHeader.tsx +6 -108
- package/src/features/pmProgress/components/header/StartButton.tsx +23 -10
- package/src/features/pmProgress/components/insights/StatsCard.tsx +4 -4
- package/src/features/pmProgress/components/list/Fluency.tsx +5 -2
- package/src/features/pmProgress/components/list/ListCard.tsx +3 -3
- package/src/features/pmProgress/components/list/ListItem.tsx +20 -17
- package/src/features/pmProgress/shared/pmProgress.constants.ts +8 -0
- package/src/features/pmProgress/shared/pmProgress.helpers.ts +58 -50
- package/src/features/pmProgress/shared/pmProgress.types.ts +0 -1
- package/src/shared/translation/localization/en.json +1 -1
- package/dist/commonjs/features/pmProgress/components/chart/model/SliceHighlight.js +0 -20
- package/dist/commonjs/features/pmProgress/components/chart/model/SliceHighlight.js.map +0 -1
- package/dist/module/features/pmProgress/components/chart/model/SliceHighlight.js +0 -15
- package/dist/module/features/pmProgress/components/chart/model/SliceHighlight.js.map +0 -1
- package/dist/typescript/commonjs/features/pmProgress/components/chart/model/SliceHighlight.d.ts +0 -10
- package/dist/typescript/commonjs/features/pmProgress/components/chart/model/SliceHighlight.d.ts.map +0 -1
- package/dist/typescript/module/features/pmProgress/components/chart/model/SliceHighlight.d.ts +0 -10
- package/dist/typescript/module/features/pmProgress/components/chart/model/SliceHighlight.d.ts.map +0 -1
- package/src/features/pmProgress/components/chart/model/SliceHighlight.ts +0 -17
|
@@ -34,7 +34,7 @@ const SlicesPaths = ({
|
|
|
34
34
|
const fillSvg = pieChartManager.shape.generateFillPath(slice);
|
|
35
35
|
const fillBorderSvg = pieChartManager.shape.generateFillBorderPath(slice);
|
|
36
36
|
const isHighlighted = highlightedIndex === slice.index;
|
|
37
|
-
const translateY =
|
|
37
|
+
const translateY = isHighlighted ? -config.pressOffset : 0;
|
|
38
38
|
const borderWidth = isHighlighted ? config.borderWidth : 0;
|
|
39
39
|
const domainId = domains[slice.index]?.domainId;
|
|
40
40
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
|
|
@@ -59,7 +59,7 @@ const SlicesPaths = ({
|
|
|
59
59
|
color: slice.fillColor,
|
|
60
60
|
percent: slice.fillPercent,
|
|
61
61
|
borderColor: isHighlighted ? slice.borderColor : undefined,
|
|
62
|
-
borderWidth: borderWidth
|
|
62
|
+
borderWidth: borderWidth
|
|
63
63
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceArcPattern.SliceArcPattern, {
|
|
64
64
|
clipPathId: id,
|
|
65
65
|
slice: slice,
|
|
@@ -74,7 +74,11 @@ const SlicesPaths = ({
|
|
|
74
74
|
exports.SlicesPaths = SlicesPaths;
|
|
75
75
|
const styles = _reactNative.StyleSheet.create({
|
|
76
76
|
container: {
|
|
77
|
-
|
|
77
|
+
..._reactNative.Platform.select({
|
|
78
|
+
web: {
|
|
79
|
+
cursor: 'pointer'
|
|
80
|
+
}
|
|
81
|
+
})
|
|
78
82
|
},
|
|
79
83
|
visual: {
|
|
80
84
|
..._reactNative.Platform.select({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_effectorReact","_SliceBackgroundColor","_SliceFillColor","_SliceArcPattern","_PmProgressContext","_jsxRuntime","e","__esModule","default","SlicesPaths","slices","pieChartManager","config","model","usePmProgress","hoveredId","expandedId","domains","useUnit","highlight","$hoveredId","$expandedId","tree","$domains","highlightedId","highlightedIndex","findIndex","domainId","jsx","Fragment","children","map","slice","id","index","shapeSvg","shape","generateSlicePath","fillSvg","generateFillPath","fillBorderSvg","generateFillBorderPath","isHighlighted","translateY","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_effectorReact","_SliceBackgroundColor","_SliceFillColor","_SliceArcPattern","_PmProgressContext","_jsxRuntime","e","__esModule","default","SlicesPaths","slices","pieChartManager","config","model","usePmProgress","hoveredId","expandedId","domains","useUnit","highlight","$hoveredId","$expandedId","tree","$domains","highlightedId","highlightedIndex","findIndex","domainId","jsx","Fragment","children","map","slice","id","index","shapeSvg","shape","generateSlicePath","fillSvg","generateFillPath","fillBorderSvg","generateFillBorderPath","isHighlighted","translateY","pressOffset","borderWidth","jsxs","G","style","styles","container","onPress","expand","onMouseEnter","hover","onMouseLeave","Path","d","fill","visual","transform","SliceBackgroundColor","path","color","colors","highlightedBackground","backgroundColor","SliceFillColor","clipPathId","fillColor","percent","fillPercent","borderColor","undefined","SliceArcPattern","exports","StyleSheet","create","Platform","select","web","cursor","transition"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/components/SlicesPaths.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AAAkE,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU3D,MAAMG,WAAW,GAAGA,CAAC;EAAEC,MAAM;EAAEC,eAAe;EAAEC;AAAyB,CAAC,KAAK;EACpF,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAa,EAAC,CAAC;EACjC,MAAM,CAACC,SAAS,EAAEC,UAAU,EAAEC,OAAO,CAAC,GAAG,IAAAC,sBAAO,EAAC,CAC/CL,KAAK,CAACM,SAAS,CAACC,UAAU,EAC1BP,KAAK,CAACM,SAAS,CAACE,WAAW,EAC3BR,KAAK,CAACS,IAAI,CAACC,QAAQ,CACpB,CAAC;EAEF,MAAMC,aAAa,GAAGT,SAAS,IAAIC,UAAU;EAC7C,MAAMS,gBAAgB,GAAGD,aAAa,GAClCP,OAAO,CAACS,SAAS,CAAC,CAAC;IAAEC;EAAS,CAAC,KAAKA,QAAQ,KAAKH,aAAa,CAAC,GAC/D,IAAI;EAER,oBACE,IAAAnB,WAAA,CAAAuB,GAAA,EAAAvB,WAAA,CAAAwB,QAAA;IAAAC,QAAA,EACGpB,MAAM,CAACqB,GAAG,CAAEC,KAAK,IAAK;MACrB,MAAMC,EAAE,GAAG,GAAGD,KAAK,CAACE,KAAK,EAAE;MAC3B,MAAMC,QAAQ,GAAGxB,eAAe,CAACyB,KAAK,CAACC,iBAAiB,CAACL,KAAK,CAAC;MAC/D,MAAMM,OAAO,GAAG3B,eAAe,CAACyB,KAAK,CAACG,gBAAgB,CAACP,KAAK,CAAC;MAC7D,MAAMQ,aAAa,GAAG7B,eAAe,CAACyB,KAAK,CAACK,sBAAsB,CAACT,KAAK,CAAC;MACzE,MAAMU,aAAa,GAAGjB,gBAAgB,KAAKO,KAAK,CAACE,KAAK;MACtD,MAAMS,UAAU,GAAGD,aAAa,GAAG,CAAC9B,MAAM,CAACgC,WAAW,GAAG,CAAC;MAC1D,MAAMC,WAAW,GAAGH,aAAa,GAAG9B,MAAM,CAACiC,WAAW,GAAG,CAAC;MAC1D,MAAMlB,QAAQ,GAAGV,OAAO,CAACe,KAAK,CAACE,KAAK,CAAC,EAAEP,QAAQ;MAE/C,oBACE,IAAAtB,WAAA,CAAAyC,IAAA,EAAC/C,eAAA,CAAAgD,CAAC;QAEAC,KAAK,EAAEC,MAAM,CAACC,SAAU;QACxBC,OAAO,EAAEA,CAAA,KAAMxB,QAAQ,IAAId,KAAK,CAACM,SAAS,CAACiC,MAAM,CAACzB,QAAQ,CAAE;QAC5D0B,YAAY,EAAEA,CAAA,KAAM1B,QAAQ,IAAId,KAAK,CAACM,SAAS,CAACmC,KAAK,CAAC3B,QAAQ,CAAE;QAChE4B,YAAY,EAAEA,CAAA,KAAM1C,KAAK,CAACM,SAAS,CAACmC,KAAK,CAAC,IAAI,CAAE;QAAAxB,QAAA,gBAEhD,IAAAzB,WAAA,CAAAuB,GAAA,EAAC7B,eAAA,CAAAyD,IAAI;UAACC,CAAC,EAAEtB,QAAS;UAACuB,IAAI,EAAC;QAAa,CAAE,CAAC,eACxC,IAAArD,WAAA,CAAAyC,IAAA,EAAC/C,eAAA,CAAAgD,CAAC;UAACC,KAAK,EAAEC,MAAM,CAACU,MAAO;UAACC,SAAS,EAAE,gBAAgBjB,UAAU,GAAI;UAAAb,QAAA,gBAChE,IAAAzB,WAAA,CAAAuB,GAAA,EAAC3B,qBAAA,CAAA4D,oBAAoB;YACnBC,IAAI,EAAE3B,QAAS;YACf4B,KAAK,EAAErB,aAAa,GAAG9B,MAAM,CAACoD,MAAM,CAACC,qBAAqB,GAAGjC,KAAK,CAACkC;UAAgB,CACpF,CAAC,eAEF,IAAA7D,WAAA,CAAAuB,GAAA,EAAC1B,eAAA,CAAAiE,cAAc;YACbC,UAAU,EAAEnC,EAAG;YACfE,QAAQ,EAAEA,QAAS;YACnBG,OAAO,EAAEA,OAAQ;YACjBE,aAAa,EAAEA,aAAc;YAC7BuB,KAAK,EAAE/B,KAAK,CAACqC,SAAU;YACvBC,OAAO,EAAEtC,KAAK,CAACuC,WAAY;YAC3BC,WAAW,EAAE9B,aAAa,GAAGV,KAAK,CAACwC,WAAW,GAAGC,SAAU;YAC3D5B,WAAW,EAAEA;UAAY,CAC1B,CAAC,eAEF,IAAAxC,WAAA,CAAAuB,GAAA,EAACzB,gBAAA,CAAAuE,eAAe;YACdN,UAAU,EAAEnC,EAAG;YACfD,KAAK,EAAEA,KAAM;YACbpB,MAAM,EAAEA,MAAO;YACfD,eAAe,EAAEA;UAAgB,CAClC,CAAC;QAAA,CACD,CAAC;MAAA,GA9BCsB,EA+BJ,CAAC;IAER,CAAC;EAAC,CACF,CAAC;AAEP,CAAC;AAAA0C,OAAA,CAAAlE,WAAA,GAAAA,WAAA;AAED,MAAMwC,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT,GAAG4B,qBAAQ,CAACC,MAAM,CAAC;MAAEC,GAAG,EAAE;QAAEC,MAAM,EAAE;MAAU;IAAe,CAAC;EAChE,CAAC;EACDtB,MAAM,EAAE;IACN,GAAGmB,qBAAQ,CAACC,MAAM,CAAC;MAAEC,GAAG,EAAE;QAAEE,UAAU,EAAE;MAA6B;IAAe,CAAC;EACvF;AACF,CAAC,CAAC","ignoreList":[]}
|
package/dist/commonjs/features/pmProgress/components/chart/components/layers/SliceFillColor.js
CHANGED
|
@@ -17,66 +17,39 @@ const SliceFillColor = ({
|
|
|
17
17
|
color,
|
|
18
18
|
percent,
|
|
19
19
|
borderColor,
|
|
20
|
-
borderWidth
|
|
20
|
+
borderWidth = 0
|
|
21
21
|
}) => {
|
|
22
22
|
const isFullyFilled = percent >= 100;
|
|
23
23
|
const isPartiallyFilled = percent > 0;
|
|
24
24
|
const hasBorder = borderColor != null && borderWidth != null && borderWidth > 0;
|
|
25
|
+
if (!isPartiallyFilled && !isFullyFilled) return null;
|
|
25
26
|
const sliceClipId = (0, _chartHelpers.getSliceClipId)(clipPathId);
|
|
26
27
|
const borderClipId = `${sliceClipId}-border`;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
})
|
|
28
|
+
const fillPath = isFullyFilled ? shapeSvg : fillSvg;
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
30
|
+
children: [hasBorder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
|
|
31
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.ClipPath, {
|
|
32
|
+
id: borderClipId,
|
|
33
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
34
|
+
d: fillBorderSvg
|
|
35
35
|
})
|
|
36
|
-
})
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
})]
|
|
50
|
-
})]
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
if (isPartiallyFilled) {
|
|
54
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
55
|
-
children: [hasBorder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
|
|
56
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.ClipPath, {
|
|
57
|
-
id: borderClipId,
|
|
58
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
59
|
-
d: fillBorderSvg
|
|
60
|
-
})
|
|
36
|
+
})
|
|
37
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
|
|
38
|
+
clipPath: `url(#${sliceClipId})`,
|
|
39
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
40
|
+
d: fillPath,
|
|
41
|
+
fill: color
|
|
42
|
+
}), hasBorder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
|
|
43
|
+
clipPath: `url(#${borderClipId})`,
|
|
44
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
45
|
+
d: fillBorderSvg,
|
|
46
|
+
fill: "none",
|
|
47
|
+
stroke: borderColor,
|
|
48
|
+
strokeWidth: borderWidth * 2
|
|
61
49
|
})
|
|
62
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
|
|
63
|
-
clipPath: `url(#${sliceClipId})`,
|
|
64
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
65
|
-
d: fillSvg,
|
|
66
|
-
fill: color
|
|
67
|
-
}), hasBorder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
|
|
68
|
-
clipPath: `url(#${borderClipId})`,
|
|
69
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
70
|
-
d: fillBorderSvg,
|
|
71
|
-
fill: "none",
|
|
72
|
-
stroke: borderColor,
|
|
73
|
-
strokeWidth: borderWidth * 2
|
|
74
|
-
})
|
|
75
|
-
})]
|
|
76
50
|
})]
|
|
77
|
-
})
|
|
78
|
-
}
|
|
79
|
-
return null;
|
|
51
|
+
})]
|
|
52
|
+
});
|
|
80
53
|
};
|
|
81
54
|
exports.SliceFillColor = SliceFillColor;
|
|
82
55
|
//# sourceMappingURL=SliceFillColor.js.map
|
package/dist/commonjs/features/pmProgress/components/chart/components/layers/SliceFillColor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_chartHelpers","_jsxRuntime","e","__esModule","default","SliceFillColor","clipPathId","shapeSvg","fillSvg","fillBorderSvg","color","percent","borderColor","borderWidth","isFullyFilled","isPartiallyFilled","hasBorder","sliceClipId","getSliceClipId","borderClipId","jsxs","Fragment","children","jsx","Defs","ClipPath","id","Path","d","G","clipPath","fill","stroke","strokeWidth","exports"],"sourceRoot":"../../../../../../../../src","sources":["features/pmProgress/components/chart/components/layers/SliceFillColor.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAa7C,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_chartHelpers","_jsxRuntime","e","__esModule","default","SliceFillColor","clipPathId","shapeSvg","fillSvg","fillBorderSvg","color","percent","borderColor","borderWidth","isFullyFilled","isPartiallyFilled","hasBorder","sliceClipId","getSliceClipId","borderClipId","fillPath","jsxs","Fragment","children","jsx","Defs","ClipPath","id","Path","d","G","clipPath","fill","stroke","strokeWidth","exports"],"sourceRoot":"../../../../../../../../src","sources":["features/pmProgress/components/chart/components/layers/SliceFillColor.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAa7C,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC,WAAW,GAAG;AACK,CAAC,KAAK;EACzB,MAAMC,aAAa,GAAGH,OAAO,IAAI,GAAG;EACpC,MAAMI,iBAAiB,GAAGJ,OAAO,GAAG,CAAC;EACrC,MAAMK,SAAS,GAAGJ,WAAW,IAAI,IAAI,IAAIC,WAAW,IAAI,IAAI,IAAIA,WAAW,GAAG,CAAC;EAE/E,IAAI,CAACE,iBAAiB,IAAI,CAACD,aAAa,EAAE,OAAO,IAAI;EAErD,MAAMG,WAAW,GAAG,IAAAC,4BAAc,EAACZ,UAAU,CAAC;EAC9C,MAAMa,YAAY,GAAG,GAAGF,WAAW,SAAS;EAC5C,MAAMG,QAAQ,GAAGN,aAAa,GAAGP,QAAQ,GAAGC,OAAO;EAEnD,oBACE,IAAAP,WAAA,CAAAoB,IAAA,EAAApB,WAAA,CAAAqB,QAAA;IAAAC,QAAA,GACGP,SAAS,iBACR,IAAAf,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAA0B,IAAI;MAAAF,QAAA,eACH,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAA2B,QAAQ;QAACC,EAAE,EAAER,YAAa;QAAAI,QAAA,eACzB,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAA6B,IAAI;UAACC,CAAC,EAAEpB;QAAc,CAAE;MAAC,CAClB;IAAC,CACP,CACP,eACD,IAAAR,WAAA,CAAAoB,IAAA,EAACtB,eAAA,CAAA+B,CAAC;MAACC,QAAQ,EAAE,QAAQd,WAAW,GAAI;MAAAM,QAAA,gBAClC,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAA6B,IAAI;QAACC,CAAC,EAAET,QAAS;QAACY,IAAI,EAAEtB;MAAM,CAAE,CAAC,EACjCM,SAAS,iBACR,IAAAf,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAA+B,CAAC;QAACC,QAAQ,EAAE,QAAQZ,YAAY,GAAI;QAAAI,QAAA,eACnC,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAA6B,IAAI;UACHC,CAAC,EAAEpB,aAAc;UACjBuB,IAAI,EAAC,MAAM;UACXC,MAAM,EAAErB,WAAY;UACpBsB,WAAW,EAAErB,WAAW,GAAG;QAAE,CAC9B;MAAC,CACD,CACJ;IAAA,CACA,CAAC;EAAA,CACJ,CAAC;AAEP,CAAC;AAAAsB,OAAA,CAAA9B,cAAA,GAAAA,cAAA","ignoreList":[]}
|
|
@@ -6,13 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.PieChartManager = void 0;
|
|
7
7
|
var _SliceShapeGenerator = require("./SliceShapeGenerator.js");
|
|
8
8
|
var _ArcPatternGenerator = require("./ArcPatternGenerator.js");
|
|
9
|
-
var _SliceHighlight = require("./SliceHighlight.js");
|
|
10
9
|
class PieChartManager {
|
|
11
10
|
constructor(config) {
|
|
12
11
|
this.config = config;
|
|
13
12
|
this.shape = new _SliceShapeGenerator.SliceShapeGenerator(config);
|
|
14
13
|
this.pattern = new _ArcPatternGenerator.OuterArcPatternGenerator(config);
|
|
15
|
-
this.highlight = new _SliceHighlight.SliceHighlight(config);
|
|
16
14
|
}
|
|
17
15
|
getCenter() {
|
|
18
16
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_SliceShapeGenerator","require","_ArcPatternGenerator","
|
|
1
|
+
{"version":3,"names":["_SliceShapeGenerator","require","_ArcPatternGenerator","PieChartManager","constructor","config","shape","SliceShapeGenerator","pattern","OuterArcPatternGenerator","getCenter","x","size","y","exports"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/PieChartManager.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAGO,MAAME,eAAe,CAAC;EAI3BC,WAAWA,CAAiBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;IACvD,IAAI,CAACC,KAAK,GAAG,IAAIC,wCAAmB,CAACF,MAAM,CAAC;IAC5C,IAAI,CAACG,OAAO,GAAG,IAAIC,6CAAwB,CAACJ,MAAM,CAAC;EACrD;EAEOK,SAASA,CAAA,EAAG;IACjB,OAAO;MAAEC,CAAC,EAAE,IAAI,CAACN,MAAM,CAACO,IAAI,GAAG,CAAC;MAAEC,CAAC,EAAE,IAAI,CAACR,MAAM,CAACO,IAAI,GAAG;IAAE,CAAC;EAC7D;AACF;AAACE,OAAA,CAAAX,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.NextUp = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _SketchArrowRight = require("../../../../shared/icons/SketchArrowRight.js");
|
|
11
|
+
var _SliceDiamondIcon = require("../../../../shared/icons/SliceDiamondIcon.js");
|
|
12
|
+
var _index = require("../../../../shared/translation/index.js");
|
|
13
|
+
var _effectorReact = require("effector-react");
|
|
14
|
+
var _PmProgressContext = require("../../context/PmProgressContext.js");
|
|
15
|
+
var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
|
|
16
|
+
var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
|
|
17
|
+
var _StartButton = require("./StartButton.js");
|
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
+
const NextUp = () => {
|
|
21
|
+
const t = (0, _index.useText)();
|
|
22
|
+
const {
|
|
23
|
+
model,
|
|
24
|
+
onStartPress
|
|
25
|
+
} = (0, _PmProgressContext.usePmProgress)();
|
|
26
|
+
const status = (0, _effectorReact.useUnit)(model.tree.$status);
|
|
27
|
+
const loaderOpeningId = (0, _effectorReact.useUnit)(model.solving.$loaderOpeningId);
|
|
28
|
+
const nextUp = (0, _effectorReact.useStoreMap)(model.tree.$domains, domains => domains.find(domain => {
|
|
29
|
+
const isFluency = (0, _pmProgressHelpers.isFluencyDomain)(domain.title);
|
|
30
|
+
const isDomainCompleted = domain.standards.every(standard => standard.isCompleted);
|
|
31
|
+
return !isFluency && !isDomainCompleted;
|
|
32
|
+
}));
|
|
33
|
+
const isLoading = loaderOpeningId === _pmProgressConstants.OpeningLoaderId.START_BUTTON;
|
|
34
|
+
const isSkillOpeningActionPending = !!(loaderOpeningId !== null || status);
|
|
35
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
36
|
+
style: styles.container,
|
|
37
|
+
children: [nextUp && !status && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
38
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
39
|
+
style: styles.content,
|
|
40
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
41
|
+
style: styles.subtitle,
|
|
42
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
43
|
+
variant: _reactNativeUi.HeadingVariants.H2,
|
|
44
|
+
style: styles.dark,
|
|
45
|
+
children: t('pmProgress.nextUp')
|
|
46
|
+
})
|
|
47
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
48
|
+
style: [styles.row, styles.tilted],
|
|
49
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
50
|
+
variant: _reactNativeUi.HeadingVariants.H7,
|
|
51
|
+
style: styles.muted,
|
|
52
|
+
children: nextUp?.title
|
|
53
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
54
|
+
style: styles.diamond,
|
|
55
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
|
|
56
|
+
color: nextUp?.color
|
|
57
|
+
})
|
|
58
|
+
})]
|
|
59
|
+
})]
|
|
60
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
61
|
+
style: styles.arrow,
|
|
62
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchArrowRight.SketchArrowRight, {})
|
|
63
|
+
})]
|
|
64
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StartButton.StartButton, {
|
|
65
|
+
onPress: async () => {
|
|
66
|
+
try {
|
|
67
|
+
model.solving.setLoaderOpeningId(_pmProgressConstants.OpeningLoaderId.START_BUTTON);
|
|
68
|
+
const skill = await model.solving.start({
|
|
69
|
+
type: _pmProgressConstants.SolvingFlow.MAGMA
|
|
70
|
+
});
|
|
71
|
+
await onStartPress?.(skill);
|
|
72
|
+
} finally {
|
|
73
|
+
model.solving.setLoaderOpeningId(null);
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
disabled: isSkillOpeningActionPending,
|
|
77
|
+
isLoading: isLoading,
|
|
78
|
+
isActive: isLoading,
|
|
79
|
+
withPulsation: !!nextUp && !isLoading && !isSkillOpeningActionPending && !status
|
|
80
|
+
})]
|
|
81
|
+
});
|
|
82
|
+
};
|
|
83
|
+
exports.NextUp = NextUp;
|
|
84
|
+
const styles = _reactNative.StyleSheet.create({
|
|
85
|
+
container: {
|
|
86
|
+
flexDirection: 'row',
|
|
87
|
+
alignItems: 'center',
|
|
88
|
+
gap: _reactNativeUi.SPACING[400]
|
|
89
|
+
},
|
|
90
|
+
content: {
|
|
91
|
+
alignItems: 'center',
|
|
92
|
+
gap: _reactNativeUi.SPACING[100]
|
|
93
|
+
},
|
|
94
|
+
dark: {
|
|
95
|
+
color: _reactNativeUi.COLORS.NEUTRAL_9
|
|
96
|
+
},
|
|
97
|
+
subtitle: {
|
|
98
|
+
transform: [{
|
|
99
|
+
rotate: '355deg'
|
|
100
|
+
}],
|
|
101
|
+
marginRight: _reactNativeUi.SPACING[300]
|
|
102
|
+
},
|
|
103
|
+
tilted: {
|
|
104
|
+
transform: [{
|
|
105
|
+
rotate: '355deg'
|
|
106
|
+
}]
|
|
107
|
+
},
|
|
108
|
+
row: {
|
|
109
|
+
flexDirection: 'row',
|
|
110
|
+
gap: _reactNativeUi.SPACING[100]
|
|
111
|
+
},
|
|
112
|
+
muted: {
|
|
113
|
+
color: _reactNativeUi.COLORS.NEUTRAL_8
|
|
114
|
+
},
|
|
115
|
+
diamond: {
|
|
116
|
+
bottom: 10,
|
|
117
|
+
transform: [{
|
|
118
|
+
rotate: '5deg'
|
|
119
|
+
}]
|
|
120
|
+
},
|
|
121
|
+
arrow: {
|
|
122
|
+
transform: [{
|
|
123
|
+
rotate: '358deg'
|
|
124
|
+
}]
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
//# sourceMappingURL=NextUp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_SketchArrowRight","_SliceDiamondIcon","_index","_effectorReact","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_StartButton","_jsxRuntime","e","__esModule","default","NextUp","t","useText","model","onStartPress","usePmProgress","status","useUnit","tree","$status","loaderOpeningId","solving","$loaderOpeningId","nextUp","useStoreMap","$domains","domains","find","domain","isFluency","isFluencyDomain","title","isDomainCompleted","standards","every","standard","isCompleted","isLoading","OpeningLoaderId","START_BUTTON","isSkillOpeningActionPending","jsxs","View","style","styles","container","children","Fragment","content","jsx","subtitle","Typography","variant","HeadingVariants","H2","dark","row","tilted","H7","muted","diamond","SliceDiamondIcon","color","arrow","SketchArrowRight","StartButton","onPress","setLoaderOpeningId","skill","start","type","SolvingFlow","MAGMA","disabled","isActive","withPulsation","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","COLORS","NEUTRAL_9","transform","rotate","marginRight","NEUTRAL_8","bottom"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/NextUp.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,15 +8,13 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
10
|
var _commonConstants = require("../../../../shared/common.constants.js");
|
|
11
|
-
var _SketchArrowRight = require("../../../../shared/icons/SketchArrowRight.js");
|
|
12
|
-
var _SliceDiamondIcon = require("../../../../shared/icons/SliceDiamondIcon.js");
|
|
13
11
|
var _index = require("../../../../shared/translation/index.js");
|
|
14
12
|
var _effectorReact = require("effector-react");
|
|
15
13
|
var _PmProgressContext = require("../../context/PmProgressContext.js");
|
|
16
14
|
var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
|
|
17
|
-
var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
|
|
18
|
-
var _StartButton = require("./StartButton.js");
|
|
19
15
|
var _MenuIcon = require("../../../../shared/icons/MenuIcon.js");
|
|
16
|
+
var _NextUp = require("./NextUp.js");
|
|
17
|
+
var _studentsFeatures = require("@magmamath/students-features");
|
|
20
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
22
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -27,20 +25,17 @@ const menuItemProps = {
|
|
|
27
25
|
}
|
|
28
26
|
}
|
|
29
27
|
};
|
|
30
|
-
const BURGER_MENU_BREAKPOINT = 1024;
|
|
31
28
|
const PmProgressHeader = () => {
|
|
32
29
|
const t = (0, _index.useText)();
|
|
33
30
|
const {
|
|
34
31
|
model,
|
|
35
|
-
onStartPress,
|
|
36
32
|
customGradeLabels,
|
|
37
33
|
readOnly,
|
|
38
34
|
onMenuPress
|
|
39
35
|
} = (0, _PmProgressContext.usePmProgress)();
|
|
40
36
|
const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
|
|
41
|
-
const status = (0, _effectorReact.useUnit)(model.tree.$status);
|
|
42
37
|
const dimensions = (0, _reactNative.useWindowDimensions)();
|
|
43
|
-
const withMenuButton = _commonConstants.isWeb && dimensions.width <= BURGER_MENU_BREAKPOINT;
|
|
38
|
+
const withMenuButton = _commonConstants.isWeb && dimensions.width <= _studentsFeatures.BURGER_MENU_BREAKPOINT;
|
|
44
39
|
const grade = (0, _effectorReact.useUnit)(model.tree.$grade);
|
|
45
40
|
const grades = (0, _effectorReact.useStoreMap)({
|
|
46
41
|
store: model.tree.$grades,
|
|
@@ -52,14 +47,6 @@ const PmProgressHeader = () => {
|
|
|
52
47
|
...menuItemProps
|
|
53
48
|
}))
|
|
54
49
|
});
|
|
55
|
-
const loaderOpeningId = (0, _effectorReact.useUnit)(model.solving.$loaderOpeningId);
|
|
56
|
-
const nextUp = (0, _effectorReact.useStoreMap)(model.tree.$domains, domains => domains.find(domain => {
|
|
57
|
-
const isFluency = (0, _pmProgressHelpers.isFluencyDomain)(domain.title);
|
|
58
|
-
const isDomainCompleted = domain.standards.every(standard => standard.isCompleted);
|
|
59
|
-
return !isFluency && !isDomainCompleted;
|
|
60
|
-
}));
|
|
61
|
-
const isLoading = loaderOpeningId === _pmProgressConstants.OpeningLoaderId.START_BUTTON;
|
|
62
|
-
const isSkillOpeningActionPending = !!(loaderOpeningId !== null || status);
|
|
63
50
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
64
51
|
style: styles.container,
|
|
65
52
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
@@ -105,60 +92,10 @@ const PmProgressHeader = () => {
|
|
|
105
92
|
}
|
|
106
93
|
})
|
|
107
94
|
})]
|
|
108
|
-
}), !readOnly && /*#__PURE__*/(0, _jsxRuntime.
|
|
109
|
-
style: styles.nextUp,
|
|
110
|
-
children: [nextUp && !status && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
111
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
112
|
-
style: styles.content,
|
|
113
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
114
|
-
style: styles.subtitle,
|
|
115
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
116
|
-
variant: _reactNativeUi.HeadingVariants.H2,
|
|
117
|
-
style: styles.dark,
|
|
118
|
-
children: t('pmProgress.nextUp')
|
|
119
|
-
})
|
|
120
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
121
|
-
style: [styles.row, styles.tilted],
|
|
122
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
123
|
-
variant: _reactNativeUi.HeadingVariants.H7,
|
|
124
|
-
style: styles.muted,
|
|
125
|
-
children: nextUp?.title
|
|
126
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
127
|
-
style: styles.diamond,
|
|
128
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
|
|
129
|
-
color: nextUp?.color
|
|
130
|
-
})
|
|
131
|
-
})]
|
|
132
|
-
})]
|
|
133
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
134
|
-
style: styles.arrow,
|
|
135
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchArrowRight.SketchArrowRight, {})
|
|
136
|
-
})]
|
|
137
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StartButton.StartButton, {
|
|
138
|
-
onPress: async () => {
|
|
139
|
-
try {
|
|
140
|
-
model.solving.setLoaderOpeningId(_pmProgressConstants.OpeningLoaderId.START_BUTTON);
|
|
141
|
-
const skill = await model.solving.start({
|
|
142
|
-
type: _pmProgressConstants.SolvingFlow.MAGMA
|
|
143
|
-
});
|
|
144
|
-
await onStartPress?.(skill);
|
|
145
|
-
} finally {
|
|
146
|
-
model.solving.setLoaderOpeningId(null);
|
|
147
|
-
}
|
|
148
|
-
},
|
|
149
|
-
disabled: isSkillOpeningActionPending,
|
|
150
|
-
isLoading: isLoading,
|
|
151
|
-
isActive: isLoading,
|
|
152
|
-
withPulsation: !!nextUp && !isLoading && !isSkillOpeningActionPending && !status
|
|
153
|
-
})]
|
|
154
|
-
})]
|
|
95
|
+
}), !readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NextUp.NextUp, {})]
|
|
155
96
|
});
|
|
156
97
|
};
|
|
157
98
|
exports.PmProgressHeader = PmProgressHeader;
|
|
158
|
-
const SMALL_SCREEN_THRESHOLD = 568;
|
|
159
|
-
const SMALL_SCREEN_MENU_MAX_HEIGHT = 300;
|
|
160
|
-
const WINDOW_HEIGHT = _reactNative.Dimensions.get('window').height;
|
|
161
|
-
const MENU_MAX_HEIGHT = WINDOW_HEIGHT <= SMALL_SCREEN_THRESHOLD ? SMALL_SCREEN_MENU_MAX_HEIGHT : WINDOW_HEIGHT * 0.8;
|
|
162
99
|
const styles = _reactNative.StyleSheet.create({
|
|
163
100
|
container: {
|
|
164
101
|
flexDirection: 'row',
|
|
@@ -185,50 +122,12 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
185
122
|
top: _reactNativeUi.SPACING[100],
|
|
186
123
|
minWidth: 110,
|
|
187
124
|
overflow: 'scroll',
|
|
188
|
-
maxHeight: MENU_MAX_HEIGHT,
|
|
125
|
+
maxHeight: _studentsFeatures.MENU_MAX_HEIGHT,
|
|
189
126
|
..._reactNative.Platform.select({
|
|
190
127
|
web: {
|
|
191
128
|
scrollbarWidth: 'none'
|
|
192
129
|
}
|
|
193
130
|
})
|
|
194
|
-
},
|
|
195
|
-
nextUp: {
|
|
196
|
-
flexDirection: 'row',
|
|
197
|
-
alignItems: 'center',
|
|
198
|
-
gap: _reactNativeUi.SPACING[400]
|
|
199
|
-
},
|
|
200
|
-
content: {
|
|
201
|
-
alignItems: 'center',
|
|
202
|
-
gap: _reactNativeUi.SPACING[100]
|
|
203
|
-
},
|
|
204
|
-
subtitle: {
|
|
205
|
-
transform: [{
|
|
206
|
-
rotate: '355deg'
|
|
207
|
-
}],
|
|
208
|
-
marginRight: _reactNativeUi.SPACING[300]
|
|
209
|
-
},
|
|
210
|
-
tilted: {
|
|
211
|
-
transform: [{
|
|
212
|
-
rotate: '355deg'
|
|
213
|
-
}]
|
|
214
|
-
},
|
|
215
|
-
row: {
|
|
216
|
-
flexDirection: 'row',
|
|
217
|
-
gap: _reactNativeUi.SPACING[100]
|
|
218
|
-
},
|
|
219
|
-
muted: {
|
|
220
|
-
color: _reactNativeUi.COLORS.NEUTRAL_8
|
|
221
|
-
},
|
|
222
|
-
diamond: {
|
|
223
|
-
bottom: 10,
|
|
224
|
-
transform: [{
|
|
225
|
-
rotate: '5deg'
|
|
226
|
-
}]
|
|
227
|
-
},
|
|
228
|
-
arrow: {
|
|
229
|
-
transform: [{
|
|
230
|
-
rotate: '358deg'
|
|
231
|
-
}]
|
|
232
131
|
}
|
|
233
132
|
});
|
|
234
133
|
//# sourceMappingURL=PmProgressHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_commonConstants","_SketchArrowRight","_SliceDiamondIcon","_index","_effectorReact","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_StartButton","_MenuIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","menuItemProps","style","text","whiteSpace","BURGER_MENU_BREAKPOINT","PmProgressHeader","useText","model","onStartPress","customGradeLabels","readOnly","onMenuPress","usePmProgress","isDropdownOpen","setIsDropdownOpen","useState","status","useUnit","tree","$status","dimensions","useWindowDimensions","withMenuButton","isWeb","width","grade","$grade","grades","useStoreMap","store","$grades","keys","fn","map","key","value","title","formatGradeLabel","disabled","isLocked","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","isFluencyDomain","isDomainCompleted","standards","every","standard","isCompleted","isLoading","OpeningLoaderId","START_BUTTON","isSkillOpeningActionPending","jsxs","View","styles","container","children","jsx","burgerMenu","Button","onPress","variant","ButtonVariant","TERTIARY","icon","MenuIcon","size","Typography","HeadingVariants","H2","dark","Dropdown","isOpen","onDismiss","anchor","prev","H8","caret","CaretUpIcon","color","COLORS","NEUTRAL_9","CaretDownIcon","Menu","menu","items","onItemPress","item","setGrade","Fragment","content","subtitle","row","tilted","H7","muted","diamond","SliceDiamondIcon","arrow","SketchArrowRight","StartButton","setLoaderOpeningId","skill","start","type","SolvingFlow","MAGMA","isActive","withPulsation","exports","SMALL_SCREEN_THRESHOLD","SMALL_SCREEN_MENU_MAX_HEIGHT","WINDOW_HEIGHT","Dimensions","height","MENU_MAX_HEIGHT","StyleSheet","create","flexDirection","justifyContent","alignItems","marginBottom","SPACING","zIndex","marginRight","gap","marginLeft","top","minWidth","overflow","maxHeight","Platform","select","web","scrollbarWidth","transform","rotate","NEUTRAL_8","bottom"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_commonConstants","_index","_effectorReact","_PmProgressContext","_pmProgressHelpers","_MenuIcon","_NextUp","_studentsFeatures","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","menuItemProps","style","text","whiteSpace","PmProgressHeader","useText","model","customGradeLabels","readOnly","onMenuPress","usePmProgress","isDropdownOpen","setIsDropdownOpen","useState","dimensions","useWindowDimensions","withMenuButton","isWeb","width","BURGER_MENU_BREAKPOINT","grade","useUnit","tree","$grade","grades","useStoreMap","store","$grades","keys","fn","map","key","value","title","formatGradeLabel","disabled","isLocked","jsxs","View","styles","container","children","jsx","burgerMenu","Button","onPress","variant","ButtonVariant","TERTIARY","icon","MenuIcon","size","Typography","HeadingVariants","H2","dark","Dropdown","isOpen","onDismiss","anchor","prev","H8","caret","CaretUpIcon","color","COLORS","NEUTRAL_9","CaretDownIcon","Menu","menu","items","onItemPress","item","setGrade","NextUp","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","marginBottom","SPACING","zIndex","marginRight","gap","marginLeft","top","minWidth","overflow","maxHeight","MENU_MAX_HEIGHT","Platform","select","web","scrollbarWidth"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,6 +11,14 @@ var _index = require("../../../../shared/translation/index.js");
|
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
const PULSATION_COLOR = '#FFBE4E66';
|
|
15
|
+
const PULSE_OVERFLOW_X = 16;
|
|
16
|
+
const PULSE_OVERFLOW_Y = 18;
|
|
17
|
+
const PULSE_OFFSET_TOP = -6;
|
|
18
|
+
const PULSE_OFFSET_LEFT = -8;
|
|
19
|
+
const PULSE_DURATION = 1000;
|
|
20
|
+
const PULSE_DELAY = 1000;
|
|
21
|
+
const MIN_SCALE_X = 0.7;
|
|
14
22
|
const StartButton = ({
|
|
15
23
|
onPress,
|
|
16
24
|
disabled,
|
|
@@ -28,15 +36,15 @@ const StartButton = ({
|
|
|
28
36
|
if (!sizes || !withPulsation) return;
|
|
29
37
|
const scaleAnimation = _reactNative.Animated.timing(scaleAnimValue, {
|
|
30
38
|
toValue: 1,
|
|
31
|
-
duration:
|
|
39
|
+
duration: PULSE_DURATION,
|
|
32
40
|
useNativeDriver: true
|
|
33
41
|
});
|
|
34
42
|
const fadeOutAnimation = _reactNative.Animated.timing(fadeAnimValue, {
|
|
35
43
|
toValue: 0,
|
|
36
|
-
duration:
|
|
44
|
+
duration: PULSE_DURATION,
|
|
37
45
|
useNativeDriver: true
|
|
38
46
|
});
|
|
39
|
-
const pulsation = _reactNative.Animated.loop(_reactNative.Animated.sequence([scaleAnimation, _reactNative.Animated.delay(
|
|
47
|
+
const pulsation = _reactNative.Animated.loop(_reactNative.Animated.sequence([scaleAnimation, _reactNative.Animated.delay(PULSE_DELAY), fadeOutAnimation]));
|
|
40
48
|
pulsation.start();
|
|
41
49
|
return () => {
|
|
42
50
|
pulsation.stop();
|
|
@@ -48,8 +56,8 @@ const StartButton = ({
|
|
|
48
56
|
style: styles.container,
|
|
49
57
|
onLayout: event => {
|
|
50
58
|
setSizes({
|
|
51
|
-
width: event.nativeEvent.layout.width +
|
|
52
|
-
height: event.nativeEvent.layout.height +
|
|
59
|
+
width: event.nativeEvent.layout.width + PULSE_OVERFLOW_X,
|
|
60
|
+
height: event.nativeEvent.layout.height + PULSE_OVERFLOW_Y
|
|
53
61
|
});
|
|
54
62
|
setAspectRatio(event.nativeEvent.layout.width / event.nativeEvent.layout.height);
|
|
55
63
|
},
|
|
@@ -57,12 +65,12 @@ const StartButton = ({
|
|
|
57
65
|
style: [styles.animatedBackground, {
|
|
58
66
|
width: sizes.width,
|
|
59
67
|
height: sizes.height,
|
|
60
|
-
top:
|
|
61
|
-
left:
|
|
68
|
+
top: PULSE_OFFSET_TOP,
|
|
69
|
+
left: PULSE_OFFSET_LEFT,
|
|
62
70
|
transform: [{
|
|
63
71
|
scaleX: scaleAnimValue.interpolate({
|
|
64
72
|
inputRange: [0, 1],
|
|
65
|
-
outputRange: [aspectRatio / 10 >
|
|
73
|
+
outputRange: [aspectRatio / 10 > MIN_SCALE_X ? MIN_SCALE_X : aspectRatio / 10, 1]
|
|
66
74
|
})
|
|
67
75
|
}, {
|
|
68
76
|
scaleY: scaleAnimValue.interpolate({
|
|
@@ -99,7 +107,7 @@ const StartButton = ({
|
|
|
99
107
|
exports.StartButton = StartButton;
|
|
100
108
|
const styles = _reactNative.StyleSheet.create({
|
|
101
109
|
container: {
|
|
102
|
-
marginRight:
|
|
110
|
+
marginRight: _reactNativeUi.SPACING[200]
|
|
103
111
|
},
|
|
104
112
|
startButton: {
|
|
105
113
|
minWidth: 145
|
|
@@ -110,7 +118,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
110
118
|
color: _reactNativeUi.COLORS.NEUTRAL_1
|
|
111
119
|
},
|
|
112
120
|
animatedBackground: {
|
|
113
|
-
backgroundColor:
|
|
121
|
+
backgroundColor: PULSATION_COLOR,
|
|
114
122
|
position: 'absolute',
|
|
115
123
|
borderRadius: 50
|
|
116
124
|
}
|