performanceresultscreens 0.0.42 → 0.0.44
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 +0 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js +24 -14
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js +2 -2
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.d.ts +0 -6
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js +0 -12
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js.map +0 -1
- package/dist/components/Molecules/RecapNode/FlashcardNode.d.ts +0 -0
- package/dist/components/Molecules/RecapNode/FlashcardNode.js +0 -2
- package/dist/components/Molecules/RecapNode/FlashcardNode.js.map +0 -1
- package/dist/components/Molecules/RecapNode/Node.d.ts +0 -3
- package/dist/components/Molecules/RecapNode/Node.js +0 -60
- package/dist/components/Molecules/RecapNode/Node.js.map +0 -1
- package/dist/components/Molecules/RecapNode/Node.stories.d.ts +0 -10
- package/dist/components/Molecules/RecapNode/Node.stories.js +0 -117
- package/dist/components/Molecules/RecapNode/Node.stories.js.map +0 -1
- package/dist/components/Molecules/RecapNode/Node.styles.d.ts +0 -11
- package/dist/components/Molecules/RecapNode/Node.styles.js +0 -53
- package/dist/components/Molecules/RecapNode/Node.styles.js.map +0 -1
- package/dist/components/Molecules/Revision/Revision.d.ts +0 -2
- package/dist/components/Molecules/Revision/Revision.js +0 -201
- package/dist/components/Molecules/Revision/Revision.js.map +0 -1
- package/dist/components/Molecules/optionLayouts/Scq.d.ts +0 -2
- package/dist/components/Molecules/optionLayouts/Scq.js +0 -427
- package/dist/components/Molecules/optionLayouts/Scq.js.map +0 -1
- package/dist/components/Molecules/optionLayouts/Scqnew.d.ts +0 -2
- package/dist/components/Molecules/optionLayouts/Scqnew.js +0 -491
- package/dist/components/Molecules/optionLayouts/Scqnew.js.map +0 -1
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.d.ts +0 -1
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js +0 -61
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js.map +0 -1
- package/dist/components/Molecules/questionLayouts/AnswerView.d.ts +0 -1
- package/dist/components/Molecules/questionLayouts/AnswerView.js +0 -66
- package/dist/components/Molecules/questionLayouts/AnswerView.js.map +0 -1
- package/dist/components/Molecules/questionLayouts/Question.styles.d.ts +0 -115
- package/dist/components/Molecules/questionLayouts/Question.styles.js +0 -119
- package/dist/components/Molecules/questionLayouts/Question.styles.js.map +0 -1
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.d.ts +0 -2
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.js +0 -285
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.js.map +0 -1
- package/dist/components/Molecules/questionLayouts/QuestionView.d.ts +0 -2
- package/dist/components/Molecules/questionLayouts/QuestionView.js +0 -106
- package/dist/components/Molecules/questionLayouts/QuestionView.js.map +0 -1
- package/dist/components/Organisms/D3Graphs/Reactflow.d.ts +0 -1
- package/dist/components/Organisms/D3Graphs/Reactflow.js +0 -244
- package/dist/components/Organisms/D3Graphs/Reactflow.js.map +0 -1
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.d.ts +0 -1
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js +0 -37
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js.map +0 -1
- package/dist/components/Organisms/RecapGraph/FlashCardNode.d.ts +0 -3
- package/dist/components/Organisms/RecapGraph/FlashCardNode.js +0 -48
- package/dist/components/Organisms/RecapGraph/FlashCardNode.js.map +0 -1
- package/dist/components/Organisms/RecapGraph/IconBar.d.ts +0 -5
- package/dist/components/Organisms/RecapGraph/IconBar.js +0 -19
- package/dist/components/Organisms/RecapGraph/IconBar.js.map +0 -1
- package/dist/components/Organisms/RecapGraph/NodeHandles.d.ts +0 -4
- package/dist/components/Organisms/RecapGraph/NodeHandles.js +0 -21
- package/dist/components/Organisms/RecapGraph/NodeHandles.js.map +0 -1
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.d.ts +0 -5
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js +0 -124
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js.map +0 -1
- package/dist/utils/revision-utils.d.ts +0 -13
- package/dist/utils/revision-utils.js +0 -90
- package/dist/utils/revision-utils.js.map +0 -1
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.QuestionsLayout = void 0;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const react_1 = require("@chakra-ui/react");
|
|
9
|
-
const react_2 = require("react");
|
|
10
|
-
const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
|
|
11
|
-
const AnswerView_1 = require("./AnswerView");
|
|
12
|
-
const Assistant_1 = __importDefault(require("../Tutor/Assistant/Assistant"));
|
|
13
|
-
const common_utils_1 = require("../../../utils/common-utils");
|
|
14
|
-
const TutorConstants_1 = require("../../../utils/TutorConstants");
|
|
15
|
-
const useCustomToast_1 = require("../../Atoms/useCustomToast");
|
|
16
|
-
const Question_styles_1 = require("./Question.styles");
|
|
17
|
-
const answerLayoutContainerStyle = {
|
|
18
|
-
marginLeft: { base: "14px", md: "14px", lg: "12px" },
|
|
19
|
-
};
|
|
20
|
-
const QuestionsLayout = (props = {}) => {
|
|
21
|
-
const { questionObject, userAnswer, onAnswerChanged, isDontAllow, allowToCopy, taskType, isAnswerSubmitted, displayedQues, isComprehension, isOpen, isUser, questionLayoutStyles, commonProps, passphrase, isStudent, learningStepData, isReviewScreen, questionIndex, selectionStatus, presenterLogic, handleSelectionStatus, handleMoreQuestions, moreQuestionsAvailable, isFromParentApp, tutor_mode, isQuestionSelection = false, isRevision, qindex, isRevisionBasedQuestion, onCancelMoreQuestions, isReplaceClicked, setReplaceClickedState, } = props;
|
|
22
|
-
const showToast = (0, useCustomToast_1.useCustomToast)();
|
|
23
|
-
const [currentQuestion, setCurrentQuestion] = (0, react_2.useState)({});
|
|
24
|
-
const [layoutType, setLayoutType] = (0, react_2.useState)(null);
|
|
25
|
-
const hasNoOptions = () => {
|
|
26
|
-
return currentQuestion?.options_layout?.length === 0;
|
|
27
|
-
};
|
|
28
|
-
(0, react_2.useEffect)(() => {
|
|
29
|
-
let quesObj = questionObject;
|
|
30
|
-
const questionObjCopy = { ...quesObj };
|
|
31
|
-
if (isReviewScreen) {
|
|
32
|
-
let optionLayouts = quesObj?.options_layout
|
|
33
|
-
? quesObj?.options_layout.map((item) => (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item))
|
|
34
|
-
: [];
|
|
35
|
-
let answerLayouts = (0, common_utils_1.isNotEmptyOrNull)(quesObj?.answers_index_hashed_keys)
|
|
36
|
-
? quesObj.answers_index_hashed_keys
|
|
37
|
-
: quesObj?.answers_layout
|
|
38
|
-
? quesObj.answers_layout.map((item) => (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item))
|
|
39
|
-
: [];
|
|
40
|
-
quesObj.options_layout = optionLayouts;
|
|
41
|
-
quesObj.answers_layout = answerLayouts;
|
|
42
|
-
setCurrentQuestion({
|
|
43
|
-
...quesObj,
|
|
44
|
-
history: props?.history,
|
|
45
|
-
tutor_mode: tutor_mode,
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
let optionLayouts = questionObjCopy?.options_layout?.map((item) => {
|
|
50
|
-
return (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item);
|
|
51
|
-
});
|
|
52
|
-
quesObj.modified_options_layout = optionLayouts;
|
|
53
|
-
setCurrentQuestion(quesObj);
|
|
54
|
-
}
|
|
55
|
-
}, [isReviewScreen, props.questionObject, props?.history]);
|
|
56
|
-
const resolvedAnswers = () => {
|
|
57
|
-
return (0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.answers_index_hashed_keys)
|
|
58
|
-
? currentQuestion?.answers_index_hashed_keys
|
|
59
|
-
: (0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.answers_key)
|
|
60
|
-
? currentQuestion?.answers_key
|
|
61
|
-
: currentQuestion?.answers_layout;
|
|
62
|
-
};
|
|
63
|
-
const optionContainerClass = () => {
|
|
64
|
-
const baseStyle = currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib
|
|
65
|
-
? Question_styles_1.styles?.optionsContainer
|
|
66
|
-
: Question_styles_1.styles?.optionsContainerForFIB;
|
|
67
|
-
const compStyle = isComprehension ? Question_styles_1.styles?.comprehensionOptionContainer : {};
|
|
68
|
-
return {
|
|
69
|
-
...baseStyle,
|
|
70
|
-
...compStyle,
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
const onSend = (0, react_2.useCallback)((item) => {
|
|
74
|
-
if (!isReviewScreen) {
|
|
75
|
-
if (isComprehension) {
|
|
76
|
-
props?.setSelectedAnswer(item?.answer, item?.hashedIndexAnswer, item?.selectedIndex);
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
onAnswerChanged(item?.answer, currentQuestion, item?.hashedIndexAnswer, item?.selectedIndex, isComprehension, "");
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}, [isReviewScreen, isComprehension, props, onAnswerChanged, currentQuestion]);
|
|
83
|
-
let isStudentRole = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.STUDENT;
|
|
84
|
-
return ((0, jsx_runtime_1.jsx)(react_1.Box, { children: (0, jsx_runtime_1.jsxs)(react_1.Box, { "data-testid": "question-content-container", children: [!isReviewScreen && !props?.isFactual &&
|
|
85
|
-
learningStepData &&
|
|
86
|
-
learningStepData?.dialog_entry_script &&
|
|
87
|
-
learningStepData?.dialog_entry_script?.content &&
|
|
88
|
-
!props?.isComprehension((0, jsx_runtime_1.jsx)(Assistant_1.default, { "data-testid": "dialog-entry-assistant", text: "", assistantImg: commonProps?.icons?.AssistantImg, isCopy: false, isDialogScript: true, scriptData: learningStepData.dialog_entry_script.content })), props?.isReviewScreen && !props?.isFactual &&
|
|
89
|
-
props?.learningStepData?.dialog_entry_script?.content && ((0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, assistantImg: props?.commonProps?.icons?.AssistantImg, text: "", isCopy: false, isDialogScript: true, scriptData: props?.learningStepData?.dialog_entry_script?.content, assistantStyle: props?.commonProps?.assistantStyle, hideVin: props?.hideVin, commonProps: props.commonProps, isQuestionSelection: isQuestionSelection })), (0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.question_type) &&
|
|
90
|
-
currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib && ((0, jsx_runtime_1.jsx)(react_1.Box, { marginBottom: (!isReviewScreen && hasNoOptions) ? "0px" : "20px", "data-testid": "question-display-container", children: isReviewScreen ? ((0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, isQuestion: true, text: currentQuestion?.question_layout
|
|
91
|
-
? currentQuestion?.question_layout
|
|
92
|
-
: "", assistantImg: props?.commonProps?.icons?.AssistantImg, imagesList: currentQuestion?.images_details, showDiscussLabel: props?.showDiscussLabel, questionType: currentQuestion?.question_type, assistantStyle: props?.commonProps?.assistantStyle, hideVin: props?.hideVin, discussIcon: props?.discussIcon, commonProps: props.commonProps, isFromParentApp: isFromParentApp, isComprehension: props?.isTeacher ? false : props?.isComprehension, isQuestionSelection: isQuestionSelection, isRevision: isRevision, qindex: qindex, isRevisionBasedQuestion: isRevisionBasedQuestion, onCancelMoreQuestions: onCancelMoreQuestions, isReplaceClicked: isReplaceClicked, setReplaceClickedState: setReplaceClickedState })) : ((0, jsx_runtime_1.jsx)(Assistant_1.default, { "data-testid": "question-assistant", text: currentQuestion?.question_layout || "", isUser: isUser, handleCopy: allowToCopy
|
|
93
|
-
? () => {
|
|
94
|
-
(0, TutorConstants_1.handleCopyClick)(questionObject?.uuid);
|
|
95
|
-
showToast({
|
|
96
|
-
description: "Question ID copied to clipboard",
|
|
97
|
-
duration: 1000,
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
: undefined, assistantStyle: commonProps?.assistantStyle, questionType: currentQuestion?.question_type, isQuestion: true, imagesList: currentQuestion?.images_details, hideVin: isComprehension, isComprehension: isComprehension, fromStudent: true, assistantImg: commonProps?.icons?.AssistantImg })) })), (0, jsx_runtime_1.jsx)(react_1.Box, { "data-testid": "options-container", sx: optionContainerClass(), children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: !isComprehension &&
|
|
101
|
-
questionLayoutStyles && isStudentRole &&
|
|
102
|
-
answerLayoutContainerStyle, children: (!isComprehension || isOpen) && ((0, jsx_runtime_1.jsx)(AnswerView_1.AnswersLayout, { "data-testid": "answers-layout", displayedQues: isReviewScreen ? '' : displayedQues, userAnswer: userAnswer, question_type: currentQuestion?.question_type, options: currentQuestion?.options_layout, modifiedOptions: isReviewScreen ? '' : currentQuestion?.modified_options_layout, answers: resolvedAnswers(), question: currentQuestion?.question, option_image_details: currentQuestion?.option_image_details, commonProps: commonProps, isDisabled: false, images_details: currentQuestion?.images_details, onSend: onSend, onAnswerSubmitted: isAnswerSubmitted, isDontAllow: isDontAllow, allowToCopy: allowToCopy, currentQuestion: currentQuestion, taskType: taskType, isComprehension: isComprehension, isStudent: isReviewScreen ? isStudentRole : isStudent, isReviewScreen: isReviewScreen, passphrase: passphrase, setLayoutType: setLayoutType, presenterLogic: isReviewScreen ? presenterLogic : '' })) }) })] })] }) }));
|
|
103
|
-
};
|
|
104
|
-
exports.QuestionsLayout = QuestionsLayout;
|
|
105
|
-
exports.default = exports.QuestionsLayout;
|
|
106
|
-
//# sourceMappingURL=QuestionView.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/questionLayouts/QuestionView.js"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function KnowledgeCellFlowchart(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,244 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const reactflow_1 = __importStar(require("reactflow"));
|
|
29
|
-
require("reactflow/dist/style.css");
|
|
30
|
-
const RecapData_1 = require("../../../utils/RecapData");
|
|
31
|
-
const colors = [
|
|
32
|
-
'#FFD700', '#9B59B6', '#76D7C4', '#FF6B6B', '#4ECDC4',
|
|
33
|
-
'#45B7D1', '#FFA07A', '#98D8C8', '#F7DC6F', '#BB8FCE',
|
|
34
|
-
'#85C1E2', '#F8B88B', '#A9DFBF', '#F5B7B1', '#D7BDE2'
|
|
35
|
-
];
|
|
36
|
-
const getRandomColor = (id) => {
|
|
37
|
-
let hash = 0;
|
|
38
|
-
for (let i = 0; i < id.length; i++) {
|
|
39
|
-
hash = ((hash << 5) - hash) + id.charCodeAt(i);
|
|
40
|
-
hash = hash & hash;
|
|
41
|
-
}
|
|
42
|
-
return colors[Math.abs(hash) % colors.length];
|
|
43
|
-
};
|
|
44
|
-
const getNodeStyle = (depth, color) => {
|
|
45
|
-
const sizes = {
|
|
46
|
-
0: { width: 220, height: 70, fontSize: 13 },
|
|
47
|
-
1: { width: 200, height: 60, fontSize: 12 },
|
|
48
|
-
2: { width: 180, height: 55, fontSize: 11 },
|
|
49
|
-
3: { width: 160, height: 50, fontSize: 10 },
|
|
50
|
-
4: { width: 140, height: 45, fontSize: 9 },
|
|
51
|
-
};
|
|
52
|
-
const size = sizes[Math.min(depth, 4)];
|
|
53
|
-
return {
|
|
54
|
-
background: color,
|
|
55
|
-
border: `2px solid ${color}`,
|
|
56
|
-
borderRadius: '8px',
|
|
57
|
-
padding: '8px',
|
|
58
|
-
fontSize: `${size.fontSize}px`,
|
|
59
|
-
fontWeight: 'bold',
|
|
60
|
-
color: depth === 0 ? '#000' : '#fff',
|
|
61
|
-
textAlign: 'center',
|
|
62
|
-
display: 'flex',
|
|
63
|
-
alignItems: 'center',
|
|
64
|
-
justifyContent: 'center',
|
|
65
|
-
width: `${size.width}px`,
|
|
66
|
-
height: `${size.height}px`,
|
|
67
|
-
overflow: 'hidden',
|
|
68
|
-
textOverflow: 'ellipsis',
|
|
69
|
-
whiteSpace: 'pre-wrap',
|
|
70
|
-
wordBreak: 'break-word',
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
const truncateText = (text, maxLength = 40) => {
|
|
74
|
-
return text.length > maxLength ? text.substring(0, maxLength) + '...' : text;
|
|
75
|
-
};
|
|
76
|
-
// Function to merge content by ID
|
|
77
|
-
const mergeContentByID = (contentArrays) => {
|
|
78
|
-
const mergedContent = {};
|
|
79
|
-
contentArrays.forEach((contentObj) => {
|
|
80
|
-
Object.entries(contentObj).forEach(([id, content]) => {
|
|
81
|
-
console.log(`Merging content for ID: ${id}`, content);
|
|
82
|
-
if (!mergedContent[id]) {
|
|
83
|
-
mergedContent[id] = {
|
|
84
|
-
videos: [],
|
|
85
|
-
recap: null,
|
|
86
|
-
sections: {},
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
// Handle array content (videos)
|
|
90
|
-
if (Array.isArray(content)) {
|
|
91
|
-
console.log(`Adding videos to ${id}:`, content);
|
|
92
|
-
mergedContent[id].videos.push(...content);
|
|
93
|
-
}
|
|
94
|
-
// Handle object content (recap, sections)
|
|
95
|
-
else if (typeof content === 'object' && content !== null) {
|
|
96
|
-
if (content.sections) {
|
|
97
|
-
console.log(`Adding sections to ${id}:`, content.sections);
|
|
98
|
-
mergedContent[id].sections = {
|
|
99
|
-
...mergedContent[id].sections,
|
|
100
|
-
...content.sections,
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
else {
|
|
104
|
-
console.log(`Adding recap/other content to ${id}:`, content);
|
|
105
|
-
mergedContent[id].recap = content;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
console.log(`Merged state for ${id}:`, mergedContent[id]);
|
|
109
|
-
});
|
|
110
|
-
});
|
|
111
|
-
return mergedContent;
|
|
112
|
-
};
|
|
113
|
-
const buildNodesAndEdges = (data, contentData = null) => {
|
|
114
|
-
const nodes = [];
|
|
115
|
-
const edges = [];
|
|
116
|
-
const nodeColorMap = {};
|
|
117
|
-
const nodeContentMap = {};
|
|
118
|
-
// Merge content if provided
|
|
119
|
-
let mergedContent = {};
|
|
120
|
-
if (contentData) {
|
|
121
|
-
mergedContent = mergeContentByID(contentData);
|
|
122
|
-
console.log('Final merged content:', mergedContent);
|
|
123
|
-
}
|
|
124
|
-
// First pass: collect all nodes and their depths
|
|
125
|
-
const nodeDepthMap = {};
|
|
126
|
-
const childrenCountMap = {};
|
|
127
|
-
const traverse = (node, depth = 0) => {
|
|
128
|
-
const nodeId = node._id;
|
|
129
|
-
const nodeColor = getRandomColor(nodeId);
|
|
130
|
-
nodeColorMap[nodeId] = nodeColor;
|
|
131
|
-
nodeDepthMap[nodeId] = depth;
|
|
132
|
-
// Check if this node has associated content
|
|
133
|
-
if (mergedContent[nodeId]) {
|
|
134
|
-
console.log(`Found content for node ID: ${nodeId}`, mergedContent[nodeId]);
|
|
135
|
-
nodeContentMap[nodeId] = mergedContent[nodeId];
|
|
136
|
-
}
|
|
137
|
-
nodes.push({
|
|
138
|
-
id: nodeId,
|
|
139
|
-
data: { label: truncateText(node.name) },
|
|
140
|
-
position: { x: 0, y: 0 },
|
|
141
|
-
depth,
|
|
142
|
-
color: nodeColor,
|
|
143
|
-
hasContent: !!mergedContent[nodeId],
|
|
144
|
-
});
|
|
145
|
-
if (node.children && node.children.length > 0) {
|
|
146
|
-
node.children.forEach((child) => {
|
|
147
|
-
edges.push({
|
|
148
|
-
id: `${nodeId}-${child._id}`,
|
|
149
|
-
source: nodeId,
|
|
150
|
-
target: child._id,
|
|
151
|
-
type: 'smoothstep',
|
|
152
|
-
});
|
|
153
|
-
traverse(child, depth + 1);
|
|
154
|
-
});
|
|
155
|
-
}
|
|
156
|
-
};
|
|
157
|
-
if (data && data.data && data.data.length > 0) {
|
|
158
|
-
traverse(data.data[0]);
|
|
159
|
-
}
|
|
160
|
-
// Second pass: calculate positions using improved spacing algorithm
|
|
161
|
-
const levelMap = {};
|
|
162
|
-
nodes.forEach((node) => {
|
|
163
|
-
const depth = nodeDepthMap[node.id];
|
|
164
|
-
if (!levelMap[depth]) {
|
|
165
|
-
levelMap[depth] = [];
|
|
166
|
-
}
|
|
167
|
-
levelMap[depth].push(node.id);
|
|
168
|
-
});
|
|
169
|
-
// Calculate proper spacing based on tree structure
|
|
170
|
-
const levelHeight = 200;
|
|
171
|
-
let maxNodesInLevel = 0;
|
|
172
|
-
Object.keys(levelMap).forEach((level) => {
|
|
173
|
-
maxNodesInLevel = Math.max(maxNodesInLevel, levelMap[level].length);
|
|
174
|
-
});
|
|
175
|
-
const baseHorizontalSpacing = Math.max(320, 250 + (maxNodesInLevel * 20));
|
|
176
|
-
// Position nodes level by level
|
|
177
|
-
Object.keys(levelMap).forEach((level) => {
|
|
178
|
-
const nodesInLevel = levelMap[level];
|
|
179
|
-
const levelIndex = parseInt(level);
|
|
180
|
-
// Calculate spacing for this level
|
|
181
|
-
const totalWidth = (nodesInLevel.length - 1) * baseHorizontalSpacing;
|
|
182
|
-
const startX = -totalWidth / 2;
|
|
183
|
-
nodesInLevel.forEach((nodeId, index) => {
|
|
184
|
-
const node = nodes.find((n) => n.id === nodeId);
|
|
185
|
-
if (node) {
|
|
186
|
-
node.position = {
|
|
187
|
-
x: startX + index * baseHorizontalSpacing,
|
|
188
|
-
y: levelIndex * levelHeight,
|
|
189
|
-
};
|
|
190
|
-
}
|
|
191
|
-
});
|
|
192
|
-
});
|
|
193
|
-
// Build final edges with styling
|
|
194
|
-
const finalEdges = edges.map((edge) => ({
|
|
195
|
-
...edge,
|
|
196
|
-
style: {
|
|
197
|
-
stroke: nodeColorMap[edge.source],
|
|
198
|
-
strokeWidth: 2,
|
|
199
|
-
},
|
|
200
|
-
}));
|
|
201
|
-
// Build final nodes with styling
|
|
202
|
-
const finalNodes = nodes.map((node) => ({
|
|
203
|
-
id: node.id,
|
|
204
|
-
data: { label: node.data.label },
|
|
205
|
-
position: node.position,
|
|
206
|
-
style: getNodeStyle(node.depth, node.color),
|
|
207
|
-
}));
|
|
208
|
-
return { nodes: finalNodes, edges: finalEdges };
|
|
209
|
-
};
|
|
210
|
-
// Sample content arrays
|
|
211
|
-
const contentArrays = [
|
|
212
|
-
{
|
|
213
|
-
"640ae1d4db321523ed862422": ["video1.mp4", "video2.mp4"],
|
|
214
|
-
},
|
|
215
|
-
{
|
|
216
|
-
"640ae1d4db321523ed862422": {
|
|
217
|
-
sections: {
|
|
218
|
-
"summary": [
|
|
219
|
-
{ "title": "Introduction", "description": "Overview" }
|
|
220
|
-
]
|
|
221
|
-
}
|
|
222
|
-
},
|
|
223
|
-
},
|
|
224
|
-
{
|
|
225
|
-
"640ae29fdb321523ed86242a": ["video3.mp4", "video4.mp4"],
|
|
226
|
-
},
|
|
227
|
-
{
|
|
228
|
-
"640ae20fdb321523ed862426": {
|
|
229
|
-
sections: {
|
|
230
|
-
"detailed": [
|
|
231
|
-
{ "title": "Types", "description": "Resource types explained" }
|
|
232
|
-
]
|
|
233
|
-
}
|
|
234
|
-
},
|
|
235
|
-
}
|
|
236
|
-
];
|
|
237
|
-
function KnowledgeCellFlowchart() {
|
|
238
|
-
const { nodes: initialNodes, edges: initialEdges } = (0, react_1.useMemo)(() => buildNodesAndEdges(RecapData_1.jsonData, contentArrays), []);
|
|
239
|
-
const [nodes] = (0, reactflow_1.useNodesState)(initialNodes);
|
|
240
|
-
const [edges] = (0, reactflow_1.useEdgesState)(initialEdges);
|
|
241
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: '100vh' }, children: (0, jsx_runtime_1.jsx)(reactflow_1.default, { nodes: nodes, edges: edges, fitView: true }) }));
|
|
242
|
-
}
|
|
243
|
-
exports.default = KnowledgeCellFlowchart;
|
|
244
|
-
//# sourceMappingURL=Reactflow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Reactflow.js","sourceRoot":"","sources":["../../../../src/components/Organisms/D3Graphs/Reactflow.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const icons_1 = require("@chakra-ui/icons");
|
|
29
|
-
const AccordionChildItem = (0, react_1.memo)(({ child, parentColor, index, isMobile }) => {
|
|
30
|
-
const [childExpanded, setChildExpanded] = (0, react_1.useState)(false);
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)(Box, { mb: "8px", pl: isMobile ? "12px" : "8px", borderLeft: `2px solid ${parentColor}40`, animation: "slideDown 0.3s ease-out", children: [(0, jsx_runtime_1.jsxs)(Flex, { align: "center", justify: "space-between", p: isMobile ? "12px" : "8px", bg: "#f8f8f8", borderRadius: "4px", cursor: "pointer", transition: "all 0.2s ease", minH: isMobile ? "44px" : "auto", children: [(0, jsx_runtime_1.jsx)(Text, { fontSize: isMobile ? "13px" : "12px", fontWeight: "500", flex: "1", color: "#333", children: child.label }), child.hasChildren && ((0, jsx_runtime_1.jsx)(Flex, { as: "button", onClick: (e) => {
|
|
32
|
-
e.stopPropagation();
|
|
33
|
-
setChildExpanded(!childExpanded);
|
|
34
|
-
}, bg: "none", border: "none", p: isMobile ? "8px" : "2px", cursor: "pointer", align: "center", color: "#666", minW: isMobile ? "44px" : "auto", minH: isMobile ? "44px" : "auto", justify: "center", children: childExpanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { boxSize: isMobile ? 5 : 3.5 })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { boxSize: isMobile ? 5 : 3.5 })) }))] }), child.hasChildren && childExpanded && ((0, jsx_runtime_1.jsx)(Box, { mt: "6px", pl: isMobile ? "12px" : "8px", borderLeft: `2px solid ${parentColor}20`, children: (0, jsx_runtime_1.jsxs)(Flex, { fontSize: isMobile ? "12px" : "11px", p: isMobile ? "12px" : "6px 8px", bg: "#fafafa", borderRadius: "3px", color: "#666", minH: isMobile ? "44px" : "auto", align: "center", children: [child.childCount, " nested item(s)"] }) }))] }));
|
|
35
|
-
});
|
|
36
|
-
AccordionChildItem.displayName = 'AccordionChildItem';
|
|
37
|
-
//# sourceMappingURL=AccordionChildItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionChildItem.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/AccordionChildItem.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const react_2 = require("@chakra-ui/react");
|
|
29
|
-
const ContentView_1 = require("../../Molecules/RecapNode/ContentView");
|
|
30
|
-
const NodeHandles_1 = require("./NodeHandles");
|
|
31
|
-
const IconBar_1 = require("./IconBar");
|
|
32
|
-
const contentUtils_1 = require("../../../utils/contentUtils");
|
|
33
|
-
const FlashcardNode = (0, react_1.memo)(({ data }) => {
|
|
34
|
-
const [currentVideoIdx, setCurrentVideoIdx] = (0, react_1.useState)(0);
|
|
35
|
-
const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
|
|
36
|
-
const { hasContent, level, hasMultipleChildren, color, label, icons = [], content } = data;
|
|
37
|
-
const availableTypes = (0, contentUtils_1.getAvailableContentTypes)(content);
|
|
38
|
-
const [displayType, setDisplayType] = (0, react_1.useState)(availableTypes[0] || null);
|
|
39
|
-
const availableIcons = icons.filter(icon => availableTypes.includes(icon.type));
|
|
40
|
-
const handleIconClick = (iconType) => {
|
|
41
|
-
setIsExpanded(true);
|
|
42
|
-
setDisplayType(iconType);
|
|
43
|
-
};
|
|
44
|
-
return ((0, jsx_runtime_1.jsxs)("div", { style: { minWidth: "280px", maxWidth: "350px", zIndex: "10" }, children: [(0, jsx_runtime_1.jsx)(NodeHandles_1.NodeHandles, { level: level, hasMultipleChildren: hasMultipleChildren }), (0, jsx_runtime_1.jsxs)(react_2.Box, { p: "4px", bg: "#FFE0DD", borderRadius: "4px", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { bg: color, p: "8px 12px", align: "center", borderRadius: "4px", justify: "space-between", gap: "12px", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { w: "100%", children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontFamily: "Inter", fontWeight: "600", fontSize: "12px", children: label }) }), hasContent && ((0, jsx_runtime_1.jsx)(IconBar_1.IconBar, { icons: availableIcons, displayType: displayType, onIconClick: handleIconClick }))] }), hasContent && isExpanded && ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "12px", fontSize: "13px", lineHeight: "1.6", borderRadius: "4px", bg: "#fff", mt: "8px", children: (0, jsx_runtime_1.jsx)(ContentView_1.ContentView, { displayType: displayType, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx }) }))] })] }));
|
|
45
|
-
});
|
|
46
|
-
FlashcardNode.displayName = 'FlashcardNode';
|
|
47
|
-
exports.default = FlashcardNode;
|
|
48
|
-
//# sourceMappingURL=FlashCardNode.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FlashCardNode.js","sourceRoot":"","sources":["../../../../src/components/Organisms/RecapGraph/FlashCardNode.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8C;AAC9C,4CAAmD;AACnD,uEAAoE;AACpE,+CAA4C;AAC5C,uCAAoC;AACpC,8DAAuE;AAEvE,MAAM,aAAa,GAAG,IAAA,YAAI,EAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACtC,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;IAEpD,MAAM,EACJ,UAAU,EACV,KAAK,EACL,mBAAmB,EACnB,KAAK,EACL,KAAK,EACL,KAAK,GAAG,EAAE,EACV,OAAO,EACR,GAAG,IAAI,CAAC;IAET,MAAM,cAAc,GAAG,IAAA,uCAAwB,EAAC,OAAO,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,cAAc,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;IAE1E,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,EAAE;QACnC,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,aAChE,uBAAC,yBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,GAAI,EAEvE,wBAAC,WAAG,IAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,YAAY,EAAC,KAAK,aAC1C,wBAAC,YAAI,IACH,EAAE,EAAE,KAAK,EACT,CAAC,EAAC,UAAU,EACZ,KAAK,EAAC,QAAQ,EACd,YAAY,EAAC,KAAK,EAClB,OAAO,EAAC,eAAe,EACvB,GAAG,EAAC,MAAM,aAEV,uBAAC,WAAG,IAAC,CAAC,EAAC,MAAM,YACX,uBAAC,YAAI,IAAC,UAAU,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,YACtD,KAAK,GACD,GACH,EAEL,UAAU,IAAI,CACb,uBAAC,iBAAO,IACN,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,eAAe,GAC5B,CACH,IACI,EAEN,UAAU,IAAI,UAAU,IAAI,CAC3B,uBAAC,WAAG,IACF,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,MAAM,EACf,UAAU,EAAC,KAAK,EAChB,YAAY,EAAC,KAAK,EAClB,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,YAER,uBAAC,yBAAW,IACV,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,GACtC,GACE,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,kBAAe,aAAa,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.IconBar = void 0;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const react_2 = require("@chakra-ui/react");
|
|
10
|
-
const IconBar = ({ icons, displayType, onIconClick }) => {
|
|
11
|
-
if (!icons || icons.length === 0)
|
|
12
|
-
return null;
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(react_2.Flex, { align: "center", gap: "6px", flexShrink: 0, children: icons.map((iconObj, i) => ((0, jsx_runtime_1.jsx)(react_2.Flex, { w: "26px", h: "26px", borderRadius: "4px", align: "center", justify: "center", cursor: "pointer", onClick: (e) => {
|
|
14
|
-
e.stopPropagation();
|
|
15
|
-
onIconClick(iconObj.type);
|
|
16
|
-
}, opacity: displayType === iconObj.type ? 1 : 0.4, transition: "opacity 0.2s", _hover: { transform: "scale(1.1)" }, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: iconObj.src, w: "14px", h: "14px", alt: iconObj.type }) }, i))) }));
|
|
17
|
-
};
|
|
18
|
-
exports.IconBar = IconBar;
|
|
19
|
-
//# sourceMappingURL=IconBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconBar.js","sourceRoot":"","sources":["../../../../src/components/Organisms/RecapGraph/IconBar.jsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,4CAA+C;AAExC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE;IAC7D,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE9C,OAAO,CACL,uBAAC,YAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,uBAAC,YAAI,IAEH,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,YAAY,EAAC,KAAK,EAClB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC,EACD,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAC/C,UAAU,EAAC,cAAc,EACzB,MAAM,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,YAEnC,uBAAC,aAAK,IAAC,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,GAAG,EAAE,OAAO,CAAC,IAAI,GAAI,IAf3D,CAAC,CAgBD,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,OAAO,WA2BlB"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.NodeHandles = void 0;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const reactflow_1 = require("reactflow");
|
|
10
|
-
const NodeHandles = ({ level, hasMultipleChildren }) => {
|
|
11
|
-
const isRoot = level === 0;
|
|
12
|
-
const isLevel1 = level === 1;
|
|
13
|
-
const isLevel2Plus = level >= 2;
|
|
14
|
-
const shouldShowTopHandle = isLevel1 || (isLevel2Plus && !hasMultipleChildren);
|
|
15
|
-
const shouldShowLeftHandle = isLevel2Plus && hasMultipleChildren;
|
|
16
|
-
const shouldShowBottomHandle = isRoot || isLevel1 || (isLevel2Plus && !hasMultipleChildren);
|
|
17
|
-
const shouldShowRightHandle = isLevel2Plus && hasMultipleChildren;
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [shouldShowTopHandle && ((0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "target", position: reactflow_1.Position.Top, style: { background: "#555" }, id: "top" })), shouldShowLeftHandle && ((0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "target", position: reactflow_1.Position.Left, style: { background: "#555" }, id: "left" })), shouldShowBottomHandle && ((0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "source", position: reactflow_1.Position.Bottom, style: { background: "#555" }, id: "bottom" })), shouldShowRightHandle && ((0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "source", position: reactflow_1.Position.Right, style: { background: "#555" }, id: "right" }))] }));
|
|
19
|
-
};
|
|
20
|
-
exports.NodeHandles = NodeHandles;
|
|
21
|
-
//# sourceMappingURL=NodeHandles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NodeHandles.js","sourceRoot":"","sources":["../../../../src/components/Organisms/RecapGraph/NodeHandles.jsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,yCAA6C;AAEtC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,EAAE;IAC5D,MAAM,MAAM,GAAG,KAAK,KAAK,CAAC,CAAC;IAC3B,MAAM,QAAQ,GAAG,KAAK,KAAK,CAAC,CAAC;IAC7B,MAAM,YAAY,GAAG,KAAK,IAAI,CAAC,CAAC;IAEhC,MAAM,mBAAmB,GAAG,QAAQ,IAAI,CAAC,YAAY,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC/E,MAAM,oBAAoB,GAAG,YAAY,IAAI,mBAAmB,CAAC;IACjE,MAAM,sBAAsB,GAAG,MAAM,IAAI,QAAQ,IAAI,CAAC,YAAY,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5F,MAAM,qBAAqB,GAAG,YAAY,IAAI,mBAAmB,CAAC;IAElE,OAAO,CACL,6DACG,mBAAmB,IAAI,CACtB,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,GAAG,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7B,EAAE,EAAC,KAAK,GACR,CACH,EAEA,oBAAoB,IAAI,CACvB,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,IAAI,EACvB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7B,EAAE,EAAC,MAAM,GACT,CACH,EAEA,sBAAsB,IAAI,CACzB,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,MAAM,EACzB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7B,EAAE,EAAC,QAAQ,GACX,CACH,EAEA,qBAAqB,IAAI,CACxB,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,KAAK,EACxB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7B,EAAE,EAAC,OAAO,GACV,CACH,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,WAAW,eAiDtB"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export const EditorBox: React.NamedExoticComponent<object>;
|
|
2
|
-
export const MobileBottonIcons: React.NamedExoticComponent<object>;
|
|
3
|
-
export const Desktopicons: React.NamedExoticComponent<object>;
|
|
4
|
-
export const LearningCreditsWarning: React.NamedExoticComponent<object>;
|
|
5
|
-
import React from "react";
|