@magmamath/students-features 1.2.1-rc.21 → 1.2.1-rc.23
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/header/PmProgressHeader.js +34 -48
- package/dist/commonjs/features/pmProgress/components/header/PmProgressHeader.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/header/StartButton.js +114 -0
- package/dist/commonjs/features/pmProgress/components/header/StartButton.js.map +1 -0
- package/dist/commonjs/features/pmProgress/components/list/Fluency.js +5 -1
- package/dist/commonjs/features/pmProgress/components/list/Fluency.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/list/ListCard.js +3 -1
- package/dist/commonjs/features/pmProgress/components/list/ListCard.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/list/ListItem.js +33 -14
- package/dist/commonjs/features/pmProgress/components/list/ListItem.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/list/PmDomainList.js +5 -1
- package/dist/commonjs/features/pmProgress/components/list/PmDomainList.js.map +1 -1
- package/dist/commonjs/features/pmProgress/components/recs/PmTeacherRecs.js +10 -2
- package/dist/commonjs/features/pmProgress/components/recs/PmTeacherRecs.js.map +1 -1
- package/dist/commonjs/features/pmProgress/model/PmSolvingFlowModel.js +2 -0
- package/dist/commonjs/features/pmProgress/model/PmSolvingFlowModel.js.map +1 -1
- package/dist/commonjs/features/pmProgress/shared/pmProgress.constants.js +6 -1
- package/dist/commonjs/features/pmProgress/shared/pmProgress.constants.js.map +1 -1
- package/dist/commonjs/shared/translation/localization/ca.json +2 -1
- package/dist/commonjs/shared/translation/localization/de.json +2 -1
- package/dist/commonjs/shared/translation/localization/en.json +2 -1
- package/dist/commonjs/shared/translation/localization/gb.json +2 -1
- package/dist/commonjs/shared/translation/localization/sct.json +2 -1
- package/dist/commonjs/shared/translation/localization/sw.json +2 -1
- package/dist/module/features/pmProgress/components/header/PmProgressHeader.js +38 -52
- package/dist/module/features/pmProgress/components/header/PmProgressHeader.js.map +1 -1
- package/dist/module/features/pmProgress/components/header/StartButton.js +107 -0
- package/dist/module/features/pmProgress/components/header/StartButton.js.map +1 -0
- package/dist/module/features/pmProgress/components/list/Fluency.js +5 -1
- package/dist/module/features/pmProgress/components/list/Fluency.js.map +1 -1
- package/dist/module/features/pmProgress/components/list/ListCard.js +3 -1
- package/dist/module/features/pmProgress/components/list/ListCard.js.map +1 -1
- package/dist/module/features/pmProgress/components/list/ListItem.js +35 -16
- package/dist/module/features/pmProgress/components/list/ListItem.js.map +1 -1
- package/dist/module/features/pmProgress/components/list/PmDomainList.js +5 -1
- package/dist/module/features/pmProgress/components/list/PmDomainList.js.map +1 -1
- package/dist/module/features/pmProgress/components/recs/PmTeacherRecs.js +12 -4
- package/dist/module/features/pmProgress/components/recs/PmTeacherRecs.js.map +1 -1
- package/dist/module/features/pmProgress/model/PmSolvingFlowModel.js +2 -0
- package/dist/module/features/pmProgress/model/PmSolvingFlowModel.js.map +1 -1
- package/dist/module/features/pmProgress/shared/pmProgress.constants.js +5 -0
- package/dist/module/features/pmProgress/shared/pmProgress.constants.js.map +1 -1
- package/dist/module/shared/translation/localization/ca.json +2 -1
- package/dist/module/shared/translation/localization/de.json +2 -1
- package/dist/module/shared/translation/localization/en.json +2 -1
- package/dist/module/shared/translation/localization/gb.json +2 -1
- package/dist/module/shared/translation/localization/sct.json +2 -1
- package/dist/module/shared/translation/localization/sw.json +2 -1
- 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 +11 -0
- package/dist/typescript/commonjs/features/pmProgress/components/header/StartButton.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/pmProgress/components/list/Fluency.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/list/ListCard.d.ts +2 -1
- package/dist/typescript/commonjs/features/pmProgress/components/list/ListCard.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/list/ListItem.d.ts +2 -1
- package/dist/typescript/commonjs/features/pmProgress/components/list/ListItem.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/list/PmDomainList.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/components/recs/PmTeacherRecs.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/model/PmSolvingFlowModel.d.ts +2 -0
- package/dist/typescript/commonjs/features/pmProgress/model/PmSolvingFlowModel.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.constants.d.ts +4 -0
- package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/shared/translation/constants.d.ts +6 -0
- package/dist/typescript/commonjs/shared/translation/constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/shared/translation/model.d.ts +2 -0
- package/dist/typescript/commonjs/shared/translation/model.d.ts.map +1 -1
- 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 +11 -0
- package/dist/typescript/module/features/pmProgress/components/header/StartButton.d.ts.map +1 -0
- package/dist/typescript/module/features/pmProgress/components/list/Fluency.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/list/ListCard.d.ts +2 -1
- package/dist/typescript/module/features/pmProgress/components/list/ListCard.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/list/ListItem.d.ts +2 -1
- package/dist/typescript/module/features/pmProgress/components/list/ListItem.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/list/PmDomainList.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/components/recs/PmTeacherRecs.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/model/PmSolvingFlowModel.d.ts +2 -0
- package/dist/typescript/module/features/pmProgress/model/PmSolvingFlowModel.d.ts.map +1 -1
- package/dist/typescript/module/features/pmProgress/shared/pmProgress.constants.d.ts +4 -0
- package/dist/typescript/module/features/pmProgress/shared/pmProgress.constants.d.ts.map +1 -1
- package/dist/typescript/module/shared/translation/constants.d.ts +6 -0
- package/dist/typescript/module/shared/translation/constants.d.ts.map +1 -1
- package/dist/typescript/module/shared/translation/model.d.ts +2 -0
- package/dist/typescript/module/shared/translation/model.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/pmProgress/components/header/PmProgressHeader.tsx +36 -43
- package/src/features/pmProgress/components/header/StartButton.tsx +141 -0
- package/src/features/pmProgress/components/list/Fluency.tsx +5 -1
- package/src/features/pmProgress/components/list/ListCard.tsx +3 -0
- package/src/features/pmProgress/components/list/ListItem.tsx +38 -13
- package/src/features/pmProgress/components/list/PmDomainList.tsx +5 -1
- package/src/features/pmProgress/components/recs/PmTeacherRecs.tsx +12 -4
- package/src/features/pmProgress/model/PmSolvingFlowModel.ts +3 -0
- package/src/features/pmProgress/shared/pmProgress.constants.ts +5 -0
- package/src/shared/translation/localization/ca.json +2 -1
- package/src/shared/translation/localization/de.json +2 -1
- package/src/shared/translation/localization/en.json +2 -1
- package/src/shared/translation/localization/gb.json +2 -1
- package/src/shared/translation/localization/sct.json +2 -1
- package/src/shared/translation/localization/sw.json +2 -1
|
@@ -23,6 +23,7 @@ const PmTeacherRecs = () => {
|
|
|
23
23
|
onTeacherRecommendationPress
|
|
24
24
|
} = (0, _PmProgressContext.usePmProgress)();
|
|
25
25
|
const expandedId = (0, _effectorReact.useUnit)(model.highlight.$expandedId);
|
|
26
|
+
const loaderOpeningId = (0, _effectorReact.useUnit)(model.solving.$loaderOpeningId);
|
|
26
27
|
|
|
27
28
|
// TODO: rework this, probably split and pass renderer to ListCard
|
|
28
29
|
const recommendations = (0, _effectorReact.useStoreMap)(model.recommendations.$teacher, ({
|
|
@@ -51,12 +52,15 @@ const PmTeacherRecs = () => {
|
|
|
51
52
|
expandedColor: _reactNativeUi.COLORS.YELLOW_1,
|
|
52
53
|
onPress: () => model.highlight.expand(_pmProgressConstants.CustomDomain.TEACHER),
|
|
53
54
|
onItemPress: async item => {
|
|
55
|
+
model.solving.setLoaderOpeningId(item.id);
|
|
54
56
|
const skill = await model.solving.start({
|
|
55
57
|
type: _pmProgressConstants.SolvingFlow.TEACHER,
|
|
56
58
|
skillId: item.skillId
|
|
57
59
|
});
|
|
58
|
-
onPracticePress?.(skill);
|
|
60
|
+
await onPracticePress?.(skill);
|
|
61
|
+
model.solving.setLoaderOpeningId(null);
|
|
59
62
|
},
|
|
63
|
+
loadingItemId: loaderOpeningId,
|
|
60
64
|
isLast: true,
|
|
61
65
|
isFirst: true,
|
|
62
66
|
isSkillsLeftHidden: true,
|
|
@@ -67,11 +71,15 @@ const PmTeacherRecs = () => {
|
|
|
67
71
|
}),
|
|
68
72
|
rightContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
|
|
69
73
|
onPress: async () => {
|
|
74
|
+
model.solving.setLoaderOpeningId(_pmProgressConstants.OpeningLoaderId.PRACTICE_BUTTON);
|
|
70
75
|
const skill = await model.solving.start({
|
|
71
76
|
type: _pmProgressConstants.SolvingFlow.TEACHER
|
|
72
77
|
});
|
|
73
|
-
onTeacherRecommendationPress?.(skill);
|
|
78
|
+
await onTeacherRecommendationPress?.(skill);
|
|
79
|
+
model.solving.setLoaderOpeningId(null);
|
|
74
80
|
},
|
|
81
|
+
disabled: loaderOpeningId !== null,
|
|
82
|
+
isLoading: loaderOpeningId === _pmProgressConstants.OpeningLoaderId.PRACTICE_BUTTON,
|
|
75
83
|
size: _reactNativeUi.ButtonSize.SMALL,
|
|
76
84
|
variant: _reactNativeUi.ButtonVariant.SECONDARY,
|
|
77
85
|
children: t('pmProgress.practiceButton')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ListCard","_PentagonIcon","_reactNativeUi","_index","_effectorReact","_pmProgressConstants","_PmProgressContext","_jsxRuntime","e","__esModule","default","PmTeacherRecs","t","useText","model","onPracticePress","onTeacherRecommendationPress","usePmProgress","expandedId","useUnit","highlight","$expandedId","recommendations","useStoreMap","$teacher","items","map","skill","id","_id","skillId","title","nameTranslations","subtitle","shortDescriptionTranslations","skillsCount","total","achieved","failed","length","jsx","View","style","styles","container","children","jsxs","wrapper","ListCard","maxItems","color","COLORS","PRIMARY_YELLOW","expandedColor","YELLOW_1","onPress","expand","CustomDomain","TEACHER","onItemPress","item","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ListCard","_PentagonIcon","_reactNativeUi","_index","_effectorReact","_pmProgressConstants","_PmProgressContext","_jsxRuntime","e","__esModule","default","PmTeacherRecs","t","useText","model","onPracticePress","onTeacherRecommendationPress","usePmProgress","expandedId","useUnit","highlight","$expandedId","loaderOpeningId","solving","$loaderOpeningId","recommendations","useStoreMap","$teacher","items","map","skill","id","_id","skillId","title","nameTranslations","subtitle","shortDescriptionTranslations","skillsCount","total","achieved","failed","length","jsx","View","style","styles","container","children","jsxs","wrapper","ListCard","maxItems","color","COLORS","PRIMARY_YELLOW","expandedColor","YELLOW_1","onPress","expand","CustomDomain","TEACHER","onItemPress","item","setLoaderOpeningId","start","type","SolvingFlow","loadingItemId","isLast","isFirst","isSkillsLeftHidden","isExpanded","isHighlighted","icon","PentagonIcon","rightContent","Button","OpeningLoaderId","PRACTICE_BUTTON","disabled","isLoading","size","ButtonSize","SMALL","variant","ButtonVariant","SECONDARY","badge","Text","text","exports","StyleSheet","create","overflow","padding","SPACING","borderRadius","BORDER_RADIUS","backgroundColor","NEUTRAL_1","position","top","right","width","height","PRIMARY_RED","alignItems","justifyContent","textAlign","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/recs/PmTeacherRecs.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,6 +13,8 @@ class PmSolvingFlowModel {
|
|
|
13
13
|
reset = (0, _effector.createEvent)();
|
|
14
14
|
setQueue = (0, _effector.createEvent)();
|
|
15
15
|
advance = (0, _effector.createEvent)();
|
|
16
|
+
setLoaderOpeningId = (0, _effector.createEvent)();
|
|
17
|
+
$loaderOpeningId = (0, _effector.restore)(this.setLoaderOpeningId, null);
|
|
16
18
|
$queue = (0, _effector.restore)(this.setQueue, []).on(this.advance, queue => queue.slice(1)).reset(this.reset);
|
|
17
19
|
constructor(treeModel, recommendationsModel) {
|
|
18
20
|
this.treeModel = treeModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","_session","_pmProgressConstants","_pmProgressHelpers","_skillsUtils","PmSolvingFlowModel","reset","createEvent","setQueue","advance","$
|
|
1
|
+
{"version":3,"names":["_effector","require","_session","_pmProgressConstants","_pmProgressHelpers","_skillsUtils","PmSolvingFlowModel","reset","createEvent","setQueue","advance","setLoaderOpeningId","$loaderOpeningId","restore","$queue","on","queue","slice","constructor","treeModel","recommendationsModel","persist","key","SessionStorageKeys","SOLVING_QUEUE","store","start","props","buildQueue","getBuilder","type","console","log","next","getState","buildTeacherQueue","domains","context","skillId","teacherSkills","$teacher","items","magmaRecommendations","$magma","fromUncompletedDomains","getAllUncompletedSkills","tree","skillsMapping","teacherRecommendations","shiftToBeginningOfArray","withoutDuplicates","buildMagmaQueue","buildStandardQueue","standardId","domain","find","d","standards","some","s","standard","fromStandard","getUncompletedSkillsFromStandard","fromDomain","getUncompletedSkillsFromDomain","fromOtherDomains","filter","flatMap","getAllGradeDomains","grade","$grade","treeGrades","$grades","grades","startGradesFrom","isLocked","treeNodes","Object","values","treeMapping","treeWithStats","enhanceProgressMatrixData","stats","entityId","user","_id","name","fullName","value","getDomainStructure","getTreeContextFx","data","SolvingFlow","TEACHER","MAGMA","STANDARD","exports"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/model/PmSolvingFlowModel.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.SolvingFlow = exports.SessionStorageKeys = exports.STATS_MAX_HEIGHT = exports.RECOMMENDATIONS_LIMIT_PARAM = exports.MAX_PIE_CHART_SIZE = exports.InsightsTimeframe = exports.EMPTY_PIE_CHART_DATA = exports.DOMAIN_COLORS = exports.DOMAIN_BORDER_COLORS = exports.CustomDomain = void 0;
|
|
6
|
+
exports.SolvingFlow = exports.SessionStorageKeys = exports.STATS_MAX_HEIGHT = exports.RECOMMENDATIONS_LIMIT_PARAM = exports.OpeningLoaderId = exports.MAX_PIE_CHART_SIZE = exports.InsightsTimeframe = exports.EMPTY_PIE_CHART_DATA = exports.DOMAIN_COLORS = exports.DOMAIN_BORDER_COLORS = exports.CustomDomain = void 0;
|
|
7
7
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
8
8
|
const STATS_MAX_HEIGHT = exports.STATS_MAX_HEIGHT = 136;
|
|
9
9
|
const RECOMMENDATIONS_LIMIT_PARAM = exports.RECOMMENDATIONS_LIMIT_PARAM = 150;
|
|
@@ -25,6 +25,11 @@ let SolvingFlow = exports.SolvingFlow = /*#__PURE__*/function (SolvingFlow) {
|
|
|
25
25
|
SolvingFlow["STANDARD"] = "STANDARD";
|
|
26
26
|
return SolvingFlow;
|
|
27
27
|
}({});
|
|
28
|
+
let OpeningLoaderId = exports.OpeningLoaderId = /*#__PURE__*/function (OpeningLoaderId) {
|
|
29
|
+
OpeningLoaderId["START_BUTTON"] = "START_BUTTON";
|
|
30
|
+
OpeningLoaderId["PRACTICE_BUTTON"] = "PRACTICE_BUTTON";
|
|
31
|
+
return OpeningLoaderId;
|
|
32
|
+
}({});
|
|
28
33
|
let SessionStorageKeys = exports.SessionStorageKeys = /*#__PURE__*/function (SessionStorageKeys) {
|
|
29
34
|
SessionStorageKeys["SOLVING_QUEUE"] = "PM_SOLVING_QUEUE";
|
|
30
35
|
SessionStorageKeys["GRADE"] = "PM_GRADE";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeUi","require","STATS_MAX_HEIGHT","exports","RECOMMENDATIONS_LIMIT_PARAM","MAX_PIE_CHART_SIZE","CustomDomain","InsightsTimeframe","SolvingFlow","SessionStorageKeys","DOMAIN_COLORS","COLORS","PRIMARY_RED","PRIMARY_MAGENTA","PRIMARY_PURPLE","PRIMARY_INDIGO","PRIMARY_TURQUOISE","PRIMARY_GREEN","PRIMARY_ORANGE","RED_4","MAGENTA_4","PURPLE_4","INDIGO_4","TURQUOISE_4","GREEN_4","ORANGE_4","RED_6","MAGENTA_6","PURPLE_6","INDIGO_6","TURQUOISE_6","GREEN_6","ORANGE_6","EMPTY_PIE_CHART_DATA","Array","from","length","value","fillPercent","fillColor","NEUTRAL_4","borderColor","backgroundColor","NEUTRAL_3","DOMAIN_BORDER_COLORS"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/shared/pmProgress.constants.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,GAAG;AAC5B,MAAME,2BAA2B,GAAAD,OAAA,CAAAC,2BAAA,GAAG,GAAG;AACvC,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,GAAG;AAAA,IAEzBC,YAAY,GAAAH,OAAA,CAAAG,YAAA,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAAA,IAKZC,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;AAAA,IAMjBC,WAAW,GAAAL,OAAA,CAAAK,WAAA,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAAA,IAMXC,
|
|
1
|
+
{"version":3,"names":["_reactNativeUi","require","STATS_MAX_HEIGHT","exports","RECOMMENDATIONS_LIMIT_PARAM","MAX_PIE_CHART_SIZE","CustomDomain","InsightsTimeframe","SolvingFlow","OpeningLoaderId","SessionStorageKeys","DOMAIN_COLORS","COLORS","PRIMARY_RED","PRIMARY_MAGENTA","PRIMARY_PURPLE","PRIMARY_INDIGO","PRIMARY_TURQUOISE","PRIMARY_GREEN","PRIMARY_ORANGE","RED_4","MAGENTA_4","PURPLE_4","INDIGO_4","TURQUOISE_4","GREEN_4","ORANGE_4","RED_6","MAGENTA_6","PURPLE_6","INDIGO_6","TURQUOISE_6","GREEN_6","ORANGE_6","EMPTY_PIE_CHART_DATA","Array","from","length","value","fillPercent","fillColor","NEUTRAL_4","borderColor","backgroundColor","NEUTRAL_3","DOMAIN_BORDER_COLORS"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/shared/pmProgress.constants.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,15 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useState } from 'react';
|
|
4
4
|
import { StyleSheet, View } from 'react-native';
|
|
5
|
-
import { Button,
|
|
5
|
+
import { Button, ButtonVariant, CaretDownIcon, CaretUpIcon, COLORS, Dropdown, HeadingVariants, Menu, SPACING, Typography } from '@magmamath/react-native-ui';
|
|
6
6
|
import { SketchArrowRight } from "../../../../shared/icons/SketchArrowRight.js";
|
|
7
7
|
import { SliceDiamondIcon } from "../../../../shared/icons/SliceDiamondIcon.js";
|
|
8
8
|
import { useText } from "../../../../shared/translation/index.js";
|
|
9
|
-
import {
|
|
9
|
+
import { useUnit, useStoreMap } from 'effector-react';
|
|
10
10
|
import { usePmProgress } from "../../context/PmProgressContext.js";
|
|
11
11
|
import { formatGradeName, isFluencyDomain } from "../../shared/pmProgress.helpers.js";
|
|
12
|
-
import { SolvingFlow } from "../../shared/pmProgress.constants.js";
|
|
13
|
-
import {
|
|
12
|
+
import { OpeningLoaderId, SolvingFlow } from "../../shared/pmProgress.constants.js";
|
|
13
|
+
import { StartButton } from "./StartButton.js";
|
|
14
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
14
15
|
export const PmProgressHeader = () => {
|
|
15
16
|
const t = useText();
|
|
16
17
|
const {
|
|
@@ -24,6 +25,7 @@ export const PmProgressHeader = () => {
|
|
|
24
25
|
title: grade.name,
|
|
25
26
|
disabled: grade.isLocked
|
|
26
27
|
})));
|
|
28
|
+
const loaderOpeningId = useUnit(model.solving.$loaderOpeningId);
|
|
27
29
|
const nextUp = useStoreMap(model.tree.$domains, domains => domains.find(domain => {
|
|
28
30
|
const isFluency = isFluencyDomain(domain.title);
|
|
29
31
|
const isCompleted = domain.skillsCount.achieved === domain.skillsCount.total;
|
|
@@ -67,54 +69,46 @@ export const PmProgressHeader = () => {
|
|
|
67
69
|
})]
|
|
68
70
|
}), /*#__PURE__*/_jsxs(View, {
|
|
69
71
|
style: styles.nextUp,
|
|
70
|
-
children: [/*#__PURE__*/_jsxs(
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}), /*#__PURE__*/_jsxs(View, {
|
|
80
|
-
style: [styles.row, styles.tilted],
|
|
81
|
-
children: [/*#__PURE__*/_jsx(Typography, {
|
|
82
|
-
variant: HeadingVariants.H7,
|
|
83
|
-
style: styles.muted,
|
|
84
|
-
children: nextUp?.title
|
|
85
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
86
|
-
style: styles.diamond,
|
|
87
|
-
children: /*#__PURE__*/_jsx(SliceDiamondIcon, {
|
|
88
|
-
color: nextUp?.color
|
|
72
|
+
children: [nextUp && /*#__PURE__*/_jsxs(_Fragment, {
|
|
73
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
74
|
+
style: styles.content,
|
|
75
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
76
|
+
style: styles.subtitle,
|
|
77
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
|
78
|
+
variant: HeadingVariants.H2,
|
|
79
|
+
style: styles.dark,
|
|
80
|
+
children: t('pmProgress.nextUp')
|
|
89
81
|
})
|
|
82
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
83
|
+
style: [styles.row, styles.tilted],
|
|
84
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
85
|
+
variant: HeadingVariants.H7,
|
|
86
|
+
style: styles.muted,
|
|
87
|
+
children: nextUp?.title
|
|
88
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
89
|
+
style: styles.diamond,
|
|
90
|
+
children: /*#__PURE__*/_jsx(SliceDiamondIcon, {
|
|
91
|
+
color: nextUp?.color
|
|
92
|
+
})
|
|
93
|
+
})]
|
|
90
94
|
})]
|
|
95
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
96
|
+
style: styles.arrow,
|
|
97
|
+
children: /*#__PURE__*/_jsx(SketchArrowRight, {})
|
|
91
98
|
})]
|
|
92
|
-
}), /*#__PURE__*/_jsx(
|
|
93
|
-
style: styles.arrow,
|
|
94
|
-
children: /*#__PURE__*/_jsx(SketchArrowRight, {})
|
|
95
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
99
|
+
}), /*#__PURE__*/_jsx(StartButton, {
|
|
96
100
|
onPress: async () => {
|
|
101
|
+
model.solving.setLoaderOpeningId(OpeningLoaderId.START_BUTTON);
|
|
97
102
|
const skill = await model.solving.start({
|
|
98
103
|
type: SolvingFlow.MAGMA
|
|
99
104
|
});
|
|
100
|
-
onStartPress?.(skill);
|
|
101
|
-
|
|
102
|
-
icon: /*#__PURE__*/_jsx(PlayIcon, {
|
|
103
|
-
size: 16,
|
|
104
|
-
color: COLORS.NEUTRAL_1
|
|
105
|
-
}),
|
|
106
|
-
variant: ButtonVariant.PRIMARY,
|
|
107
|
-
size: ButtonSize.LARGE,
|
|
108
|
-
colorScheme: ButtonColor.YELLOW,
|
|
109
|
-
raiseLevel: 6,
|
|
110
|
-
style: {
|
|
111
|
-
container: styles.startButton
|
|
105
|
+
await onStartPress?.(skill);
|
|
106
|
+
model.solving.setLoaderOpeningId(null);
|
|
112
107
|
},
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
})
|
|
108
|
+
disabled: loaderOpeningId !== null,
|
|
109
|
+
isLoading: loaderOpeningId === OpeningLoaderId.START_BUTTON,
|
|
110
|
+
isActive: loaderOpeningId === OpeningLoaderId.START_BUTTON,
|
|
111
|
+
withPulsation: !!nextUp
|
|
118
112
|
})]
|
|
119
113
|
})]
|
|
120
114
|
});
|
|
@@ -179,14 +173,6 @@ const styles = StyleSheet.create({
|
|
|
179
173
|
transform: [{
|
|
180
174
|
rotate: '358deg'
|
|
181
175
|
}]
|
|
182
|
-
},
|
|
183
|
-
startButton: {
|
|
184
|
-
minWidth: 145
|
|
185
|
-
},
|
|
186
|
-
startButtonText: {
|
|
187
|
-
fontWeight: '700',
|
|
188
|
-
textTransform: 'uppercase',
|
|
189
|
-
color: COLORS.NEUTRAL_1
|
|
190
176
|
}
|
|
191
177
|
});
|
|
192
178
|
//# sourceMappingURL=PmProgressHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","StyleSheet","View","Button","
|
|
1
|
+
{"version":3,"names":["React","useState","StyleSheet","View","Button","ButtonVariant","CaretDownIcon","CaretUpIcon","COLORS","Dropdown","HeadingVariants","Menu","SPACING","Typography","SketchArrowRight","SliceDiamondIcon","useText","useUnit","useStoreMap","usePmProgress","formatGradeName","isFluencyDomain","OpeningLoaderId","SolvingFlow","StartButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PmProgressHeader","t","model","onStartPress","isDropdownOpen","setIsDropdownOpen","grade","tree","$grade","grades","$grades","map","key","value","title","name","disabled","isLocked","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","isCompleted","skillsCount","achieved","total","style","styles","container","children","variant","H2","dark","isOpen","onDismiss","anchor","TERTIARY","onPress","prev","H8","caret","color","NEUTRAL_9","menu","items","onItemPress","item","setGrade","content","subtitle","row","tilted","H7","muted","diamond","arrow","setLoaderOpeningId","START_BUTTON","skill","start","type","MAGMA","isLoading","isActive","withPulsation","create","flexDirection","justifyContent","alignItems","marginBottom","zIndex","gap","marginLeft","top","minWidth","transform","rotate","marginRight","NEUTRAL_8","bottom"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { Animated, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { Button, ButtonColor, ButtonSize, ButtonVariant, COLORS, HeadingVariants, PlayIcon, Typography } from '@magmamath/react-native-ui';
|
|
6
|
+
import { useText } from "../../../../shared/translation/index.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
export const StartButton = ({
|
|
9
|
+
onPress,
|
|
10
|
+
disabled,
|
|
11
|
+
isLoading,
|
|
12
|
+
isActive,
|
|
13
|
+
withPulsation
|
|
14
|
+
}) => {
|
|
15
|
+
const t = useText();
|
|
16
|
+
const [sizes, setSizes] = useState(null);
|
|
17
|
+
const [aspectRatio, setAspectRatio] = useState(null);
|
|
18
|
+
const showPulsation = withPulsation && sizes && aspectRatio;
|
|
19
|
+
const scaleAnimValue = useRef(new Animated.Value(0)).current;
|
|
20
|
+
const fadeAnimValue = useRef(new Animated.Value(1)).current;
|
|
21
|
+
const scaleAnimation = Animated.timing(scaleAnimValue, {
|
|
22
|
+
toValue: 1,
|
|
23
|
+
duration: 1000,
|
|
24
|
+
useNativeDriver: true
|
|
25
|
+
});
|
|
26
|
+
const fadeOutAnimation = Animated.timing(fadeAnimValue, {
|
|
27
|
+
toValue: 0,
|
|
28
|
+
duration: 1000,
|
|
29
|
+
useNativeDriver: true
|
|
30
|
+
});
|
|
31
|
+
const pulsationAnimation = Animated.loop(Animated.sequence([scaleAnimation, Animated.delay(1000), fadeOutAnimation]));
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (sizes && withPulsation) {
|
|
34
|
+
pulsationAnimation.start();
|
|
35
|
+
}
|
|
36
|
+
}, [sizes, withPulsation]);
|
|
37
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
38
|
+
style: styles.container,
|
|
39
|
+
onLayout: event => {
|
|
40
|
+
setSizes({
|
|
41
|
+
width: event.nativeEvent.layout.width + 16,
|
|
42
|
+
height: event.nativeEvent.layout.height + 18
|
|
43
|
+
});
|
|
44
|
+
setAspectRatio(event.nativeEvent.layout.width / event.nativeEvent.layout.height);
|
|
45
|
+
},
|
|
46
|
+
children: [showPulsation && /*#__PURE__*/_jsx(Animated.View, {
|
|
47
|
+
style: [styles.animatedBackground, {
|
|
48
|
+
width: sizes.width,
|
|
49
|
+
height: sizes.height,
|
|
50
|
+
top: -6,
|
|
51
|
+
left: -8,
|
|
52
|
+
transform: [{
|
|
53
|
+
scaleX: scaleAnimValue.interpolate({
|
|
54
|
+
inputRange: [0, 1],
|
|
55
|
+
outputRange: [aspectRatio / 10 > 0.7 ? 0.7 : aspectRatio / 10, 1]
|
|
56
|
+
})
|
|
57
|
+
}, {
|
|
58
|
+
scaleY: scaleAnimValue.interpolate({
|
|
59
|
+
inputRange: [0, 1],
|
|
60
|
+
outputRange: [0, 1]
|
|
61
|
+
})
|
|
62
|
+
}],
|
|
63
|
+
opacity: fadeAnimValue
|
|
64
|
+
}]
|
|
65
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
66
|
+
onPress: onPress,
|
|
67
|
+
disabled: disabled,
|
|
68
|
+
isLoading: isLoading,
|
|
69
|
+
isActive: isActive,
|
|
70
|
+
icon: /*#__PURE__*/_jsx(PlayIcon, {
|
|
71
|
+
size: 16,
|
|
72
|
+
color: COLORS.NEUTRAL_1
|
|
73
|
+
}),
|
|
74
|
+
variant: ButtonVariant.PRIMARY,
|
|
75
|
+
size: ButtonSize.LARGE,
|
|
76
|
+
colorScheme: ButtonColor.YELLOW,
|
|
77
|
+
raiseLevel: 6,
|
|
78
|
+
style: {
|
|
79
|
+
container: styles.startButton
|
|
80
|
+
},
|
|
81
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
|
82
|
+
variant: HeadingVariants.H6,
|
|
83
|
+
style: styles.startButtonText,
|
|
84
|
+
children: t('pmProgress.startButton')
|
|
85
|
+
})
|
|
86
|
+
})]
|
|
87
|
+
});
|
|
88
|
+
};
|
|
89
|
+
const styles = StyleSheet.create({
|
|
90
|
+
container: {
|
|
91
|
+
marginRight: 8
|
|
92
|
+
},
|
|
93
|
+
startButton: {
|
|
94
|
+
minWidth: 145
|
|
95
|
+
},
|
|
96
|
+
startButtonText: {
|
|
97
|
+
fontWeight: '700',
|
|
98
|
+
textTransform: 'uppercase',
|
|
99
|
+
color: COLORS.NEUTRAL_1
|
|
100
|
+
},
|
|
101
|
+
animatedBackground: {
|
|
102
|
+
backgroundColor: '#FFBE4E66',
|
|
103
|
+
position: 'absolute',
|
|
104
|
+
borderRadius: 50
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
//# sourceMappingURL=StartButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","useState","Animated","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","HeadingVariants","PlayIcon","Typography","useText","jsx","_jsx","jsxs","_jsxs","StartButton","onPress","disabled","isLoading","isActive","withPulsation","t","sizes","setSizes","aspectRatio","setAspectRatio","showPulsation","scaleAnimValue","Value","current","fadeAnimValue","scaleAnimation","timing","toValue","duration","useNativeDriver","fadeOutAnimation","pulsationAnimation","loop","sequence","delay","start","style","styles","container","onLayout","event","width","nativeEvent","layout","height","children","animatedBackground","top","left","transform","scaleX","interpolate","inputRange","outputRange","scaleY","opacity","icon","size","color","NEUTRAL_1","variant","PRIMARY","LARGE","colorScheme","YELLOW","raiseLevel","startButton","H6","startButtonText","create","marginRight","minWidth","fontWeight","textTransform","backgroundColor","position","borderRadius"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/StartButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,6 +19,7 @@ export const Fluency = ({
|
|
|
19
19
|
onStandardPress
|
|
20
20
|
} = usePmProgress();
|
|
21
21
|
const expandedId = useUnit(model.highlight.$expandedId);
|
|
22
|
+
const loaderOpeningId = useUnit(model.solving.$loaderOpeningId);
|
|
22
23
|
if (!data) return null;
|
|
23
24
|
return /*#__PURE__*/_jsxs(View, {
|
|
24
25
|
style: styles.container,
|
|
@@ -34,12 +35,15 @@ export const Fluency = ({
|
|
|
34
35
|
color: COLORS.PRIMARY_ORANGE,
|
|
35
36
|
onPress: () => model.highlight.expand(CustomDomain.FLUENCY),
|
|
36
37
|
onItemPress: async item => {
|
|
38
|
+
model.solving.setLoaderOpeningId(item.id);
|
|
37
39
|
const skill = await model.solving.start({
|
|
38
40
|
type: SolvingFlow.STANDARD,
|
|
39
41
|
standardId: item.standardId
|
|
40
42
|
});
|
|
41
|
-
onStandardPress?.(skill);
|
|
43
|
+
await onStandardPress?.(skill);
|
|
44
|
+
model.solving.setLoaderOpeningId(null);
|
|
42
45
|
},
|
|
46
|
+
loadingItemId: loaderOpeningId,
|
|
43
47
|
isFirst: true,
|
|
44
48
|
isLast: true,
|
|
45
49
|
isExpanded: expandedId === CustomDomain.FLUENCY,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","ListCard","COLORS","SPACING","SliceDiamondIcon","useText","useUnit","CustomDomain","SolvingFlow","usePmProgress","jsx","_jsx","jsxs","_jsxs","Fluency","data","t","model","onStandardPress","expandedId","highlight","$expandedId","style","styles","container","children","separator","title","items","standards","map","standard","id","standardId","progress","scorePercentage","color","PRIMARY_ORANGE","onPress","expand","FLUENCY","onItemPress","item","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","ListCard","COLORS","SPACING","SliceDiamondIcon","useText","useUnit","CustomDomain","SolvingFlow","usePmProgress","jsx","_jsx","jsxs","_jsxs","Fluency","data","t","model","onStandardPress","expandedId","highlight","$expandedId","loaderOpeningId","solving","$loaderOpeningId","style","styles","container","children","separator","title","items","standards","map","standard","id","standardId","progress","scorePercentage","color","PRIMARY_ORANGE","onPress","expand","FLUENCY","onItemPress","item","setLoaderOpeningId","skill","start","type","STANDARD","loadingItemId","isFirst","isLast","isExpanded","icon","create","marginBottom","height","marginHorizontal","marginVertical","backgroundColor","NEUTRAL_4"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/Fluency.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,gBAAgB,QAAQ,8CAA2C;AAC5E,SAASC,OAAO,QAAQ,yCAAgC;AACxD,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,YAAY,EAAEC,WAAW,QAAQ,sCAAmC;AAE7E,SAASC,aAAa,QAAQ,oCAAiC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM/D,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAmB,CAAC,KAAK;EACjD,MAAMC,CAAC,GAAGX,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEY,KAAK;IAAEC;EAAgB,CAAC,GAAGT,aAAa,CAAC,CAAC;EAClD,MAAMU,UAAU,GAAGb,OAAO,CAACW,KAAK,CAACG,SAAS,CAACC,WAAW,CAAC;EACvD,MAAMC,eAAe,GAAGhB,OAAO,CAACW,KAAK,CAACM,OAAO,CAACC,gBAAgB,CAAC;EAE/D,IAAI,CAACT,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACEF,KAAA,CAACb,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BjB,IAAA,CAACX,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACG;IAAU,CAAE,CAAC,eACjClB,IAAA,CAACV,QAAQ;MACP6B,KAAK,EAAEd,CAAC,CAAC,oBAAoB,CAAE;MAC/Be,KAAK,EAAEhB,IAAI,CAACiB,SAAS,CAACC,GAAG,CAAEC,QAAQ,KAAM;QAAE,GAAGA,QAAQ;QAAEC,EAAE,EAAED,QAAQ,CAACE;MAAW,CAAC,CAAC,CAAE;MACpFC,QAAQ,EAAEtB,IAAI,CAACuB,eAAgB;MAC/BC,KAAK,EAAErC,MAAM,CAACsC,cAAe;MAC7BC,OAAO,EAAEA,CAAA,KAAMxB,KAAK,CAACG,SAAS,CAACsB,MAAM,CAACnC,YAAY,CAACoC,OAAO,CAAE;MAC5DC,WAAW,EAAE,MAAOC,IAAI,IAAK;QAC3B5B,KAAK,CAACM,OAAO,CAACuB,kBAAkB,CAACD,IAAI,CAACV,EAAE,CAAC;QACzC,MAAMY,KAAK,GAAG,MAAM9B,KAAK,CAACM,OAAO,CAACyB,KAAK,CAAC;UACtCC,IAAI,EAAEzC,WAAW,CAAC0C,QAAQ;UAC1Bd,UAAU,EAAES,IAAI,CAACT;QACnB,CAAC,CAAC;QACF,MAAMlB,eAAe,GAAG6B,KAAK,CAAC;QAC9B9B,KAAK,CAACM,OAAO,CAACuB,kBAAkB,CAAC,IAAI,CAAC;MACxC,CAAE;MACFK,aAAa,EAAE7B,eAAgB;MAC/B8B,OAAO;MACPC,MAAM;MACNC,UAAU,EAAEnC,UAAU,KAAKZ,YAAY,CAACoC,OAAQ;MAChDY,IAAI,eAAE5C,IAAA,CAACP,gBAAgB;QAACmC,KAAK,EAAErC,MAAM,CAACsC;MAAe,CAAE;IAAE,CAC1D,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMd,MAAM,GAAG3B,UAAU,CAACyD,MAAM,CAAC;EAC/B7B,SAAS,EAAE;IACT8B,YAAY,EAAEtD,OAAO,CAAC,GAAG;EAC3B,CAAC;EACD0B,SAAS,EAAE;IACT6B,MAAM,EAAE,CAAC;IACTC,gBAAgB,EAAExD,OAAO,CAAC,GAAG,CAAC;IAC9ByD,cAAc,EAAEzD,OAAO,CAAC,GAAG,CAAC;IAC5B0D,eAAe,EAAE3D,MAAM,CAAC4D;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -34,7 +34,8 @@ export const ListCard = ({
|
|
|
34
34
|
isLast,
|
|
35
35
|
maxItems,
|
|
36
36
|
expandedColor = COLORS.NEUTRAL_3,
|
|
37
|
-
isSkillsLeftHidden = false
|
|
37
|
+
isSkillsLeftHidden = false,
|
|
38
|
+
loadingItemId = null
|
|
38
39
|
}) => {
|
|
39
40
|
const t = useText();
|
|
40
41
|
const [isHovered, setIsHovered] = useState(false);
|
|
@@ -97,6 +98,7 @@ export const ListCard = ({
|
|
|
97
98
|
skillsLeft: skillsLeft,
|
|
98
99
|
subtitle: item.subtitle,
|
|
99
100
|
isFinished: skillsLeft === 0,
|
|
101
|
+
isLoading: loadingItemId === item.id,
|
|
100
102
|
isSkillsLeftHidden: isSkillsLeftHidden,
|
|
101
103
|
onPress: () => onItemPress?.(item)
|
|
102
104
|
}, item.id);
|