texteditorrefactor 0.0.5 → 0.0.12

package/dist/components/Organisms/D3Graphs/Reactflow.js

@@ -0,0 +1,244 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const reactflow_1 = __importStar(require("reactflow"));
+require("reactflow/dist/style.css");
+const RecapData_1 = require("../../../utils/RecapData");
+const colors = [
+    '#FFD700', '#9B59B6', '#76D7C4', '#FF6B6B', '#4ECDC4',
+    '#45B7D1', '#FFA07A', '#98D8C8', '#F7DC6F', '#BB8FCE',
+    '#85C1E2', '#F8B88B', '#A9DFBF', '#F5B7B1', '#D7BDE2'
+];
+const getRandomColor = (id) => {
+    let hash = 0;
+    for (let i = 0; i < id.length; i++) {
+        hash = ((hash << 5) - hash) + id.charCodeAt(i);
+        hash = hash & hash;
+    }
+    return colors[Math.abs(hash) % colors.length];
+};
+const getNodeStyle = (depth, color) => {
+    const sizes = {
+        0: { width: 220, height: 70, fontSize: 13 },
+        1: { width: 200, height: 60, fontSize: 12 },
+        2: { width: 180, height: 55, fontSize: 11 },
+        3: { width: 160, height: 50, fontSize: 10 },
+        4: { width: 140, height: 45, fontSize: 9 },
+    };
+    const size = sizes[Math.min(depth, 4)];
+    return {
+        background: color,
+        border: `2px solid ${color}`,
+        borderRadius: '8px',
+        padding: '8px',
+        fontSize: `${size.fontSize}px`,
+        fontWeight: 'bold',
+        color: depth === 0 ? '#000' : '#fff',
+        textAlign: 'center',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: `${size.width}px`,
+        height: `${size.height}px`,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-word',
+    };
+};
+const truncateText = (text, maxLength = 40) => {
+    return text.length > maxLength ? text.substring(0, maxLength) + '...' : text;
+};
+// Function to merge content by ID
+const mergeContentByID = (contentArrays) => {
+    const mergedContent = {};
+    contentArrays.forEach((contentObj) => {
+        Object.entries(contentObj).forEach(([id, content]) => {
+            console.log(`Merging content for ID: ${id}`, content);
+            if (!mergedContent[id]) {
+                mergedContent[id] = {
+                    videos: [],
+                    recap: null,
+                    sections: {},
+                };
+            }
+            // Handle array content (videos)
+            if (Array.isArray(content)) {
+                console.log(`Adding videos to ${id}:`, content);
+                mergedContent[id].videos.push(...content);
+            }
+            // Handle object content (recap, sections)
+            else if (typeof content === 'object' && content !== null) {
+                if (content.sections) {
+                    console.log(`Adding sections to ${id}:`, content.sections);
+                    mergedContent[id].sections = {
+                        ...mergedContent[id].sections,
+                        ...content.sections,
+                    };
+                }
+                else {
+                    console.log(`Adding recap/other content to ${id}:`, content);
+                    mergedContent[id].recap = content;
+                }
+            }
+            console.log(`Merged state for ${id}:`, mergedContent[id]);
+        });
+    });
+    return mergedContent;
+};
+const buildNodesAndEdges = (data, contentData = null) => {
+    const nodes = [];
+    const edges = [];
+    const nodeColorMap = {};
+    const nodeContentMap = {};
+    // Merge content if provided
+    let mergedContent = {};
+    if (contentData) {
+        mergedContent = mergeContentByID(contentData);
+        console.log('Final merged content:', mergedContent);
+    }
+    // First pass: collect all nodes and their depths
+    const nodeDepthMap = {};
+    const childrenCountMap = {};
+    const traverse = (node, depth = 0) => {
+        const nodeId = node._id;
+        const nodeColor = getRandomColor(nodeId);
+        nodeColorMap[nodeId] = nodeColor;
+        nodeDepthMap[nodeId] = depth;
+        // Check if this node has associated content
+        if (mergedContent[nodeId]) {
+            console.log(`Found content for node ID: ${nodeId}`, mergedContent[nodeId]);
+            nodeContentMap[nodeId] = mergedContent[nodeId];
+        }
+        nodes.push({
+            id: nodeId,
+            data: { label: truncateText(node.name) },
+            position: { x: 0, y: 0 },
+            depth,
+            color: nodeColor,
+            hasContent: !!mergedContent[nodeId],
+        });
+        if (node.children && node.children.length > 0) {
+            node.children.forEach((child) => {
+                edges.push({
+                    id: `${nodeId}-${child._id}`,
+                    source: nodeId,
+                    target: child._id,
+                    type: 'smoothstep',
+                });
+                traverse(child, depth + 1);
+            });
+        }
+    };
+    if (data && data.data && data.data.length > 0) {
+        traverse(data.data[0]);
+    }
+    // Second pass: calculate positions using improved spacing algorithm
+    const levelMap = {};
+    nodes.forEach((node) => {
+        const depth = nodeDepthMap[node.id];
+        if (!levelMap[depth]) {
+            levelMap[depth] = [];
+        }
+        levelMap[depth].push(node.id);
+    });
+    // Calculate proper spacing based on tree structure
+    const levelHeight = 200;
+    let maxNodesInLevel = 0;
+    Object.keys(levelMap).forEach((level) => {
+        maxNodesInLevel = Math.max(maxNodesInLevel, levelMap[level].length);
+    });
+    const baseHorizontalSpacing = Math.max(320, 250 + (maxNodesInLevel * 20));
+    // Position nodes level by level
+    Object.keys(levelMap).forEach((level) => {
+        const nodesInLevel = levelMap[level];
+        const levelIndex = parseInt(level);
+        // Calculate spacing for this level
+        const totalWidth = (nodesInLevel.length - 1) * baseHorizontalSpacing;
+        const startX = -totalWidth / 2;
+        nodesInLevel.forEach((nodeId, index) => {
+            const node = nodes.find((n) => n.id === nodeId);
+            if (node) {
+                node.position = {
+                    x: startX + index * baseHorizontalSpacing,
+                    y: levelIndex * levelHeight,
+                };
+            }
+        });
+    });
+    // Build final edges with styling
+    const finalEdges = edges.map((edge) => ({
+        ...edge,
+        style: {
+            stroke: nodeColorMap[edge.source],
+            strokeWidth: 2,
+        },
+    }));
+    // Build final nodes with styling
+    const finalNodes = nodes.map((node) => ({
+        id: node.id,
+        data: { label: node.data.label },
+        position: node.position,
+        style: getNodeStyle(node.depth, node.color),
+    }));
+    return { nodes: finalNodes, edges: finalEdges };
+};
+// Sample content arrays
+const contentArrays = [
+    {
+        "640ae1d4db321523ed862422": ["video1.mp4", "video2.mp4"],
+    },
+    {
+        "640ae1d4db321523ed862422": {
+            sections: {
+                "summary": [
+                    { "title": "Introduction", "description": "Overview" }
+                ]
+            }
+        },
+    },
+    {
+        "640ae29fdb321523ed86242a": ["video3.mp4", "video4.mp4"],
+    },
+    {
+        "640ae20fdb321523ed862426": {
+            sections: {
+                "detailed": [
+                    { "title": "Types", "description": "Resource types explained" }
+                ]
+            }
+        },
+    }
+];
+function KnowledgeCellFlowchart() {
+    const { nodes: initialNodes, edges: initialEdges } = (0, react_1.useMemo)(() => buildNodesAndEdges(RecapData_1.jsonData, contentArrays), []);
+    const [nodes] = (0, reactflow_1.useNodesState)(initialNodes);
+    const [edges] = (0, reactflow_1.useEdgesState)(initialEdges);
+    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 }) }));
+}
+exports.default = KnowledgeCellFlowchart;
+//# sourceMappingURL=Reactflow.js.map

