performanceresultscreens 0.0.26 → 0.0.30
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/Atoms/AssistantImageModal/ImageModal.js +2 -1
- package/dist/components/Atoms/AssistantImageModal/ImageModal.js.map +1 -1
- package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.d.ts +3 -7
- package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.js +37 -11
- package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.js.map +1 -1
- package/dist/components/Atoms/PrivacyTouchPoint/PrivacyTouchPoint.js +2 -2
- package/dist/components/Atoms/PrivacyTouchPoint/PrivacyTouchPoint.js.map +1 -1
- package/dist/components/Atoms/TranscriptionImagePreview/ImageAnnotation.js +3 -3
- package/dist/components/Atoms/TranscriptionImagePreview/ImageAnnotation.js.map +1 -1
- package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.d.ts +1 -75
- package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js +122 -7
- package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js.map +1 -1
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js +9 -1
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js.map +1 -1
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.d.ts +1 -0
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js +49 -1
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js.map +1 -1
- package/dist/components/Molecules/AccordianPay4/Accordian.d.ts +2 -13
- package/dist/components/Molecules/AccordianPay4/Accordian.js +13 -14
- package/dist/components/Molecules/AccordianPay4/Accordian.js.map +1 -1
- package/dist/components/Molecules/AccordianPay4/Accordian.stories.js.map +1 -1
- package/dist/components/Molecules/ActivityBanner/ActivityBanner.js +12 -8
- package/dist/components/Molecules/ActivityBanner/ActivityBanner.js.map +1 -1
- package/dist/components/Molecules/DashPlayer/DashPlayer.stories.js +1 -1
- package/dist/components/Molecules/DashPlayer/DashPlayer.stories.js.map +1 -1
- package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.js +15 -4
- package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.js.map +1 -1
- package/dist/components/Molecules/FactualCard/FactualCard.d.ts +3 -1
- package/dist/components/Molecules/FactualCard/FactualCard.js +15 -9
- package/dist/components/Molecules/FactualCard/FactualCard.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.d.ts +1 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js +53 -32
- 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 +14 -5
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.d.ts +6 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js +12 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js.map +1 -0
- package/dist/components/Molecules/PostCard/PostCard.js +4 -4
- package/dist/components/Molecules/PostCard/PostCard.js.map +1 -1
- package/dist/components/Molecules/RecapNode/ContentView.d.ts +2 -0
- package/dist/components/Molecules/RecapNode/ContentView.js +43 -0
- package/dist/components/Molecules/RecapNode/ContentView.js.map +1 -0
- package/dist/components/Molecules/RecapNode/FlashcardNode.d.ts +0 -0
- package/dist/components/Molecules/RecapNode/FlashcardNode.js +2 -0
- package/dist/components/Molecules/RecapNode/FlashcardNode.js.map +1 -0
- package/dist/components/Molecules/RecapNode/Node.d.ts +3 -0
- package/dist/components/Molecules/RecapNode/Node.js +60 -0
- package/dist/components/Molecules/RecapNode/Node.js.map +1 -0
- package/dist/components/Molecules/RecapNode/Node.stories.d.ts +10 -0
- package/dist/components/Molecules/RecapNode/Node.stories.js +117 -0
- package/dist/components/Molecules/RecapNode/Node.stories.js.map +1 -0
- package/dist/components/Molecules/RecapNode/Node.styles.d.ts +11 -0
- package/dist/components/Molecules/RecapNode/Node.styles.js +53 -0
- package/dist/components/Molecules/RecapNode/Node.styles.js.map +1 -0
- package/dist/components/Molecules/RecapNode/SectionView.d.ts +6 -0
- package/dist/components/Molecules/RecapNode/SectionView.js +150 -0
- package/dist/components/Molecules/RecapNode/SectionView.js.map +1 -0
- package/dist/components/Molecules/RecapNode/VideoView.d.ts +10 -0
- package/dist/components/Molecules/RecapNode/VideoView.js +64 -0
- package/dist/components/Molecules/RecapNode/VideoView.js.map +1 -0
- package/dist/components/Molecules/Revision/Revision.d.ts +2 -0
- package/dist/components/Molecules/Revision/Revision.js +201 -0
- package/dist/components/Molecules/Revision/Revision.js.map +1 -0
- package/dist/components/Molecules/SmartLearn/SmartLearn.js +14 -11
- package/dist/components/Molecules/SmartLearn/SmartLearn.js.map +1 -1
- package/dist/components/Molecules/SmartLearn/SmartLearn.stories.js +13 -10
- package/dist/components/Molecules/SmartLearn/SmartLearn.stories.js.map +1 -1
- package/dist/components/Molecules/SmartLearn/types.d.ts +18 -1
- package/dist/components/Molecules/Tutor/User/User.js +7 -3
- package/dist/components/Molecules/Tutor/User/User.js.map +1 -1
- package/dist/components/Molecules/VideoView/VideoModal.js +2 -2
- package/dist/components/Molecules/VideoView/VideoModal.js.map +1 -1
- package/dist/components/Molecules/comprehension/ComprehensionLayout.js +9 -5
- package/dist/components/Molecules/comprehension/ComprehensionLayout.js.map +1 -1
- package/dist/components/Molecules/comprehension/SubQuestionLayout.js +1 -1
- package/dist/components/Molecules/comprehension/SubQuestionLayout.js.map +1 -1
- package/dist/components/Molecules/optionLayouts/Scq.d.ts +2 -0
- package/dist/components/Molecules/optionLayouts/Scq.js +427 -0
- package/dist/components/Molecules/optionLayouts/Scq.js.map +1 -0
- package/dist/components/Molecules/optionLayouts/Scqnew.d.ts +2 -0
- package/dist/components/Molecules/optionLayouts/Scqnew.js +491 -0
- package/dist/components/Molecules/optionLayouts/Scqnew.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.d.ts +1 -0
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js +61 -0
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/AnswerView.d.ts +1 -0
- package/dist/components/Molecules/questionLayouts/AnswerView.js +66 -0
- package/dist/components/Molecules/questionLayouts/AnswerView.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/Question.styles.d.ts +115 -0
- package/dist/components/Molecules/questionLayouts/Question.styles.js +119 -0
- package/dist/components/Molecules/questionLayouts/Question.styles.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.d.ts +2 -0
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.js +285 -0
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/QuestionView.d.ts +2 -0
- package/dist/components/Molecules/questionLayouts/QuestionView.js +106 -0
- package/dist/components/Molecules/questionLayouts/QuestionView.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/QuestionsLayout.js +5 -2
- package/dist/components/Molecules/questionLayouts/QuestionsLayout.js.map +1 -1
- package/dist/components/Organisms/D3Graphs/Reactflow.d.ts +1 -0
- package/dist/components/Organisms/D3Graphs/Reactflow.js +244 -0
- package/dist/components/Organisms/D3Graphs/Reactflow.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.d.ts +1 -0
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js +37 -0
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/FlashCardNode.d.ts +3 -0
- package/dist/components/Organisms/FlashCardNode/FlashCardNode.js +93 -0
- package/dist/components/Organisms/FlashCardNode/FlashCardNode.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.d.ts +27 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js +30 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.d.ts +15 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.js +301 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/IconBar.d.ts +7 -0
- package/dist/components/Organisms/FlashCardNode/IconBar.js +22 -0
- package/dist/components/Organisms/FlashCardNode/IconBar.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/MobileAccordionView.d.ts +10 -0
- package/dist/components/Organisms/FlashCardNode/MobileAccordionView.js +32 -0
- package/dist/components/Organisms/FlashCardNode/MobileAccordionView.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/NodeHandles.d.ts +3 -0
- package/dist/components/Organisms/FlashCardNode/NodeHandles.js +22 -0
- package/dist/components/Organisms/FlashCardNode/NodeHandles.js.map +1 -0
- package/dist/components/Organisms/PostDetails/ImageGallery.js +7 -4
- package/dist/components/Organisms/PostDetails/ImageGallery.js.map +1 -1
- package/dist/components/Organisms/RecapGraph/Example.stories.d.ts +3 -0
- package/dist/components/Organisms/RecapGraph/Example.stories.js +50 -0
- package/dist/components/Organisms/RecapGraph/Example.stories.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/FlashCardNode.d.ts +3 -0
- package/dist/components/Organisms/RecapGraph/FlashCardNode.js +48 -0
- package/dist/components/Organisms/RecapGraph/FlashCardNode.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/IconBar.d.ts +5 -0
- package/dist/components/Organisms/RecapGraph/IconBar.js +19 -0
- package/dist/components/Organisms/RecapGraph/IconBar.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/NodeHandles.d.ts +4 -0
- package/dist/components/Organisms/RecapGraph/NodeHandles.js +21 -0
- package/dist/components/Organisms/RecapGraph/NodeHandles.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/Reactgraphflow.d.ts +11 -0
- package/dist/components/Organisms/RecapGraph/Reactgraphflow.js +101 -0
- package/dist/components/Organisms/RecapGraph/Reactgraphflow.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.d.ts +29 -0
- package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js +357 -0
- package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js.map +1 -0
- package/dist/components/Organisms/ReviewComponent/ChatPresenter.js +2 -2
- package/dist/components/Organisms/ReviewComponent/ChatPresenter.js.map +1 -1
- package/dist/components/Organisms/ReviewComponent/Review.d.ts +2 -1
- package/dist/components/Organisms/ReviewComponent/Review.js +4 -4
- package/dist/components/Organisms/ReviewComponent/Review.js.map +1 -1
- package/dist/components/Organisms/ReviewComponent/ReviewPresenter.d.ts +3 -1
- package/dist/components/Organisms/ReviewComponent/ReviewPresenter.js +4 -3
- package/dist/components/Organisms/ReviewComponent/ReviewPresenter.js.map +1 -1
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.d.ts +5 -0
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js +128 -0
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js.map +1 -0
- package/dist/components/Organisms/StudentEditor/components/MathModal.js +3 -0
- package/dist/components/Organisms/StudentEditor/components/MathModal.js.map +1 -1
- package/dist/components/Organisms/StudentEditor/components/TextEditor.js +24 -15
- package/dist/components/Organisms/StudentEditor/components/TextEditor.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/dist/utils/RecapData.d.ts +684 -0
- package/dist/utils/RecapData.js +2252 -0
- package/dist/utils/RecapData.js.map +1 -0
- package/dist/utils/accordionConstants.d.ts +15 -0
- package/dist/utils/accordionConstants.js +23 -0
- package/dist/utils/accordionConstants.js.map +1 -0
- package/dist/utils/common-utils.js +4 -0
- package/dist/utils/common-utils.js.map +1 -1
- package/dist/utils/contentUtils.d.ts +41 -0
- package/dist/utils/contentUtils.js +67 -0
- package/dist/utils/contentUtils.js.map +1 -0
- package/dist/utils/revision-utils.d.ts +13 -0
- package/dist/utils/revision-utils.js +90 -0
- package/dist/utils/revision-utils.js.map +1 -0
- package/package.json +5 -2
|
@@ -0,0 +1,27 @@
|
|
|
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, }: {
|
|
3
|
+
label: any;
|
|
4
|
+
color: any;
|
|
5
|
+
hasContent: any;
|
|
6
|
+
isExpanded: any;
|
|
7
|
+
isNodeExpanded: any;
|
|
8
|
+
isContentExpanded: any;
|
|
9
|
+
availableIcons: any;
|
|
10
|
+
displayType: any;
|
|
11
|
+
handleIconClick: any;
|
|
12
|
+
content: any;
|
|
13
|
+
currentVideoIdx: any;
|
|
14
|
+
setCurrentVideoIdx: any;
|
|
15
|
+
isAdmin: any;
|
|
16
|
+
onContentUpdate: any;
|
|
17
|
+
nodeId: any;
|
|
18
|
+
rootNodeId: any;
|
|
19
|
+
onIconDataUpdate: any;
|
|
20
|
+
isMobile: any;
|
|
21
|
+
hasChildren: any;
|
|
22
|
+
onChevronClick: any;
|
|
23
|
+
level: any;
|
|
24
|
+
colorKey: any;
|
|
25
|
+
bgColor: any;
|
|
26
|
+
playicon: any;
|
|
27
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,30 @@
|
|
|
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
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_2 = require("@chakra-ui/react");
|
|
9
|
+
const IconBar_1 = require("./IconBar");
|
|
10
|
+
const ContentView_1 = require("../../Molecules/RecapNode/ContentView");
|
|
11
|
+
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, }) => {
|
|
13
|
+
const handleAddClick = () => {
|
|
14
|
+
onContentUpdate({
|
|
15
|
+
contentid: content?.contentid,
|
|
16
|
+
topicId: rootNodeId,
|
|
17
|
+
contentCellId: nodeId,
|
|
18
|
+
data: content,
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
const lightenedBg = bgColor;
|
|
22
|
+
const shouldShowContent = isMobile ? isContentExpanded : isExpanded;
|
|
23
|
+
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
|
+
bg: "linear-gradient(135deg, #0043ce, #0f62fe)",
|
|
25
|
+
transform: "scale(1.05)",
|
|
26
|
+
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 }) }))] }));
|
|
28
|
+
};
|
|
29
|
+
exports.default = FlashcardContainer;
|
|
30
|
+
//# sourceMappingURL=FlashcardContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlashcardContainer.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashcardContainer.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import FlashcardNode from './FlashCardNode';
|
|
3
|
+
import 'reactflow/dist/style.css';
|
|
4
|
+
declare const meta: Meta<typeof FlashcardNode>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof FlashcardNode>;
|
|
7
|
+
export declare const BasicNode: Story;
|
|
8
|
+
export declare const RootWithVideos: Story;
|
|
9
|
+
export declare const Level1WithDefinitions: Story;
|
|
10
|
+
export declare const Level2WithFormulas: Story;
|
|
11
|
+
export declare const Level2WithEquations: Story;
|
|
12
|
+
export declare const AllContentTypes: Story;
|
|
13
|
+
export declare const LiteratureNode: Story;
|
|
14
|
+
export declare const MultipleChildrenNode: Story;
|
|
15
|
+
export declare const EmptyContent: Story;
|
|
@@ -0,0 +1,301 @@
|
|
|
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.EmptyContent = exports.MultipleChildrenNode = exports.LiteratureNode = exports.AllContentTypes = exports.Level2WithEquations = exports.Level2WithFormulas = exports.Level1WithDefinitions = exports.RootWithVideos = exports.BasicNode = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const reactflow_1 = require("reactflow");
|
|
9
|
+
const FlashCardNode_1 = __importDefault(require("./FlashCardNode"));
|
|
10
|
+
require("reactflow/dist/style.css");
|
|
11
|
+
// Mock icons for stories
|
|
12
|
+
const mockIcons = [
|
|
13
|
+
{
|
|
14
|
+
type: 'videos',
|
|
15
|
+
src: 'https://api.iconify.design/mdi/video.svg?color=%23666'
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
type: 'definitions',
|
|
19
|
+
src: 'https://api.iconify.design/mdi/book-open.svg?color=%23666'
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
type: 'formula',
|
|
23
|
+
src: 'https://api.iconify.design/mdi/math-compass.svg?color=%23666'
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
type: 'equations',
|
|
27
|
+
src: 'https://api.iconify.design/mdi/function-variant.svg?color=%23666'
|
|
28
|
+
}
|
|
29
|
+
];
|
|
30
|
+
const meta = {
|
|
31
|
+
title: "Components/Molecules/FlashcardNode",
|
|
32
|
+
component: FlashCardNode_1.default,
|
|
33
|
+
decorators: [
|
|
34
|
+
(Story) => ((0, jsx_runtime_1.jsx)(reactflow_1.ReactFlowProvider, { children: (0, jsx_runtime_1.jsx)("div", { style: { padding: "40px", background: "#f5f5f5" }, children: (0, jsx_runtime_1.jsx)(Story, {}) }) })),
|
|
35
|
+
],
|
|
36
|
+
};
|
|
37
|
+
exports.default = meta;
|
|
38
|
+
// Basic node without content
|
|
39
|
+
exports.BasicNode = {
|
|
40
|
+
args: {
|
|
41
|
+
data: {
|
|
42
|
+
label: 'Basic Topic',
|
|
43
|
+
color: '#E0F2FE',
|
|
44
|
+
level: 0,
|
|
45
|
+
hasContent: false,
|
|
46
|
+
hasMultipleChildren: false,
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
};
|
|
50
|
+
// Root node with video content
|
|
51
|
+
exports.RootWithVideos = {
|
|
52
|
+
args: {
|
|
53
|
+
data: {
|
|
54
|
+
label: 'Introduction to Physics',
|
|
55
|
+
color: '#DBEAFE',
|
|
56
|
+
level: 0,
|
|
57
|
+
hasContent: true,
|
|
58
|
+
hasMultipleChildren: false,
|
|
59
|
+
icons: mockIcons,
|
|
60
|
+
content: {
|
|
61
|
+
videos: [
|
|
62
|
+
'Video 1: Newton\'s Laws',
|
|
63
|
+
'Video 2: Motion and Forces',
|
|
64
|
+
'Video 3: Energy Conservation'
|
|
65
|
+
]
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
};
|
|
70
|
+
// Level 1 node with definitions
|
|
71
|
+
exports.Level1WithDefinitions = {
|
|
72
|
+
args: {
|
|
73
|
+
data: {
|
|
74
|
+
label: 'Chemical Bonding',
|
|
75
|
+
color: '#FEF3C7',
|
|
76
|
+
level: 1,
|
|
77
|
+
hasContent: true,
|
|
78
|
+
hasMultipleChildren: false,
|
|
79
|
+
icons: mockIcons,
|
|
80
|
+
content: {
|
|
81
|
+
sections: {
|
|
82
|
+
definitions: [
|
|
83
|
+
{
|
|
84
|
+
title: 'Ionic Bond',
|
|
85
|
+
description: 'A chemical bond formed through electrostatic attraction between oppositely charged ions.'
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
title: 'Covalent Bond',
|
|
89
|
+
description: 'A chemical bond formed by sharing electrons between atoms.'
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
title: 'Metallic Bond',
|
|
93
|
+
description: 'A bond formed by the attraction between metal atoms and delocalized electrons.'
|
|
94
|
+
}
|
|
95
|
+
],
|
|
96
|
+
summary: [
|
|
97
|
+
{
|
|
98
|
+
description: 'Chemical bonding is the process where atoms combine to form compounds through various types of bonds.'
|
|
99
|
+
}
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
},
|
|
105
|
+
};
|
|
106
|
+
// Level 2 node with formulas
|
|
107
|
+
exports.Level2WithFormulas = {
|
|
108
|
+
args: {
|
|
109
|
+
data: {
|
|
110
|
+
label: 'Quadratic Equations',
|
|
111
|
+
color: '#E9D5FF',
|
|
112
|
+
level: 2,
|
|
113
|
+
hasContent: true,
|
|
114
|
+
hasMultipleChildren: false,
|
|
115
|
+
icons: mockIcons,
|
|
116
|
+
content: {
|
|
117
|
+
sections: {
|
|
118
|
+
formulae: [
|
|
119
|
+
{
|
|
120
|
+
title: 'Quadratic Formula',
|
|
121
|
+
description: 'x = (-b ± √(b² - 4ac)) / 2a'
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
title: 'Discriminant',
|
|
125
|
+
description: 'Δ = b² - 4ac'
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
title: 'Sum of Roots',
|
|
129
|
+
description: 'α + β = -b/a'
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
title: 'Product of Roots',
|
|
133
|
+
description: 'αβ = c/a'
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
},
|
|
140
|
+
};
|
|
141
|
+
// Level 2+ with equations
|
|
142
|
+
exports.Level2WithEquations = {
|
|
143
|
+
args: {
|
|
144
|
+
data: {
|
|
145
|
+
label: 'Chemical Reactions',
|
|
146
|
+
color: '#FECACA',
|
|
147
|
+
level: 2,
|
|
148
|
+
hasContent: true,
|
|
149
|
+
hasMultipleChildren: true,
|
|
150
|
+
icons: mockIcons,
|
|
151
|
+
content: {
|
|
152
|
+
sections: {
|
|
153
|
+
'reactions/equations': [
|
|
154
|
+
{
|
|
155
|
+
title: 'Combustion of Methane',
|
|
156
|
+
description: 'CH₄ + 2O₂ → CO₂ + 2H₂O'
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
title: 'Photosynthesis',
|
|
160
|
+
description: '6CO₂ + 6H₂O → C₆H₁₂O₆ + 6O₂'
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
title: 'Neutralization',
|
|
164
|
+
description: 'HCl + NaOH → NaCl + H₂O'
|
|
165
|
+
}
|
|
166
|
+
]
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
},
|
|
170
|
+
},
|
|
171
|
+
};
|
|
172
|
+
// Node with all content types
|
|
173
|
+
exports.AllContentTypes = {
|
|
174
|
+
args: {
|
|
175
|
+
data: {
|
|
176
|
+
label: 'Complete Topic',
|
|
177
|
+
color: '#D1FAE5',
|
|
178
|
+
level: 1,
|
|
179
|
+
hasContent: true,
|
|
180
|
+
hasMultipleChildren: false,
|
|
181
|
+
icons: mockIcons,
|
|
182
|
+
content: {
|
|
183
|
+
videos: [
|
|
184
|
+
'Video 1: Overview',
|
|
185
|
+
'Video 2: Deep Dive',
|
|
186
|
+
'Video 3: Practice Problems'
|
|
187
|
+
],
|
|
188
|
+
sections: {
|
|
189
|
+
summary: [
|
|
190
|
+
{
|
|
191
|
+
description: 'A comprehensive overview of the topic covering all essential aspects.'
|
|
192
|
+
}
|
|
193
|
+
],
|
|
194
|
+
definitions: [
|
|
195
|
+
{
|
|
196
|
+
title: 'Key Term 1',
|
|
197
|
+
description: 'Definition of the first key term.'
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
title: 'Key Term 2',
|
|
201
|
+
description: 'Definition of the second key term.'
|
|
202
|
+
}
|
|
203
|
+
],
|
|
204
|
+
formulae: [
|
|
205
|
+
{
|
|
206
|
+
title: 'Main Formula',
|
|
207
|
+
description: 'F = ma'
|
|
208
|
+
}
|
|
209
|
+
],
|
|
210
|
+
'reactions/equations': [
|
|
211
|
+
{
|
|
212
|
+
title: 'Key Equation',
|
|
213
|
+
description: 'E = mc²'
|
|
214
|
+
}
|
|
215
|
+
]
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
},
|
|
219
|
+
},
|
|
220
|
+
};
|
|
221
|
+
// Literature node example
|
|
222
|
+
exports.LiteratureNode = {
|
|
223
|
+
args: {
|
|
224
|
+
data: {
|
|
225
|
+
label: 'The Road Not Taken',
|
|
226
|
+
color: '#FED7AA',
|
|
227
|
+
level: 1,
|
|
228
|
+
hasContent: true,
|
|
229
|
+
hasMultipleChildren: false,
|
|
230
|
+
icons: mockIcons,
|
|
231
|
+
content: {
|
|
232
|
+
sections: {
|
|
233
|
+
theme_and_central_idea: [
|
|
234
|
+
{
|
|
235
|
+
title: 'Main Theme',
|
|
236
|
+
description: 'The poem explores choices and their consequences in life.'
|
|
237
|
+
}
|
|
238
|
+
],
|
|
239
|
+
poetic_devices: [
|
|
240
|
+
{
|
|
241
|
+
title: 'Metaphor',
|
|
242
|
+
description: 'The roads symbolize life choices and different paths one can take.'
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
title: 'Imagery',
|
|
246
|
+
description: 'Vivid description of the diverging roads in a yellow wood.'
|
|
247
|
+
}
|
|
248
|
+
],
|
|
249
|
+
language_and_vocabulary: [
|
|
250
|
+
{
|
|
251
|
+
title: 'Diverged',
|
|
252
|
+
description: 'Separated and went in different directions.'
|
|
253
|
+
}
|
|
254
|
+
]
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
},
|
|
259
|
+
};
|
|
260
|
+
// Node with multiple children (uses horizontal layout)
|
|
261
|
+
exports.MultipleChildrenNode = {
|
|
262
|
+
args: {
|
|
263
|
+
data: {
|
|
264
|
+
label: 'Parent Topic',
|
|
265
|
+
color: '#FDE68A',
|
|
266
|
+
level: 2,
|
|
267
|
+
hasContent: true,
|
|
268
|
+
hasMultipleChildren: true,
|
|
269
|
+
icons: mockIcons,
|
|
270
|
+
content: {
|
|
271
|
+
videos: [
|
|
272
|
+
'Overview Video'
|
|
273
|
+
],
|
|
274
|
+
sections: {
|
|
275
|
+
summary: [
|
|
276
|
+
{
|
|
277
|
+
description: 'This topic branches into multiple subtopics.'
|
|
278
|
+
}
|
|
279
|
+
]
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
},
|
|
283
|
+
},
|
|
284
|
+
};
|
|
285
|
+
// Empty content node
|
|
286
|
+
exports.EmptyContent = {
|
|
287
|
+
args: {
|
|
288
|
+
data: {
|
|
289
|
+
label: 'Empty Topic Node',
|
|
290
|
+
color: '#E5E7EB',
|
|
291
|
+
level: 1,
|
|
292
|
+
hasContent: true,
|
|
293
|
+
hasMultipleChildren: false,
|
|
294
|
+
icons: mockIcons,
|
|
295
|
+
content: {
|
|
296
|
+
sections: {}
|
|
297
|
+
}
|
|
298
|
+
},
|
|
299
|
+
},
|
|
300
|
+
};
|
|
301
|
+
//# sourceMappingURL=FlashcardNode.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlashcardNode.stories.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashcardNode.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
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, isMobile, isExpanded, }) => {
|
|
11
|
+
if (!icons || icons.length === 0)
|
|
12
|
+
return null;
|
|
13
|
+
const handleIconClick = (iconType) => {
|
|
14
|
+
onIconClick(iconType);
|
|
15
|
+
};
|
|
16
|
+
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: isMobile ? "20px" : "26px", h: isMobile ? "20px" : "26px", borderRadius: "4px", align: "center", justify: "center", cursor: "pointer", onClick: (e) => {
|
|
17
|
+
e.stopPropagation();
|
|
18
|
+
handleIconClick(iconObj.type);
|
|
19
|
+
}, opacity: isExpanded && 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: "20px", h: "20px", alt: iconObj.type }) }, i))) }));
|
|
20
|
+
};
|
|
21
|
+
exports.IconBar = IconBar;
|
|
22
|
+
//# sourceMappingURL=IconBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconBar.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/IconBar.jsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,4CAA+C;AAExC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,UAAU,GACX,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE9C,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,EAAE;QACnC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,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,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC7B,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC7B,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,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC,EACD,OAAO,EAAE,UAAU,IAAI,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAC7D,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;AArCW,QAAA,OAAO,WAqClB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export function MobileAccordionView({ jsonData, contentMap, onContentUpdate, onIconDataUpdate, isAdmin, iconConfig, playicon, }: {
|
|
2
|
+
jsonData?: null | undefined;
|
|
3
|
+
contentMap?: {} | undefined;
|
|
4
|
+
onContentUpdate: any;
|
|
5
|
+
onIconDataUpdate: any;
|
|
6
|
+
isAdmin?: boolean | undefined;
|
|
7
|
+
iconConfig?: any[] | undefined;
|
|
8
|
+
playicon: any;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default MobileAccordionView;
|
|
@@ -0,0 +1,32 @@
|
|
|
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.MobileAccordionView = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("@chakra-ui/react");
|
|
9
|
+
const FlashcardContainer_1 = __importDefault(require("./FlashcardContainer"));
|
|
10
|
+
const contentUtils_1 = require("../../../utils/contentUtils");
|
|
11
|
+
const useRecapGraphLogic_1 = require("../RecapGraph/useRecapGraphLogic");
|
|
12
|
+
const MobileAccordionView = ({ jsonData = null, contentMap = {}, onContentUpdate, onIconDataUpdate, isAdmin = false, iconConfig = [], playicon, }) => {
|
|
13
|
+
const logic = (0, useRecapGraphLogic_1.useRecapGraphLogic)(jsonData, contentMap, iconConfig);
|
|
14
|
+
const renderNode = (nodeData) => {
|
|
15
|
+
const { nodeContent, hasContent } = logic.getNodeContent(nodeData._id);
|
|
16
|
+
const { headerColor, bgColor, colorInfo } = logic.getNodeColors(nodeData._id);
|
|
17
|
+
const hasChildren = nodeData.children?.length > 0;
|
|
18
|
+
const availableContentTypes = hasContent
|
|
19
|
+
? (0, contentUtils_1.getAvailableContentTypes)(nodeContent)
|
|
20
|
+
: [];
|
|
21
|
+
const availableIcons = iconConfig.filter((icon) => availableContentTypes.includes(icon.type));
|
|
22
|
+
const displayType = logic.displayTypes[nodeData._id] || null;
|
|
23
|
+
const isNodeExpanded = logic.expandedNodes[nodeData._id] || false;
|
|
24
|
+
const isContentExpanded = logic.contentExpanded[nodeData._id] || false;
|
|
25
|
+
const currentVideoIdx = logic.videoIndices[nodeData._id] || 0;
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Box, { mb: "8px", children: [(0, jsx_runtime_1.jsx)(FlashcardContainer_1.default, { label: nodeData.description || nodeData.name, color: headerColor, bgColor: bgColor, hasContent: hasContent, isNodeExpanded: isNodeExpanded, isContentExpanded: isContentExpanded, displayType: displayType, availableIcons: availableIcons, handleIconClick: (type) => logic.handleIconClick(nodeData._id, type, availableContentTypes), content: nodeContent, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: (idx) => logic.setCurrentVideoIdx(nodeData._id, idx), isAdmin: isAdmin, onContentUpdate: onContentUpdate, nodeId: nodeData._id, rootNodeId: jsonData._id, onIconDataUpdate: onIconDataUpdate, hasChildren: hasChildren, onChevronClick: () => logic.handleChevronClick(nodeData._id), isMobile: true, colorKey: colorInfo.colorKey, level: colorInfo.level, playicon: playicon }), isNodeExpanded && hasChildren && ((0, jsx_runtime_1.jsx)(react_1.Box, { px: "8px", mt: colorInfo.level === 0 ? "10px" : "", mb: "2px", bg: colorInfo.level === 0 ? "" : bgColor, children: nodeData.children.map((child) => renderNode(child)) }))] }, nodeData._id));
|
|
27
|
+
};
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Box, { p: "16px", bg: "#f8fafc", minW: "340px", overflowX: "scroll", children: (0, jsx_runtime_1.jsx)(react_1.VStack, { align: "stretch", spacing: "0", children: jsonData && renderNode(jsonData) }) }));
|
|
29
|
+
};
|
|
30
|
+
exports.MobileAccordionView = MobileAccordionView;
|
|
31
|
+
exports.default = exports.MobileAccordionView;
|
|
32
|
+
//# sourceMappingURL=MobileAccordionView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MobileAccordionView.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/MobileAccordionView.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
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 }) => {
|
|
11
|
+
const handleStyle = {
|
|
12
|
+
background: "transparent",
|
|
13
|
+
border: "none",
|
|
14
|
+
width: "8px",
|
|
15
|
+
height: "8px",
|
|
16
|
+
opacity: 0,
|
|
17
|
+
pointerEvents: "none",
|
|
18
|
+
};
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [level > 0 && ((0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "target", position: reactflow_1.Position.Top, style: handleStyle, id: "top" })), level > 0 && ((0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "target", position: reactflow_1.Position.Left, style: handleStyle, id: "left" })), (0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "source", position: reactflow_1.Position.Bottom, style: handleStyle, id: "bottom" })] }));
|
|
20
|
+
};
|
|
21
|
+
exports.NodeHandles = NodeHandles;
|
|
22
|
+
//# sourceMappingURL=NodeHandles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NodeHandles.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/NodeHandles.jsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,yCAA6C;AAEtC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvC,MAAM,WAAW,GAAG;QAClB,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,CAAC;QACV,aAAa,EAAE,MAAM;KACtB,CAAC;IAEF,OAAO,CACL,6DAEG,KAAK,GAAG,CAAC,IAAI,CACZ,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,GAAG,EACtB,KAAK,EAAE,WAAW,EAClB,EAAE,EAAC,KAAK,GACR,CACH,EAGA,KAAK,GAAG,CAAC,IAAI,CACZ,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,IAAI,EACvB,KAAK,EAAE,WAAW,EAClB,EAAE,EAAC,MAAM,GACT,CACH,EAGD,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,MAAM,EACzB,KAAK,EAAE,WAAW,EAClB,EAAE,EAAC,QAAQ,GACX,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,WAAW,eAyCtB"}
|
|
@@ -65,11 +65,14 @@ function ImageGallery({ attachments = [], icons = {} }) {
|
|
|
65
65
|
if (type === "IMAGE" || type === "VIDEO") {
|
|
66
66
|
setOpenModal(true);
|
|
67
67
|
}
|
|
68
|
-
else if (type === "DOC" ||
|
|
68
|
+
else if (type === "DOC" ||
|
|
69
|
+
type === "PDF" ||
|
|
70
|
+
type === "PPT" ||
|
|
71
|
+
type === "EXCEL") {
|
|
69
72
|
(0, common_utils_1.handleDownload)(item?.fileName, item?.url);
|
|
70
73
|
}
|
|
71
74
|
};
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { position:
|
|
75
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { position: 'relative', w: '100%', h: '100%', children: [sortedAttachments.length > 1 && ((0, jsx_runtime_1.jsx)(ArrowButton, { direction: 'left', onClick: () => navigate(-1), icons: icons })), sortedAttachments.length > 1 && ((0, jsx_runtime_1.jsx)(ArrowButton, { direction: 'right', onClick: () => navigate(1), icons: icons })), (0, jsx_runtime_1.jsxs)(react_2.Box, { w: "100%", h: "100%", cursor: "pointer", onClick: handleClick, children: [type === "IMAGE" && (0, jsx_runtime_1.jsx)(ImageView, { src: item?.url }), type === "PDF" && (0, jsx_runtime_1.jsx)(ImageView, { src: icons.pdf, isDoc: true }), type === "DOC" && (0, jsx_runtime_1.jsx)(ImageView, { src: icons.doc, isDoc: true }), type === "PPT" && (0, jsx_runtime_1.jsx)(ImageView, { src: icons.ppt, isDoc: true }), type === "EXCEL" && (0, jsx_runtime_1.jsx)(ImageView, { src: icons.excel, isDoc: true }), type === "VIDEO" && ((0, jsx_runtime_1.jsx)(VideoView, { src: item?.originalURL, icons: icons }))] }), openModal && type === "IMAGE" && ((0, jsx_runtime_1.jsx)(ImageModal_1.default, { image: item.url, isOpen: openModal, onClose: () => setOpenModal(false) })), openModal && type === "VIDEO" && ((0, jsx_runtime_1.jsx)(VideoModal_1.default, { videoUrl: item.url, isOpen: openModal, onClose: () => setOpenModal(false), icons: icons || {} }))] }));
|
|
73
76
|
}
|
|
74
77
|
exports.default = ImageGallery;
|
|
75
78
|
const ArrowButton = ({ direction, onClick, icons }) => {
|
|
@@ -82,7 +85,7 @@ const ImageView = ({ src, isDoc = false }) => {
|
|
|
82
85
|
return ((0, jsx_runtime_1.jsx)(react_2.Box, { boxShadow: "lg", w: "100%", h: "100%", children: !isDoc ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: src, style: {
|
|
83
86
|
borderRadius: "8px",
|
|
84
87
|
...image.imageView,
|
|
85
|
-
} })) : ((0, jsx_runtime_1.jsx)(react_2.HStack, { w:
|
|
88
|
+
} })) : ((0, jsx_runtime_1.jsx)(react_2.HStack, { w: '100%', h: '100%', justify: 'center', align: 'center', children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: src, style: {
|
|
86
89
|
borderRadius: "8px",
|
|
87
90
|
...image.docView,
|
|
88
91
|
} }) })) }));
|
|
@@ -90,6 +93,6 @@ const ImageView = ({ src, isDoc = false }) => {
|
|
|
90
93
|
const VideoView = ({ src, icons }) => {
|
|
91
94
|
const { image, box } = postDetailStyles_1.postDetailsStyles;
|
|
92
95
|
const [thumbnailUrl, setThumbnailUrl] = (0, react_1.useState)("");
|
|
93
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: { display: "none" }, children: (0, jsx_runtime_1.jsx)(react_video_thumbnail_1.default, { videoUrl: src, thumbnailHandler: (thumbnail) => setThumbnailUrl(thumbnail), snapshotAtTime: 5 }) }), !(0, common_utils_1.isEmptyOrNull)(thumbnailUrl) && ((0, jsx_runtime_1.jsxs)(react_2.Box, { position:
|
|
96
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: { display: "none" }, children: (0, jsx_runtime_1.jsx)(react_video_thumbnail_1.default, { videoUrl: src, thumbnailHandler: (thumbnail) => setThumbnailUrl(thumbnail), snapshotAtTime: 5 }) }), !(0, common_utils_1.isEmptyOrNull)(thumbnailUrl) && ((0, jsx_runtime_1.jsxs)(react_2.Box, { position: 'relative', height: '100%', children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: thumbnailUrl, ...image.imageView, borderTopLeftRadius: '8px', borderBottomLeftRadius: '8px' }), (0, jsx_runtime_1.jsx)(react_2.Box, { ...box.videoContainer, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: icons.videoIcon }) })] }))] }));
|
|
94
97
|
};
|
|
95
98
|
//# sourceMappingURL=ImageGallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageGallery.js","sourceRoot":"","sources":["../../../../src/components/Organisms/PostDetails/ImageGallery.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,8DAIqC;AACrC,4CAAsD;AACtD,kFAAmD;AACnD,yDAAuD;AACvD,sFAA8D;AAC9D,sFAA8D;AAE9D,iEAAiE;AAEjE,SAAwB,YAAY,CAAC,EAAE,WAAW,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAO;IACxE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAA2B;QAC3C,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;KACX,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACvD,MAAM,KAAK,GAAG,IAAA,+BAAgB,EAAC,CAAC,EAAE,QAAQ,CAAC,IAAI,SAAS,CAAC;QACzD,MAAM,KAAK,GAAG,IAAA,+BAAgB,EAAC,CAAC,EAAE,QAAQ,CAAC,IAAI,SAAS,CAAC;QACzD,OAAO,YAAY,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,EAAE;QACrC,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,MAAM,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;YAClC,OAAO,QAAQ,GAAG,CAAC;gBACjB,CAAC,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC;gBAC9B,CAAC,CAAC,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,IAAI,GAAQ,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,IAAA,+BAAgB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,OAAO,EAAE;YACxC,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;aAAM,
|
|
1
|
+
{"version":3,"file":"ImageGallery.js","sourceRoot":"","sources":["../../../../src/components/Organisms/PostDetails/ImageGallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
2
|
+
export default _default;
|
|
3
|
+
export declare const DefaultTimerClock: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, any>;
|