texteditorrefactor 0.0.15 → 0.0.17
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/components/Molecules/PerformanceScreen/PreformanceResultScreen.d.ts +1 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js +52 -31
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.d.ts +12 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js +10 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map +1 -1
- package/dist/components/Molecules/RecapNode/ContentView.js +2 -2
- package/dist/components/Molecules/RecapNode/ContentView.js.map +1 -1
- package/dist/components/Molecules/RecapNode/SectionView.d.ts +2 -1
- package/dist/components/Molecules/RecapNode/SectionView.js +17 -15
- package/dist/components/Molecules/RecapNode/SectionView.js.map +1 -1
- package/dist/components/Organisms/FlashCardNode/FlashCardNode.js +18 -5
- package/dist/components/Organisms/FlashCardNode/FlashCardNode.js.map +1 -1
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.d.ts +2 -1
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js +32 -5
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js.map +1 -1
- package/dist/components/Organisms/RecapGraph/Example.stories.js +2 -2
- package/dist/components/Organisms/RecapGraph/Example.stories.js.map +1 -1
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js +7 -11
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js.map +1 -1
- package/dist/components/Organisms/StudentEditor/components/TextEditor.js +1 -1
- package/dist/components/Organisms/StudentEditor/components/TextEditor.js.map +1 -1
- package/dist/utils/RecapData.d.ts +34 -24
- package/dist/utils/RecapData.js +10 -4
- package/dist/utils/RecapData.js.map +1 -1
- package/dist/utils/contentUtils.d.ts +1 -2
- package/dist/utils/contentUtils.js +3 -4
- package/dist/utils/contentUtils.js.map +1 -1
- package/package.json +1 -1
|
@@ -13,6 +13,7 @@ interface PreformanceResultScreenProps {
|
|
|
13
13
|
onBackToHomework?: () => void;
|
|
14
14
|
isMobile?: boolean;
|
|
15
15
|
rivSrc?: string;
|
|
16
|
+
error?: boolean;
|
|
16
17
|
}
|
|
17
18
|
declare const PreformanceResultScreen: React.FC<PreformanceResultScreenProps>;
|
|
18
19
|
export default PreformanceResultScreen;
|
|
@@ -8,7 +8,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_2 = require("@chakra-ui/react");
|
|
9
9
|
const QuizResult_styles_1 = require("./QuizResult.styles");
|
|
10
10
|
const react_canvas_1 = require("@rive-app/react-canvas");
|
|
11
|
-
const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, }) => {
|
|
11
|
+
const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, error = false, }) => {
|
|
12
12
|
const getContent = () => {
|
|
13
13
|
if (percentage < 60) {
|
|
14
14
|
return {
|
|
@@ -19,7 +19,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
19
19
|
showLevelUp: false,
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
else if (percentage
|
|
22
|
+
else if (percentage < 80) {
|
|
23
23
|
return {
|
|
24
24
|
title: "Well done!",
|
|
25
25
|
messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
|
|
@@ -28,7 +28,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
28
28
|
showLevelUp: false,
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
|
-
else if (percentage
|
|
31
|
+
else if (percentage < 100) {
|
|
32
32
|
return {
|
|
33
33
|
title: "Fantastic job!",
|
|
34
34
|
messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
|
|
@@ -47,47 +47,68 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
47
47
|
};
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
+
const content = getContent();
|
|
51
|
+
// Rive (optional, safe even if src missing)
|
|
50
52
|
const [riveError, setRiveError] = react_1.default.useState(false);
|
|
51
|
-
const {
|
|
53
|
+
const { RiveComponent } = (0, react_canvas_1.useRive)({
|
|
52
54
|
src: rivSrc,
|
|
53
55
|
autoplay: true,
|
|
54
|
-
|
|
55
|
-
onLoadError: (error) => {
|
|
56
|
-
console.error("Rive load error:", error);
|
|
57
|
-
setRiveError(true);
|
|
58
|
-
},
|
|
59
|
-
onStateChange: (event) => console.log("State changed:", event),
|
|
56
|
+
onLoadError: () => setRiveError(true),
|
|
60
57
|
});
|
|
61
|
-
const content = getContent();
|
|
62
58
|
return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
|
|
63
59
|
...(isMobile && { background: "white", padding: "12px" }),
|
|
64
|
-
}, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.
|
|
60
|
+
}, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
|
|
65
61
|
...QuizResult_styles_1.styles.header,
|
|
66
62
|
flexDirection: isMobile ? "column" : "row",
|
|
67
63
|
alignItems: isMobile ? "flex-start" : "center",
|
|
68
64
|
position: "relative",
|
|
69
|
-
}, children:
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
65
|
+
}, children: error ? (
|
|
66
|
+
/* ERROR STATE */
|
|
67
|
+
(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "140px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
|
|
68
|
+
width: "100%",
|
|
69
|
+
height: "100%",
|
|
70
|
+
objectFit: "contain",
|
|
71
|
+
zIndex: 99,
|
|
72
|
+
} })) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
|
|
73
|
+
...QuizResult_styles_1.styles.messageBox,
|
|
74
|
+
...(isMobile
|
|
75
|
+
? {
|
|
76
|
+
backgroundColor: "transparent",
|
|
77
|
+
fontSize: "18px",
|
|
78
|
+
padding: "0",
|
|
79
|
+
}
|
|
80
|
+
: { backgroundColor: "#F4F2FF" }),
|
|
81
|
+
}, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
|
|
84
82
|
...QuizResult_styles_1.styles.title,
|
|
85
83
|
paddingTop: content.showLevelUp ? "43px" : "14px",
|
|
86
84
|
padding: isMobile && "0px",
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
85
|
+
color: "red",
|
|
86
|
+
marginBottom: "24px",
|
|
87
|
+
}, children: "We\u2019re having trouble loading your results" }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "70px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
|
|
88
|
+
width: "100%",
|
|
89
|
+
height: "100%",
|
|
90
|
+
objectFit: "contain",
|
|
91
|
+
zIndex: 99,
|
|
92
|
+
} })) }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
|
|
93
|
+
...QuizResult_styles_1.styles.messageBox,
|
|
94
|
+
...(isMobile
|
|
95
|
+
? {
|
|
96
|
+
backgroundColor: "transparent",
|
|
97
|
+
fontSize: "18px",
|
|
98
|
+
padding: "0",
|
|
99
|
+
}
|
|
100
|
+
: content.messageBoxStyle),
|
|
101
|
+
}, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
|
|
102
|
+
...QuizResult_styles_1.styles.title,
|
|
103
|
+
paddingTop: content.showLevelUp ? "43px" : "14px",
|
|
104
|
+
padding: isMobile && "0px",
|
|
105
|
+
}, children: content.title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
|
|
106
|
+
...QuizResult_styles_1.styles.description,
|
|
107
|
+
padding: isMobile && "0px",
|
|
108
|
+
}, children: description })] })] })) }), error ? ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
|
|
109
|
+
...QuizResult_styles_1.styles.description,
|
|
110
|
+
padding: "0px",
|
|
111
|
+
}, children: "Your performance data couldn\u2019t be loaded right now.Please try again in a moment." }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator })] })) : ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator })), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, disabled: error, onClick: content.showLevelUp ? onLevelUp : onBackToHomework, children: content.secondaryButton }), (0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonPrimary }, disabled: error, onClick: onReview, children: content.primaryButton })] })] }) }) }));
|
|
91
112
|
};
|
|
92
113
|
exports.default = PreformanceResultScreen;
|
|
93
114
|
//# sourceMappingURL=PreformanceResultScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,3 +7,15 @@ export declare const BelowSixty: Story;
|
|
|
7
7
|
export declare const SixtyToEighty: Story;
|
|
8
8
|
export declare const AboveEighty: Story;
|
|
9
9
|
export declare const Hundred: Story;
|
|
10
|
+
export declare const ErrorState: {
|
|
11
|
+
args: {
|
|
12
|
+
percentage: number;
|
|
13
|
+
timeTaken: {
|
|
14
|
+
minutes: number;
|
|
15
|
+
seconds: number;
|
|
16
|
+
};
|
|
17
|
+
error: boolean;
|
|
18
|
+
imgSrc: any;
|
|
19
|
+
isMobile: boolean;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Hundred = exports.AboveEighty = exports.SixtyToEighty = exports.BelowSixty = void 0;
|
|
6
|
+
exports.ErrorState = exports.Hundred = exports.AboveEighty = exports.SixtyToEighty = exports.BelowSixty = void 0;
|
|
7
7
|
const PreformanceResultScreen_1 = __importDefault(require("./PreformanceResultScreen"));
|
|
8
8
|
const Between80_100_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Between80-100.svg"));
|
|
9
9
|
const Below60_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Below60.svg"));
|
|
@@ -80,4 +80,13 @@ exports.Hundred = {
|
|
|
80
80
|
isMobile: true,
|
|
81
81
|
},
|
|
82
82
|
};
|
|
83
|
+
exports.ErrorState = {
|
|
84
|
+
args: {
|
|
85
|
+
percentage: 0,
|
|
86
|
+
timeTaken: { minutes: 0, seconds: 0 },
|
|
87
|
+
error: true,
|
|
88
|
+
imgSrc: Between80_100_svg_1.default,
|
|
89
|
+
isMobile: false,
|
|
90
|
+
},
|
|
91
|
+
};
|
|
83
92
|
//# sourceMappingURL=PreformanceResultScreen.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreformanceResultScreen.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,wFAAgE;AAChE,8GAA4E;AAC5E,kGAAsE;AACtE,4GAAkF;AAElF,MAAM,IAAI,GAAyC;IACjD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,iCAAuB;IAClC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;YACrD,WAAW,EAAE,uBAAuB;SACrC;QACD,SAAS,EAAE;YACT,WAAW,EAAE,iCAAiC;SAC/C;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC3C;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kBAAkB;SAChC;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGpB,wCAAwC;AAC3B,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,qBAAO;QACf,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,8BAA8B;AACjB,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,0BAAc;QACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kCAAkC;AACrB,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,WAAW,EACT,gJAAgJ;QAClJ,MAAM,EAAE,2BAAO;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,gBAAgB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QAC/D,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,2BAAO;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,gBAAgB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QAC/D,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"PreformanceResultScreen.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,14 +28,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
28
28
|
const react_1 = __importStar(require("react"));
|
|
29
29
|
const VideoView_1 = require("./VideoView");
|
|
30
30
|
const SectionView_1 = require("./SectionView");
|
|
31
|
-
exports.ContentView = (0, react_1.memo)(({ displayType, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, nodeId, rootNodeId, onIconDataUpdate, colorKey, isMobile, playicon, }) => {
|
|
31
|
+
exports.ContentView = (0, react_1.memo)(({ displayType, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, nodeId, rootNodeId, onIconDataUpdate, colorKey, isMobile, playicon, onSectionExpandChange, }) => {
|
|
32
32
|
// Handle video display
|
|
33
33
|
if (displayType === "videos" && content?.videos?.length > 0) {
|
|
34
34
|
return ((0, jsx_runtime_1.jsx)(VideoView_1.VideoView, { videos: content.videos, thumbnails: content.thumbnail_url, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, playicon: playicon }));
|
|
35
35
|
}
|
|
36
36
|
// Handle all other types - show recap sections
|
|
37
37
|
if (displayType && displayType !== "videos" && content?.recap) {
|
|
38
|
-
return ((0, jsx_runtime_1.jsx)(SectionView_1.SectionView, { recap: content.recap, displayType: displayType, isAdmin: isAdmin, onEditClick: onIconDataUpdate, nodeId: nodeId, rootNodeId: rootNodeId, colorKey: colorKey, isMobile: isMobile }));
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(SectionView_1.SectionView, { recap: content.recap, displayType: displayType, isAdmin: isAdmin, onEditClick: onIconDataUpdate, nodeId: nodeId, rootNodeId: rootNodeId, colorKey: colorKey, isMobile: isMobile, onSectionExpandChange: onSectionExpandChange }));
|
|
39
39
|
}
|
|
40
40
|
return null;
|
|
41
41
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/ContentView.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AACpC,2CAAwC;AACxC,+CAA4C;AAE/B,QAAA,WAAW,GAAG,IAAA,YAAI,EAC7B,CAAC,EACC,WAAW,EACX,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,
|
|
1
|
+
{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/ContentView.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AACpC,2CAAwC;AACxC,+CAA4C;AAE/B,QAAA,WAAW,GAAG,IAAA,YAAI,EAC7B,CAAC,EACC,WAAW,EACX,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,qBAAqB,GACtB,EAAE,EAAE;IACH,uBAAuB;IACvB,IAAI,WAAW,KAAK,QAAQ,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE;QAC3D,OAAO,CACL,uBAAC,qBAAS,IACR,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,UAAU,EAAE,OAAO,CAAC,aAAa,EACjC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;KACH;IAED,+CAA+C;IAC/C,IAAI,WAAW,IAAI,WAAW,KAAK,QAAQ,IAAI,OAAO,EAAE,KAAK,EAAE;QAC7D,OAAO,CACL,uBAAC,yBAAW,IACV,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,gBAAgB,EAC7B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export function SectionView({ recap, displayType, colorKey, isMobile }: {
|
|
1
|
+
export function SectionView({ recap, displayType, colorKey, isMobile, onSectionExpandChange, }: {
|
|
2
2
|
recap: any;
|
|
3
3
|
displayType: any;
|
|
4
4
|
colorKey: any;
|
|
5
5
|
isMobile: any;
|
|
6
|
+
onSectionExpandChange: any;
|
|
6
7
|
}): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -30,10 +30,11 @@ const react_2 = require("@chakra-ui/react");
|
|
|
30
30
|
const icons_1 = require("@chakra-ui/icons");
|
|
31
31
|
const tutor_utils_1 = require("../../../utils/tutor-utils");
|
|
32
32
|
const contentUtils_1 = require("../../../utils/contentUtils");
|
|
33
|
-
const SectionView = ({ recap, displayType, colorKey, isMobile }) => {
|
|
33
|
+
const SectionView = ({ recap, displayType, colorKey, isMobile, onSectionExpandChange, }) => {
|
|
34
34
|
const [expanded, setExpanded] = (0, react_1.useState)(false);
|
|
35
35
|
const [showButton, setShowButton] = (0, react_1.useState)(false);
|
|
36
36
|
const contentRef = (0, react_1.useRef)(null);
|
|
37
|
+
const collapsedRef = (0, react_1.useRef)(null);
|
|
37
38
|
const LIGHT_COLOR_MAP = {
|
|
38
39
|
root: "#FFF3C9",
|
|
39
40
|
0: "#FFEBD2",
|
|
@@ -52,8 +53,7 @@ const SectionView = ({ recap, displayType, colorKey, isMobile }) => {
|
|
|
52
53
|
const nameMap = {
|
|
53
54
|
summary: "Summary",
|
|
54
55
|
definitions: "Definitions",
|
|
55
|
-
|
|
56
|
-
applications: "Applications",
|
|
56
|
+
keyPoints: "Key Points",
|
|
57
57
|
properties: "Properties",
|
|
58
58
|
keyConcepts: "Key Concepts",
|
|
59
59
|
theorems: "Theorems",
|
|
@@ -69,17 +69,14 @@ const SectionView = ({ recap, displayType, colorKey, isMobile }) => {
|
|
|
69
69
|
};
|
|
70
70
|
return nameMap[key] ?? key.replace(/([A-Z])/g, " $1").trim();
|
|
71
71
|
};
|
|
72
|
-
// Get relevant keys for the display type
|
|
73
72
|
const relevantKeys = Object.keys(recap).filter((key) => contentUtils_1.RECAP_SECTION_ICON_MAP[key] === displayType);
|
|
74
|
-
// Keep sections separate but in order (laws then applications, equations then reactions)
|
|
75
73
|
const orderedKeys = [];
|
|
76
|
-
const keyOrder = ["
|
|
74
|
+
const keyOrder = ["theorems", "properties", "equations", "reactions"];
|
|
77
75
|
keyOrder.forEach((key) => {
|
|
78
76
|
if (relevantKeys.includes(key)) {
|
|
79
77
|
orderedKeys.push(key);
|
|
80
78
|
}
|
|
81
79
|
});
|
|
82
|
-
// Add any remaining keys not in the predefined order
|
|
83
80
|
relevantKeys.forEach((key) => {
|
|
84
81
|
if (!orderedKeys.includes(key)) {
|
|
85
82
|
orderedKeys.push(key);
|
|
@@ -94,12 +91,10 @@ const SectionView = ({ recap, displayType, colorKey, isMobile }) => {
|
|
|
94
91
|
return null;
|
|
95
92
|
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "700", fontFamily: "poppins", fontSize: "18px", color: "#0f172a", margin: "0px", children: sectionName }), (0, jsx_runtime_1.jsx)(react_2.UnorderedList, { pl: "20px", m: "0", children: validItems.map((item, idx) => ((0, jsx_runtime_1.jsxs)(react_2.ListItem, { mb: "10px", color: "black", children: [item.title?.trim() && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "600", fontFamily: "poppins", fontSize: "14px", color: "black", mb: "4px", children: (0, tutor_utils_1.renderContent)(item.title) })), item.description?.trim() && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", fontFamily: "poppins", children: (0, tutor_utils_1.renderContent)(item.description, true) }))] }, idx))) })] }, sectionName));
|
|
96
93
|
};
|
|
97
|
-
// Build section data with proper ordering
|
|
98
94
|
const allSectionEntries = orderedKeys.map((key) => [
|
|
99
95
|
formatSectionName(key),
|
|
100
96
|
recap[key],
|
|
101
97
|
]);
|
|
102
|
-
// Collect all valid items to determine if we need a view more button
|
|
103
98
|
const totalValidItems = allSectionEntries.reduce((total, [_, items]) => {
|
|
104
99
|
if (!Array.isArray(items))
|
|
105
100
|
return total;
|
|
@@ -107,14 +102,11 @@ const SectionView = ({ recap, displayType, colorKey, isMobile }) => {
|
|
|
107
102
|
(item.description && item.description.trim()));
|
|
108
103
|
return total + validItems.length;
|
|
109
104
|
}, 0);
|
|
110
|
-
// Show view more button if more than 2 items exist
|
|
111
105
|
const hasMoreContent = totalValidItems > 2;
|
|
112
|
-
// Get items to display (first 2 items when collapsed)
|
|
113
106
|
const getItemsToDisplay = () => {
|
|
114
107
|
if (expanded) {
|
|
115
108
|
return allSectionEntries;
|
|
116
109
|
}
|
|
117
|
-
// Collapsed: show only first 2 items across all sections
|
|
118
110
|
let itemCount = 0;
|
|
119
111
|
const displayEntries = [];
|
|
120
112
|
for (const [sectionName, items] of allSectionEntries) {
|
|
@@ -142,9 +134,19 @@ const SectionView = ({ recap, displayType, colorKey, isMobile }) => {
|
|
|
142
134
|
}
|
|
143
135
|
return displayEntries;
|
|
144
136
|
};
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
137
|
+
// Track height changes when View More is clicked
|
|
138
|
+
(0, react_1.useEffect)(() => {
|
|
139
|
+
if (!contentRef.current)
|
|
140
|
+
return;
|
|
141
|
+
const contentHeight = contentRef.current.offsetHeight;
|
|
142
|
+
if (onSectionExpandChange) {
|
|
143
|
+
onSectionExpandChange({
|
|
144
|
+
isExpanded: expanded,
|
|
145
|
+
contentHeight: contentHeight,
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
}, [expanded, onSectionExpandChange]);
|
|
149
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { bg: bgcolor, p: "15px", boxShadow: "0px 2px 8px rgba(0,0,0,0.05)", maxH: !isMobile ? "480px" : "", overflowY: !isMobile ? "auto" : "", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { ref: contentRef, children: getItemsToDisplay().length > 0 ? (getItemsToDisplay().map(([sectionName, items]) => renderSection(sectionName, items))) : ((0, jsx_runtime_1.jsx)(react_2.Text, { textAlign: "center", py: "40px", fontSize: "16px", color: "#94a3b8", children: "No content available for this section" })) }), hasMoreContent && ((0, jsx_runtime_1.jsx)(react_2.Flex, { justify: "flex-end", mt: "8px", children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", gap: "4px", fontSize: "14px", fontWeight: "600", cursor: "pointer", onClick: () => setExpanded(!expanded), children: [(0, jsx_runtime_1.jsx)(react_2.Text, { m: "0", lineHeight: "1", fontFamily: "poppins", children: !expanded ? "View more" : "View less" }), !expanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { boxSize: "15px" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { boxSize: "15px" }))] }) }))] }));
|
|
148
150
|
};
|
|
149
151
|
exports.SectionView = SectionView;
|
|
150
152
|
//# sourceMappingURL=SectionView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/SectionView.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2D;AAC3D,4CAA4E;AAC5E,4CAAkE;AAClE,4DAA2D;AAC3D,8DAAqE;AAE9D,MAAM,WAAW,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"SectionView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/SectionView.jsx"],"names":[],"mappings":"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"}
|
|
@@ -37,6 +37,7 @@ const FlashcardNode = (0, react_1.memo)((props) => {
|
|
|
37
37
|
const [currentVideoIdx, setCurrentVideoIdx] = (0, react_1.useState)(0);
|
|
38
38
|
const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
|
|
39
39
|
const [isAnimating, setIsAnimating] = (0, react_1.useState)(false);
|
|
40
|
+
const [sectionExpandedHeight, setSectionExpandedHeight] = (0, react_1.useState)(0);
|
|
40
41
|
const containerRef = (0, react_1.useRef)(null);
|
|
41
42
|
const updateNodeInternals = (0, reactflow_1.useUpdateNodeInternals)();
|
|
42
43
|
const { hasContent, level, hasMultipleChildren, color, label, icons = [], content, bgColor, colorKey, onNodeExpand, shouldClose, } = data;
|
|
@@ -56,7 +57,6 @@ const FlashcardNode = (0, react_1.memo)((props) => {
|
|
|
56
57
|
(0, react_1.useEffect)(() => {
|
|
57
58
|
if (shouldClose && isExpanded) {
|
|
58
59
|
setIsAnimating(true);
|
|
59
|
-
// Small delay to allow animation
|
|
60
60
|
const timer = setTimeout(() => {
|
|
61
61
|
setIsExpanded(false);
|
|
62
62
|
setDisplayType(null);
|
|
@@ -65,12 +65,25 @@ const FlashcardNode = (0, react_1.memo)((props) => {
|
|
|
65
65
|
return () => clearTimeout(timer);
|
|
66
66
|
}
|
|
67
67
|
}, [shouldClose, isExpanded]);
|
|
68
|
+
// NEW: Handle section expansion (View More clicked)
|
|
69
|
+
const handleSectionExpand = (expandData) => {
|
|
70
|
+
if (expandData.isExpanded) {
|
|
71
|
+
// Section expanded - add extra height (content height + 100px buffer)
|
|
72
|
+
setSectionExpandedHeight(30);
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
// Section collapsed - reset to normal
|
|
76
|
+
setSectionExpandedHeight(0);
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
// Updated: Account for both icon expansion and section expansion
|
|
68
80
|
(0, react_1.useEffect)(() => {
|
|
69
81
|
if (!containerRef.current)
|
|
70
82
|
return;
|
|
71
83
|
const height = containerRef.current.offsetHeight;
|
|
72
|
-
|
|
73
|
-
|
|
84
|
+
// Total height = base height + section expansion
|
|
85
|
+
const totalHeight = isExpanded ? height + sectionExpandedHeight : 0;
|
|
86
|
+
data?.onExpandChange?.(data.id, isExpanded, totalHeight);
|
|
74
87
|
if (isAnimating) {
|
|
75
88
|
const timer = setTimeout(() => {
|
|
76
89
|
updateNodeInternals(data.id);
|
|
@@ -81,12 +94,12 @@ const FlashcardNode = (0, react_1.memo)((props) => {
|
|
|
81
94
|
else {
|
|
82
95
|
updateNodeInternals(data.id);
|
|
83
96
|
}
|
|
84
|
-
}, [isExpanded, isAnimating]);
|
|
97
|
+
}, [isExpanded, isAnimating, sectionExpandedHeight]);
|
|
85
98
|
return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, style: {
|
|
86
99
|
width: "390px",
|
|
87
100
|
transition: isAnimating ? "transform 0.3s ease-in-out" : "none",
|
|
88
101
|
transform: isAnimating ? "scale(0.98)" : "scale(1)",
|
|
89
|
-
}, children: [(0, jsx_runtime_1.jsx)(NodeHandles_1.NodeHandles, { level: level, hasMultipleChildren: hasMultipleChildren }), (0, jsx_runtime_1.jsx)(FlashcardContainer_1.default, { label: label, color: color, hasContent: hasContent, isExpanded: isExpanded, availableIcons: availableIcons, displayType: displayType, handleIconClick: handleIconClick, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, isAdmin: isAdmin, nodeId: data.id, rootNodeId: rootNodeId, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, level: level, bgColor: bgColor, colorKey: colorKey, playicon: playicon })] }));
|
|
102
|
+
}, children: [(0, jsx_runtime_1.jsx)(NodeHandles_1.NodeHandles, { level: level, hasMultipleChildren: hasMultipleChildren }), (0, jsx_runtime_1.jsx)(FlashcardContainer_1.default, { label: label, color: color, hasContent: hasContent, isExpanded: isExpanded, availableIcons: availableIcons, displayType: displayType, handleIconClick: handleIconClick, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, isAdmin: isAdmin, nodeId: data.id, rootNodeId: rootNodeId, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, level: level, bgColor: bgColor, colorKey: colorKey, playicon: playicon, onSectionExpandChange: handleSectionExpand })] }));
|
|
90
103
|
});
|
|
91
104
|
FlashcardNode.displayName = "FlashcardNode";
|
|
92
105
|
exports.default = FlashcardNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlashCardNode.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashCardNode.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AACjE,yCAAmD;AACnD,+CAA4C;AAC5C,8DAAuE;AACvE,8EAAsD;AAEtD,MAAM,aAAa,GAAG,IAAA,YAAI,EAAC,CAAC,KAAK,EAAE,EAAE;IACnC,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FlashCardNode.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashCardNode.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default FlashcardContainer;
|
|
2
|
-
declare function FlashcardContainer({ label, color, hasContent, isExpanded, isNodeExpanded, isContentExpanded, availableIcons, displayType, handleIconClick, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, onContentUpdate, nodeId, rootNodeId, onIconDataUpdate, isMobile, hasChildren, onChevronClick, level, colorKey, bgColor, playicon, }: {
|
|
2
|
+
declare function FlashcardContainer({ label, color, hasContent, isExpanded, isNodeExpanded, isContentExpanded, availableIcons, displayType, handleIconClick, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, onContentUpdate, nodeId, rootNodeId, onIconDataUpdate, isMobile, hasChildren, onChevronClick, level, colorKey, bgColor, playicon, onSectionExpandChange, }: {
|
|
3
3
|
label: any;
|
|
4
4
|
color: any;
|
|
5
5
|
hasContent: any;
|
|
@@ -24,4 +24,5 @@ declare function FlashcardContainer({ label, color, hasContent, isExpanded, isNo
|
|
|
24
24
|
colorKey: any;
|
|
25
25
|
bgColor: any;
|
|
26
26
|
playicon: any;
|
|
27
|
+
onSectionExpandChange: any;
|
|
27
28
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
4
24
|
};
|
|
5
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
26
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 =
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
8
28
|
const react_2 = require("@chakra-ui/react");
|
|
9
29
|
const IconBar_1 = require("./IconBar");
|
|
10
30
|
const ContentView_1 = require("../../Molecules/RecapNode/ContentView");
|
|
11
31
|
const icons_1 = require("@chakra-ui/icons");
|
|
12
|
-
const FlashcardContainer = ({ label, color, hasContent, isExpanded, isNodeExpanded, isContentExpanded, availableIcons, displayType, handleIconClick, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, onContentUpdate, nodeId, rootNodeId, onIconDataUpdate, isMobile, hasChildren, onChevronClick, level, colorKey, bgColor, playicon, }) => {
|
|
32
|
+
const FlashcardContainer = ({ label, color, hasContent, isExpanded, isNodeExpanded, isContentExpanded, availableIcons, displayType, handleIconClick, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, onContentUpdate, nodeId, rootNodeId, onIconDataUpdate, isMobile, hasChildren, onChevronClick, level, colorKey, bgColor, playicon, onSectionExpandChange, }) => {
|
|
33
|
+
const [sectionExpanded, setSectionExpanded] = (0, react_1.useState)(false);
|
|
13
34
|
const handleAddClick = () => {
|
|
14
35
|
onContentUpdate({
|
|
15
36
|
contentid: content?.contentid,
|
|
@@ -18,13 +39,19 @@ const FlashcardContainer = ({ label, color, hasContent, isExpanded, isNodeExpand
|
|
|
18
39
|
data: content,
|
|
19
40
|
});
|
|
20
41
|
};
|
|
42
|
+
const handleSectionExpand = (expandData) => {
|
|
43
|
+
setSectionExpanded(expandData.isExpanded);
|
|
44
|
+
if (onSectionExpandChange) {
|
|
45
|
+
onSectionExpandChange(expandData);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
21
48
|
const lightenedBg = bgColor;
|
|
22
49
|
const shouldShowContent = isMobile ? isContentExpanded : isExpanded;
|
|
23
50
|
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { p: "4px", bg: lightenedBg, borderRadius: "4px", border: `1px solid ${bgColor}`, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { bg: color, p: "8px 12px", align: "center", borderRadius: "4px", justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { flex: "1", minW: "0", mr: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontFamily: "Inter", fontWeight: "600", fontSize: "14px", lineHeight: "150%", letterSpacing: "-0.019em", whiteSpace: "normal", wordBreak: "break-word", children: label }) }), hasContent && ((0, jsx_runtime_1.jsx)(react_2.Flex, { flexShrink: 0, gap: "6px", wrap: "nowrap", alignItems: "center", mr: "8px", children: (0, jsx_runtime_1.jsx)(IconBar_1.IconBar, { icons: availableIcons, displayType: displayType, onIconClick: handleIconClick, content: content, isMobile: isMobile, isExpanded: shouldShowContent }) })), isMobile && hasChildren && ((0, jsx_runtime_1.jsx)(react_2.Box, { cursor: "pointer", onClick: onChevronClick, children: isNodeExpanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { w: "25px", h: "25px", color: "black" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { w: "25px", h: "25px", color: "black" })) })), isAdmin && ((0, jsx_runtime_1.jsx)(react_2.Button, { onClick: handleAddClick, w: "28px", h: "28px", minW: "28px", borderRadius: "50%", bg: "linear-gradient(135deg, #0f62fe, #0043ce)", color: "#fff", fontSize: "18px", fontWeight: "600", display: "flex", alignItems: "center", justifyContent: "center", transition: "all 0.2s ease-in-out", _hover: {
|
|
24
51
|
bg: "linear-gradient(135deg, #0043ce, #0f62fe)",
|
|
25
52
|
transform: "scale(1.05)",
|
|
26
53
|
boxShadow: "0 6px 16px rgba(15, 98, 254, 0.45)",
|
|
27
|
-
}, _active: { transform: "scale(0.95)" }, ml: "8px", children: "+" }))] }), hasContent && shouldShowContent && ((0, jsx_runtime_1.jsx)(react_2.Box, { padding: displayType === "videos" ? "14px" : "", fontSize: "13px", lineHeight: "1.6", borderRadius: "4px", bg: "#fff", mt: "8px", maxWidth: isMobile ? "100%" : "390px", children: (0, jsx_runtime_1.jsx)(ContentView_1.ContentView, { displayType: displayType, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, isAdmin: isAdmin, nodeId: nodeId, rootNodeId: rootNodeId, onIconDataUpdate: onIconDataUpdate, colorKey: colorKey, isMobile: isMobile, playicon: playicon }) }))] }));
|
|
54
|
+
}, _active: { transform: "scale(0.95)" }, ml: "8px", children: "+" }))] }), hasContent && shouldShowContent && ((0, jsx_runtime_1.jsx)(react_2.Box, { padding: displayType === "videos" ? "14px" : "", fontSize: "13px", lineHeight: "1.6", borderRadius: "4px", bg: "#fff", mt: "8px", maxWidth: isMobile ? "100%" : "390px", children: (0, jsx_runtime_1.jsx)(ContentView_1.ContentView, { displayType: displayType, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, isAdmin: isAdmin, nodeId: nodeId, rootNodeId: rootNodeId, onIconDataUpdate: onIconDataUpdate, colorKey: colorKey, isMobile: isMobile, playicon: playicon, onSectionExpandChange: handleSectionExpand }) }))] }));
|
|
28
55
|
};
|
|
29
56
|
exports.default = FlashcardContainer;
|
|
30
57
|
//# sourceMappingURL=FlashcardContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlashcardContainer.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashcardContainer.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlashcardContainer.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashcardContainer.jsx"],"names":[],"mappings":"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"}
|
|
@@ -29,9 +29,9 @@ const customIcons = [
|
|
|
29
29
|
{ src: defination_svg_1.default, type: "keyConcepts" },
|
|
30
30
|
{ src: theorem_svg_1.default, type: "theorems" },
|
|
31
31
|
{ src: processes_svg_1.default, type: "processes" },
|
|
32
|
-
{ src: lawsandapp_svg_1.default, type: "
|
|
33
|
-
{ src: lawsandapp_svg_1.default, type: "applications" },
|
|
32
|
+
{ src: lawsandapp_svg_1.default, type: "keyPoints" },
|
|
34
33
|
{ src: timeline_svg_1.default, type: "Timeline" },
|
|
34
|
+
{ src: theorem_svg_1.default, type: "properties" },
|
|
35
35
|
];
|
|
36
36
|
console.log("contentmap:", RecapData_1.contentMap);
|
|
37
37
|
exports.DefaultTimerClock = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Example.stories.js","sourceRoot":"","sources":["../../../../src/components/Organisms/RecapGraph/Example.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,wDAA+E;AAC/E,sEAA0C;AAC1C,2FAAmE;AACnE,qFAA6D;AAC7D,yFAAiE;AACjE,yFAAgE;AAChE,qFAA6D;AAC7D,uFAA+D;AAC/D,yFAAiE;AACjE,2FAAmE;AACnE,gGAAiE;AAEjE,kBAAe;IACb,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,wBAAU;CACd,CAAC;AAEV,MAAM,QAAQ,GAAe,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,wBAAU,OAAK,IAAI,GAAI,CAAC;AAEhE,MAAM,WAAW,GAAG;IAClB,EAAE,GAAG,EAAE,uBAAY,EAAE,IAAI,EAAE,WAAW,EAAE;IACxC,EAAE,GAAG,EAAE,uBAAa,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IACtC,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,aAAa,EAAE;IAC5C,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,aAAa,EAAE;IAC5C,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IACtC,EAAE,GAAG,EAAE,uBAAa,EAAE,IAAI,EAAE,WAAW,EAAE;IACzC,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Example.stories.js","sourceRoot":"","sources":["../../../../src/components/Organisms/RecapGraph/Example.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,wDAA+E;AAC/E,sEAA0C;AAC1C,2FAAmE;AACnE,qFAA6D;AAC7D,yFAAiE;AACjE,yFAAgE;AAChE,qFAA6D;AAC7D,uFAA+D;AAC/D,yFAAiE;AACjE,2FAAmE;AACnE,gGAAiE;AAEjE,kBAAe;IACb,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,wBAAU;CACd,CAAC;AAEV,MAAM,QAAQ,GAAe,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,wBAAU,OAAK,IAAI,GAAI,CAAC;AAEhE,MAAM,WAAW,GAAG;IAClB,EAAE,GAAG,EAAE,uBAAY,EAAE,IAAI,EAAE,WAAW,EAAE;IACxC,EAAE,GAAG,EAAE,uBAAa,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IACtC,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,aAAa,EAAE;IAC5C,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,aAAa,EAAE;IAC5C,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IACtC,EAAE,GAAG,EAAE,uBAAa,EAAE,IAAI,EAAE,WAAW,EAAE;IACzC,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,WAAW,EAAE;IAC1C,EAAE,GAAG,EAAE,sBAAY,EAAE,IAAI,EAAE,UAAU,EAAE;IACvC,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,YAAY,EAAE;CACzC,CAAC;AACF,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,sBAAU,CAAC,CAAC;AAE1B,QAAA,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,yBAAiB,CAAC,IAAI,GAAG;IACvB,QAAQ,EAAE,oBAAQ;IAClB,UAAU,EAAE,sBAAU;IACtB,UAAU,EAAE,WAAW;IACvB,eAAe,EAAE,CAAC,OAAY,EAAE,EAAE;QAChC,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC;IACD,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,yBAAQ;IAClB,kBAAkB;CACnB,CAAC"}
|