package/dist/components/Organisms/D3Graphs/Reactflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reactflow.js","sourceRoot":"","sources":["../../../../src/components/Organisms/D3Graphs/Reactflow.jsx"],"names":[],"mappings":"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"}

package/dist/components/Organisms/FlashCardNode/AccordionChildItem.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const icons_1 = require("@chakra-ui/icons");
+const AccordionChildItem = (0, react_1.memo)(({ child, parentColor, index, isMobile }) => {
+    const [childExpanded, setChildExpanded] = (0, react_1.useState)(false);
+    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) => {
+                            e.stopPropagation();
+                            setChildExpanded(!childExpanded);
+                        }, 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)"] }) }))] }));
+});
+AccordionChildItem.displayName = 'AccordionChildItem';
+//# sourceMappingURL=AccordionChildItem.js.map

package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionChildItem.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/AccordionChildItem.jsx"],"names":[],"mappings":"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"}

package/dist/components/Organisms/FlashCardNode/FlashCardNode.d.ts

@@ -0,0 +1,3 @@
+export default FlashcardNode;
+declare const FlashcardNode: React.NamedExoticComponent<object>;
+import React from "react";

package/dist/components/Organisms/FlashCardNode/FlashCardNode.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const NodeHandles_1 = require("./NodeHandles");
+const contentUtils_1 = require("../../../utils/contentUtils");
+const FlashcardContainer_1 = __importDefault(require("./FlashcardContainer"));
+const FlashcardNode = (0, react_1.memo)(({ data, rootNodeId, onContentUpdate, isAdmin, onIconDataUpdate, isMobile, }) => {
+    const [currentVideoIdx, setCurrentVideoIdx] = (0, react_1.useState)(0);
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
+    const { hasContent, level, hasMultipleChildren, color, label, icons = [], content, bgColor, colorKey, } = data;
+    const availableTypes = (0, contentUtils_1.getAvailableContentTypes)(content);
+    const [displayType, setDisplayType] = (0, react_1.useState)(null);
+    const availableIcons = icons.filter((icon) => availableTypes.includes(icon.type));
+    const handleIconClick = (iconType) => {
+        const newExpanded = displayType === iconType ? !isExpanded : true;
+        setDisplayType(iconType);
+        setIsExpanded(newExpanded);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { width: "390px" }, 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 })] }));
+});
+FlashcardNode.displayName = "FlashcardNode";
+exports.default = FlashcardNode;
+//# sourceMappingURL=FlashCardNode.js.map

package/dist/components/Organisms/FlashCardNode/FlashCardNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashCardNode.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashCardNode.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8C;AAC9C,+CAA4C;AAC5C,8DAAuE;AACvE,8EAAsD;AAEtD,MAAM,aAAa,GAAG,IAAA,YAAI,EACxB,CAAC,EACC,IAAI,EACJ,UAAU,EACV,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,QAAQ,GACT,EAAE,EAAE;IACH,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,EACP,OAAO,EACP,QAAQ,GACT,GAAG,IAAI,CAAC;IAET,MAAM,cAAc,GAAG,IAAA,uCAAwB,EAAC,OAAO,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAErD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAC3C,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CACnC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,EAAE;QACnC,MAAM,WAAW,GAAG,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAClE,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzB,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,aAC5B,uBAAC,yBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,GAAI,EAEvE,uBAAC,4BAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,IAAI,CAAC,EAAE,EACf,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,kBAAe,aAAa,CAAC"}

package/dist/components/Organisms/FlashCardNode/FlashcardContainer.d.ts

@@ -0,0 +1,26 @@
+export default FlashcardContainer;
+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, }: {
+    label: any;
+    color: any;
+    hasContent: any;
+    isExpanded: any;
+    isNodeExpanded: any;
+    isContentExpanded: any;
+    availableIcons: any;
+    displayType: any;
+    handleIconClick: any;
+    content: any;
+    currentVideoIdx: any;
+    setCurrentVideoIdx: any;
+    isAdmin: any;
+    onContentUpdate: any;
+    nodeId: any;
+    rootNodeId: any;
+    onIconDataUpdate: any;
+    isMobile: any;
+    hasChildren: any;
+    onChevronClick: any;
+    level: any;
+    colorKey: any;
+    bgColor: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@chakra-ui/react");
+const IconBar_1 = require("./IconBar");
+const ContentView_1 = require("../../Molecules/RecapNode/ContentView");
+const icons_1 = require("@chakra-ui/icons");
+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, }) => {
+    const handleAddClick = () => {
+        onContentUpdate({
+            contentid: content?.contentid,
+            topicId: rootNodeId,
+            contentCellId: nodeId,
+            data: content,
+        });
+    };
+    const lightenedBg = bgColor;
+    // Determine if content should be shown
+    const shouldShowContent = isMobile ? isContentExpanded : isExpanded;
+    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", 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", fontStyle: "semibold" // "Semi Bold" is controlled by fontWeight, not fontStyle
+                            , fontSize: "14px", lineHeight: "150%", letterSpacing: "-0.019em" // -1.9% converted to em
+                            , children: label }) }), hasContent && ((0, jsx_runtime_1.jsx)(IconBar_1.IconBar, { icons: availableIcons, displayType: displayType, onIconClick: handleIconClick, content: content })), isAdmin && ((0, jsx_runtime_1.jsx)(react_2.Button, { onClick: handleAddClick, sx: {
+                            width: "28px",
+                            height: "28px",
+                            minWidth: "28px",
+                            borderRadius: "50%",
+                            background: "linear-gradient(135deg, #0f62fe, #0043ce)",
+                            color: "#fff",
+                            fontSize: "18px",
+                            fontWeight: "600",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            boxShadow: "0 4px 10px rgba(15, 98, 254, 0.35)",
+                            transition: "all 0.2s ease-in-out",
+                            "&:hover": {
+                                background: "linear-gradient(135deg, #0043ce, #0f62fe)",
+                                transform: "scale(1.05)",
+                                boxShadow: "0 6px 16px rgba(15, 98, 254, 0.45)",
+                            },
+                            "&:active": {
+                                transform: "scale(0.95)",
+                            },
+                        }, children: "+" })), isMobile && hasChildren && ((0, jsx_runtime_1.jsx)(react_2.Box, { cursor: "pointer", onClick: onChevronClick, ml: "4px", display: "flex", alignItems: "center", children: isNodeExpanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { w: "25px", h: "25px", color: "white" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { w: "25px", h: "25px", color: "white" })) }))] }), hasContent && shouldShowContent && ((0, jsx_runtime_1.jsx)(react_2.Box, { p: content.recap &&
+                    ["definitions", "formula", "equations"].includes(displayType)
+                    ? "0px"
+                    : "12px", 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 }) }))] }));
+};
+exports.default = FlashcardContainer;
+//# sourceMappingURL=FlashcardContainer.js.map

package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashcardContainer.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashcardContainer.jsx"],"names":[],"mappings":"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"}

package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FlashcardNode from './FlashCardNode';
+import 'reactflow/dist/style.css';
+declare const meta: Meta<typeof FlashcardNode>;
+export default meta;
+type Story = StoryObj<typeof FlashcardNode>;
+export declare const BasicNode: Story;
+export declare const RootWithVideos: Story;
+export declare const Level1WithDefinitions: Story;
+export declare const Level2WithFormulas: Story;
+export declare const Level2WithEquations: Story;
+export declare const AllContentTypes: Story;
+export declare const LiteratureNode: Story;
+export declare const MultipleChildrenNode: Story;
+export declare const EmptyContent: Story;