texteditorrefactor 0.0.12 → 0.0.13

package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js

@@ -0,0 +1,357 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRecapGraphLogic = void 0;
+const react_1 = require("react");
+const contentUtils_1 = require("../../../utils/contentUtils");
+const useRecapGraphLogic = (jsonData, contentMap, iconConfig) => {
+    const [expandedNodeId, setExpandedNodeId] = (0, react_1.useState)(null);
+    const [expandedNodeHeight, setExpandedNodeHeight] = (0, react_1.useState)(0);
+    const [activeExpandedNodeId, setActiveExpandedNodeId] = (0, react_1.useState)(null);
+    const [isTransitioning, setIsTransitioning] = (0, react_1.useState)(false);
+    const [expandedNodes, setExpandedNodes] = (0, react_1.useState)({});
+    const [contentExpanded, setContentExpanded] = (0, react_1.useState)({});
+    const [displayTypes, setDisplayTypes] = (0, react_1.useState)({});
+    const [videoIndices, setVideoIndices] = (0, react_1.useState)({});
+    // Build color map with consistent logic
+    const colorMap = (0, react_1.useMemo)(() => {
+        const map = {};
+        let level1ColorIndex = 0;
+        const buildColorMap = (nodeData, level = 0, parentColorKey = null) => {
+            if (!nodeData)
+                return;
+            let colorKey;
+            if (level === 0) {
+                colorKey = "root";
+            }
+            else if (level === 1) {
+                colorKey = String(level1ColorIndex % 8);
+                level1ColorIndex++;
+            }
+            else {
+                colorKey = parentColorKey;
+            }
+            map[nodeData._id] = { level, colorKey };
+            if (nodeData.children?.length) {
+                nodeData.children.forEach((child) => {
+                    buildColorMap(child, level + 1, colorKey);
+                });
+            }
+        };
+        if (jsonData)
+            buildColorMap(jsonData);
+        return map;
+    }, [jsonData]);
+    // Get colors for a node
+    const getNodeColors = (nodeId) => {
+        const colorInfo = colorMap[nodeId] || { level: 0, colorKey: "root" };
+        const headerColor = colorInfo.level === 0 ? contentUtils_1.COLOR_MAP.root : contentUtils_1.COLOR_MAP[colorInfo.colorKey];
+        const bgColor = colorInfo.level === 0
+            ? contentUtils_1.LIGHT_COLOR_MAP.root
+            : contentUtils_1.LIGHT_COLOR_MAP[colorInfo.colorKey];
+        return { headerColor, bgColor, colorInfo };
+    };
+    // Check if node has content
+    const getNodeContent = (nodeId) => {
+        const nodeContent = contentMap[nodeId] || null;
+        const hasContent = nodeContent &&
+            ((nodeContent.videos && nodeContent.videos.length > 0) ||
+                (nodeContent.recap && Object.keys(nodeContent.recap).length > 0));
+        return { nodeContent, hasContent };
+    };
+    // Build nodes for RecapGraph
+    const buildNodes = (data) => {
+        const nodes = [];
+        let level1ColorIndex = 0;
+        const processNode = (nodeData, lvl, parentColorKey = null) => {
+            let colorKey, nodeColor;
+            if (lvl === 0) {
+                colorKey = "root";
+                nodeColor = contentUtils_1.COLOR_MAP.root;
+            }
+            else if (lvl === 1) {
+                colorKey = String(level1ColorIndex % 8);
+                nodeColor = contentUtils_1.COLOR_MAP[colorKey];
+                level1ColorIndex++;
+            }
+            else {
+                colorKey = parentColorKey;
+                nodeColor = contentUtils_1.LIGHT_COLOR_MAP[colorKey];
+            }
+            const { hasContent } = getNodeContent(nodeData._id);
+            nodes.push({
+                id: nodeData._id,
+                type: "flashcard",
+                data: {
+                    id: nodeData._id,
+                    label: nodeData?.description,
+                    color: nodeColor,
+                    content: contentMap[nodeData._id] || null,
+                    hasContent,
+                    bgColor: contentUtils_1.LIGHT_COLOR_MAP[colorKey],
+                    colorKey,
+                    level: lvl,
+                    hasMultipleChildren: nodeData.children?.length > 1,
+                    icons: iconConfig,
+                    onExpandChange: (nodeId, isExpanded, height) => {
+                        setIsTransitioning(true);
+                        if (isExpanded) {
+                            setExpandedNodeId(nodeId);
+                            setExpandedNodeHeight(height);
+                        }
+                        else {
+                            setExpandedNodeId(null);
+                            setExpandedNodeHeight(0);
+                        }
+                        const timer = setTimeout(() => {
+                            setIsTransitioning(false);
+                        }, 350);
+                        return () => clearTimeout(timer);
+                    },
+                    onNodeExpand: (nodeId) => {
+                        setIsTransitioning(true);
+                        setActiveExpandedNodeId(nodeId);
+                    },
+                    shouldClose: activeExpandedNodeId !== null &&
+                        activeExpandedNodeId !== nodeData._id,
+                },
+                position: { x: 0, y: 0 },
+                draggable: false,
+                style: {
+                    zIndex: 1,
+                    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+                },
+            });
+            nodeData.children?.forEach((child) => processNode(child, lvl + 1, colorKey));
+        };
+        if (data)
+            processNode(data, 0);
+        return nodes;
+    };
+    // Build edges for RecapGraph
+    const buildEdges = (data, nodes) => {
+        const edges = [];
+        const nodeColorMap = {};
+        nodes.forEach((n) => {
+            nodeColorMap[n.id] = n.data.color;
+        });
+        const processNode = (nodeData, parentLevel = 0) => {
+            const hasMultipleChildren = (nodeData.children?.length || 0) > 1;
+            nodeData.children?.forEach((child) => {
+                const sourceColor = nodeColorMap[nodeData._id] || "#94a3b8";
+                let sourceHandle = "bottom";
+                let targetHandle = "top";
+                if (parentLevel >= 1 && hasMultipleChildren) {
+                    targetHandle = "left";
+                }
+                else if (parentLevel >= 1) {
+                    targetHandle = "top";
+                }
+                edges.push({
+                    id: `${nodeData._id}-${child._id}`,
+                    source: nodeData._id,
+                    target: child._id,
+                    sourceHandle,
+                    targetHandle,
+                    type: "bezier",
+                    style: { stroke: sourceColor, strokeWidth: 2 },
+                    markerEnd: {
+                        type: "arrowclosed",
+                        color: sourceColor,
+                        width: 10,
+                        height: 10,
+                    },
+                });
+                processNode(child, parentLevel + 1);
+            });
+        };
+        if (data)
+            processNode(data, 0);
+        return edges;
+    };
+    // Compute layout for RecapGraph
+    const computeCustomLayout = (inputNodes, inputEdges) => {
+        if (!inputNodes.length || !jsonData)
+            return { nodes: [], edges: [] };
+        const NODE_WIDTH = 390;
+        const NODE_HEIGHT = 80;
+        const HORIZONTAL_SPACING = 240;
+        const VERTICAL_SPACING = 120;
+        const VERTICAL_STACK_SPACING = 30;
+        const HORIZONTAL_OFFSET = 225;
+        const positions = {};
+        const childrenMap = {};
+        const levelMap = {};
+        const nodeHeights = {};
+        inputNodes.forEach((n) => {
+            if (n.id === expandedNodeId) {
+                nodeHeights[n.id] = NODE_HEIGHT + expandedNodeHeight + 100;
+            }
+            else {
+                nodeHeights[n.id] = NODE_HEIGHT;
+            }
+        });
+        const buildMaps = (node, level = 0, parentId = null) => {
+            levelMap[node._id] = level;
+            if (parentId) {
+                if (!childrenMap[parentId])
+                    childrenMap[parentId] = [];
+                childrenMap[parentId].push(node._id);
+            }
+            if (node.children) {
+                node.children.forEach((child) => buildMaps(child, level + 1, node._id));
+            }
+        };
+        buildMaps(jsonData);
+        const subtreeWidths = {};
+        const subtreeHeights = {};
+        const calcSubtreeDimensions = (nodeId) => {
+            const children = childrenMap[nodeId] || [];
+            const level = levelMap[nodeId];
+            const currentNodeHeight = nodeHeights[nodeId];
+            if (children.length === 0) {
+                subtreeWidths[nodeId] = NODE_WIDTH;
+                subtreeHeights[nodeId] = currentNodeHeight;
+                return;
+            }
+            const hasMultipleChildren = children.length > 1;
+            if (level >= 1 && hasMultipleChildren) {
+                children.forEach((childId) => calcSubtreeDimensions(childId));
+                const maxChildWidth = Math.max(...children.map((cid) => subtreeWidths[cid]));
+                const totalHeight = children.reduce((sum, cid) => sum + subtreeHeights[cid], 0);
+                const spacing = (children.length - 1) * VERTICAL_STACK_SPACING;
+                subtreeWidths[nodeId] = NODE_WIDTH + HORIZONTAL_OFFSET + maxChildWidth;
+                subtreeHeights[nodeId] = Math.max(currentNodeHeight, totalHeight + spacing);
+            }
+            else {
+                children.forEach((childId) => calcSubtreeDimensions(childId));
+                const childrenTotalWidth = children.reduce((sum, cid) => sum + subtreeWidths[cid], 0);
+                const spacing = (children.length - 1) * HORIZONTAL_SPACING;
+                subtreeWidths[nodeId] = Math.max(NODE_WIDTH, childrenTotalWidth + spacing);
+                subtreeHeights[nodeId] = currentNodeHeight;
+            }
+        };
+        const getAllNodeIds = (node) => {
+            let ids = [node._id];
+            if (node.children) {
+                node.children.forEach((child) => {
+                    ids = ids.concat(getAllNodeIds(child));
+                });
+            }
+            return ids;
+        };
+        getAllNodeIds(jsonData).forEach((id) => calcSubtreeDimensions(id));
+        const positionNodes = () => {
+            positions[jsonData._id] = { x: 0, y: 0 };
+            const level1Children = childrenMap[jsonData._id] || [];
+            if (level1Children.length === 0)
+                return;
+            const totalWidth = level1Children.length * NODE_WIDTH;
+            const totalSpacing = (level1Children.length - 1) * HORIZONTAL_SPACING;
+            const fullWidth = totalWidth + totalSpacing;
+            let currentX = -fullWidth / 2;
+            const level1Y = nodeHeights[jsonData._id] + VERTICAL_SPACING;
+            level1Children.forEach((childId) => {
+                positions[childId] = {
+                    x: currentX + NODE_WIDTH / 2,
+                    y: level1Y,
+                };
+                currentX += NODE_WIDTH + HORIZONTAL_SPACING;
+            });
+            const positionSubtree = (parentId) => {
+                const children = childrenMap[parentId] || [];
+                if (children.length === 0)
+                    return;
+                const parentPos = positions[parentId];
+                const parentLevel = levelMap[parentId];
+                const hasMultipleChildren = children.length > 1;
+                if (parentLevel >= 1 && hasMultipleChildren) {
+                    let currentY = parentPos.y + nodeHeights[parentId] + VERTICAL_SPACING - 80;
+                    const childX = parentPos.x + HORIZONTAL_OFFSET;
+                    children.forEach((childId) => {
+                        positions[childId] = {
+                            x: childX,
+                            y: currentY,
+                        };
+                        currentY += nodeHeights[childId] + VERTICAL_STACK_SPACING;
+                        positionSubtree(childId);
+                    });
+                }
+                else {
+                    const childrenTotalWidth = children.reduce((sum, cid) => sum + subtreeWidths[cid], 0);
+                    const spacing = (children.length - 1) * HORIZONTAL_SPACING;
+                    const fullChildrenWidth = childrenTotalWidth + spacing;
+                    let childX = parentPos.x - fullChildrenWidth / 2;
+                    const childY = parentPos.y + nodeHeights[parentId] + VERTICAL_SPACING;
+                    children.forEach((childId) => {
+                        const childWidth = subtreeWidths[childId];
+                        positions[childId] = {
+                            x: childX + childWidth / 2,
+                            y: childY,
+                        };
+                        positionSubtree(childId);
+                        childX += childWidth + HORIZONTAL_SPACING;
+                    });
+                }
+            };
+            level1Children.forEach((childId) => positionSubtree(childId));
+        };
+        positionNodes();
+        const layoutNodes = inputNodes.map((n) => ({
+            ...n,
+            position: positions[n.id] || { x: 0, y: 0 },
+        }));
+        return { nodes: layoutNodes, edges: inputEdges };
+    };
+    // Event handlers for mobile accordion view
+    const handleChevronClick = (nodeId) => {
+        setExpandedNodes((prev) => ({
+            ...prev,
+            [nodeId]: !prev[nodeId],
+        }));
+    };
+    const handleIconClick = (nodeId, type, availableContentTypes) => {
+        const isSame = displayTypes[nodeId] === type;
+        setActiveExpandedNodeId(nodeId);
+        setContentExpanded((prev) => ({
+            ...prev,
+            [nodeId]: isSame ? !prev[nodeId] : true,
+        }));
+        setDisplayTypes((prev) => ({
+            ...prev,
+            [nodeId]: type,
+        }));
+    };
+    const setCurrentVideoIdx = (nodeId, idxOrUpdater) => {
+        setVideoIndices((prev) => {
+            const currentIdx = prev[nodeId] || 0;
+            const newIdx = idxOrUpdater(currentIdx);
+            return {
+                ...prev,
+                [nodeId]: newIdx,
+            };
+        });
+    };
+    return {
+        // State
+        expandedNodeId,
+        expandedNodeHeight,
+        activeExpandedNodeId,
+        isTransitioning,
+        expandedNodes,
+        contentExpanded,
+        displayTypes,
+        videoIndices,
+        colorMap,
+        // Methods
+        getNodeColors,
+        getNodeContent,
+        buildNodes,
+        buildEdges,
+        computeCustomLayout,
+        handleChevronClick,
+        handleIconClick,
+        setCurrentVideoIdx,
+    };
+};
+exports.useRecapGraphLogic = useRecapGraphLogic;
+//# sourceMappingURL=useRecapGraphLogic.js.map

package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js.map

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

package/dist/components/Organisms/StudentEditor/components/EditorComponent.d.ts

@@ -1,5 +1,4 @@
 export const EditorBox: React.NamedExoticComponent<object>;
-export const Topsection: React.NamedExoticComponent<object>;
 export const MobileBottonIcons: React.NamedExoticComponent<object>;
 export const Desktopicons: React.NamedExoticComponent<object>;
 export const LearningCreditsWarning: React.NamedExoticComponent<object>;

package/dist/components/Organisms/StudentEditor/components/EditorComponent.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LearningCreditsWarning = exports.Desktopicons = exports.MobileBottonIcons = exports.Topsection = exports.EditorBox = void 0;
+exports.LearningCreditsWarning = exports.Desktopicons = exports.MobileBottonIcons = exports.EditorBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@chakra-ui/react");
 const common_utils_1 = require("../../../../utils/common-utils");
@@ -11,7 +11,7 @@ const EditorStyles_1 = require("./EditorStyles");
 const LearningPathUtils_1 = require("../../../../utils/LearningPathUtils");
 const react_2 = __importDefault(require("react"));
 const slate_react_1 = require("slate-react");
-exports.EditorBox = react_2.default.memo(({ editorRef, handleClick, showTopSection, height, handleFocus, handleBlur, handleKeyDown, handlePaste, handleDrop, handleDragOver, handleDragEnter, handleDragLeave, handleDragStart, isDisabled, showBottomBar, isRevision, renderElement, }) => {
+exports.EditorBox = react_2.default.memo(({ editorRef, handleClick, height, handleFocus, handleBlur, handleKeyDown, handlePaste, handleDrop, handleDragOver, handleDragEnter, handleDragLeave, handleDragStart, isDisabled, showBottomBar, isRevision, renderElement, }) => {
     return ((0, jsx_runtime_1.jsx)(react_1.Box, { ref: editorRef, onClick: handleClick, flex: 1, width: ["100%", "auto"], sx: {
             position: "relative",
             minH: "0px",
@@ -19,8 +19,6 @@ exports.EditorBox = react_2.default.memo(({ editorRef, handleClick, showTopSecti
             overflow: "auto",
             cursor: "text",
             mt: 2,
-            pt: showTopSection ? "60px" : "0px",
-            transition: "padding-top 0.3s ease-in-out",
         }, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: {
                 "[data-slate-placeholder]": {
                     display: isDisabled ? "none !important" : "block !important",
@@ -28,9 +26,6 @@ exports.EditorBox = react_2.default.memo(({ editorRef, handleClick, showTopSecti
                     pointerEvents: "none !important",
                     fontWeight: "400 !important",
                     fontSize: "16px !important",
-                    position: "absolute !important",
-                    top: "0px !important",
-                    left: "4px !important",
                 },
             }, children: (0, jsx_runtime_1.jsx)(slate_react_1.Editable, { "data-testid": "input-editor", renderElement: renderElement, placeholder: showBottomBar
                     ? isRevision
@@ -41,7 +36,9 @@ exports.EditorBox = react_2.default.memo(({ editorRef, handleClick, showTopSecti
                     outline: "none",
                     minHeight: "50px",
                     zIndex: 1,
+                    backgroundColor: "transparent",
                     cursor: isDisabled ? "not-allowed" : "text",
+                    userSelect: isDisabled ? "none" : "auto",
                     pointerEvents: isDisabled ? "none" : "auto",
                     paddingLeft: "4px",
                     width: "100%",
@@ -54,30 +51,6 @@ exports.EditorBox = react_2.default.memo(({ editorRef, handleClick, showTopSecti
                     scrollbarWidth: "none",
                 } }) }) }));
 });
-exports.Topsection = react_2.default.memo(({ showTopSection, tutorMode, taskType, isDisabled }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { position: "absolute", top: "0", left: "0", right: "0", zIndex: 10, overflow: "hidden", sx: {
-            height: showTopSection ? "auto" : "0px",
-            opacity: showTopSection ? 1 : 0,
-            transition: showTopSection
-                ? "opacity 0.2s ease-in-out 0.1s, height 0.3s ease-in-out"
-                : "opacity 0.15s ease-in-out, height 0.25s ease-in-out 0.1s",
-        }, children: (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: {
-                transform: showTopSection ? "translateY(0)" : "translateY(-100%)",
-                transition: showTopSection
-                    ? "transform 0.3s ease-out 0.15s"
-                    : "transform 0.2s ease-in",
-                backgroundColor: tutorMode || (!tutorMode && taskType === LearningPathUtils_1.taskTypes.assessment)
-                    ? "white"
-                    : "#F8F3D8",
-                borderRadius: "12px 12px 0 0",
-                px: 4,
-                pt: 3,
-            }, children: [(0, jsx_runtime_1.jsxs)(react_1.HStack, { justifyContent: "space-between", position: "relative", userSelect: "none", pb: 2, children: [(0, jsx_runtime_1.jsx)(react_1.Box, { ml: 2, display: "flex", children: !isDisabled && ((0, jsx_runtime_1.jsx)(react_1.Text, { as: "div", sx: EditorStyles_1.styles.multiLineText, children: "Press Enter to send, Shift+Enter for new line" })) }), (0, jsx_runtime_1.jsxs)(react_1.HStack, { spacing: "0px", display: ["none", "flex"], mr: 2, children: [(0, jsx_runtime_1.jsx)(react_1.Text, { as: "div", sx: EditorStyles_1.styles.multiLineBox, children: "Shift" }), (0, jsx_runtime_1.jsx)(react_1.Text, { as: "div", ml: 2, mr: 2, children: "+" }), (0, jsx_runtime_1.jsx)(react_1.Text, { as: "div", sx: EditorStyles_1.styles.multiLineBox, children: "Enter" })] })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { sx: {
-                        height: "1px",
-                        backgroundColor: "#E0DBDB",
-                        width: "100%",
-                    } })] }) }));
-});
 exports.MobileBottonIcons = react_2.default.memo(({ tutorMode, taskType, icons, isDisabled, openMathEditor, addImageRender, data, handleSubmit, handleChange, }) => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { sx: {
                     height: "1px",
@@ -147,7 +120,6 @@ exports.LearningCreditsWarning = react_2.default.memo(({ icons, data, handleSubm
                 }
             } }))] })));
 exports.EditorBox.displayName = "EditorBox";
-exports.Topsection.displayName = "Topsection";
 exports.MobileBottonIcons.displayName = "MobileBottonIcons";
 exports.Desktopicons.displayName = "Desktopicons";
 exports.LearningCreditsWarning.displayName = "LearningCreditsWarning";

package/dist/components/Organisms/StudentEditor/components/EditorComponent.js.map

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

package/dist/components/Organisms/StudentEditor/components/TextEditor.js

@@ -69,8 +69,6 @@ const TextEditor = (props) => {
     const [currentLatex, setCurrentLatex] = (0, react_1.useState)("");
     const [editingPath, setEditingPath] = (0, react_1.useState)(null);
     const editorRef = (0, react_1.useRef)(null);
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
     const isDisabledRevision = isDisabled && isRevision;
     (0, react_1.useEffect)(() => {
         setValue((0, slate_conversions_1.textToSlate)(data));
@@ -82,17 +80,18 @@ const TextEditor = (props) => {
         handleOpenMath && openMathEditor();
     }, [handleOpenMath]);
     // Focus the editor when it first mounts
-    // useEffect(() => {
-    //   if (!isDisabled) {
-    //     setTimeout(() => {
-    //       try {
-    //         ReactEditor.focus(editor);
-    //       } catch (error) {
-    //         console.error("Error focusing editor on mount:", error);
-    //       }
-    //     }, 100);
-    //   }
-    // }, [editor, isDisabled]);
+    (0, react_1.useEffect)(() => {
+        if (!isDisabled) {
+            setTimeout(() => {
+                try {
+                    slate_react_1.ReactEditor.focus(editor);
+                }
+                catch (error) {
+                    console.error("Error focusing editor on mount:", error);
+                }
+            }, 100);
+        }
+    }, [editor, isDisabled]);
     // Function to open the math editor modal for new entries
     const openMathEditor = (0, react_1.useCallback)(() => {
         const { selection } = editor;
@@ -270,40 +269,8 @@ const TextEditor = (props) => {
     const handleDragLeave = (0, react_1.useCallback)((event) => {
         event.preventDefault();
     }, []);
-    const handleFocus = (0, react_1.useCallback)(() => {
-        setIsFocused(true);
-    }, []);
-    const handleBlur = (0, react_1.useCallback)(() => {
-        setIsFocused(false);
-    }, []);
-    const showTopSection = !isMobile &&
-        (isFocused || isHovered) &&
-        tutorMode &&
-        !isRevision &&
-        showBottomBar;
-    const handleEditorMouseEnter = (0, react_1.useCallback)(() => {
-        if (!isMobile) {
-            setIsHovered(true);
-        }
-    }, [isMobile]);
-    const handleEditorMouseLeave = (0, react_1.useCallback)(() => {
-        if (!isMobile) {
-            setIsHovered(false);
-            setIsFocused(false);
-        }
-    }, [isMobile]);
-    // Use effect to handle clicks outside the editor
-    // useEffect(() => {
-    //     const handleClickOutside = (event) => {
-    //       if (editorRef.current && !editorRef.current.contains(event.target)) {
-    //            setIsFocused(false);
-    //         }
-    //     };
-    //     document.addEventListener('mousedown', handleClickOutside);
-    //     return () => {
-    //         document.removeEventListener('mousedown', handleClickOutside);
-    //     };
-    // }, []);
+    const handleFocus = (0, react_1.useCallback)(() => { }, []);
+    const handleBlur = (0, react_1.useCallback)(() => { }, []);
     // Alternative onKeyDown handler approach for the Editable component
     const handleKeyDown = (0, react_1.useCallback)((event) => {
         if (isDisabled || !onSubmit)
@@ -314,25 +281,24 @@ const TextEditor = (props) => {
             event.preventDefault();
         }
         if (event.key === "Enter") {
-            if (isMobile) {
-                return; // Let the default behavior happen (new line)
-            }
-            if (event.shiftKey) {
-                return; // Let the default behavior happen (new line)
-            }
-            // Regular Enter should submit
-            event.preventDefault();
-            const currentText = (0, slate_conversions_1.slateToText)(value);
-            if (!(0, common_utils_1.isEmptyOrNull)(currentText?.trim()) && showBottomBar == true) {
-                handleSubmit();
-                handleChange && handleChange("");
-            }
+            // if (isMobile) {
+            return; // Let the default behavior happen (new line)
+            // }
+            // if (event.shiftKey) {
+            //   return; // Let the default behavior happen (new line)
+            // }
+            // // Regular Enter should submit
+            // event.preventDefault();
+            // const currentText = slateToText(value);
+            // if (!isEmptyOrNull(currentText?.trim()) && showBottomBar == true) {
+            //   handleSubmit();
+            //   handleChange && handleChange("");
+            // }
         }
     }, [value, handleSubmit, handleChange, isDisabled, onSubmit]);
     const editorBoxProps = (0, react_1.useMemo)(() => ({
         editorRef,
         handleClick,
-        showTopSection,
         height,
         handleFocus,
         handleBlur,
@@ -350,7 +316,6 @@ const TextEditor = (props) => {
     }), [
         editorRef,
         handleClick,
-        showTopSection,
         height,
         handleFocus,
         handleBlur,
@@ -381,7 +346,7 @@ const TextEditor = (props) => {
     const IconsComponent = isMobile ? EditorComponent_1.MobileBottonIcons : EditorComponent_1.Desktopicons;
     return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { theme: theme, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { "data-testid": "studenteditor", w: "100%", borderRadius: "8px", p: "24px", border: showBottomBar ? "1px solid #BFBEDC" : "none", pointerEvents: isDisabled ? "none" : "auto", opacity: tutorMode === false ? 1 : isDisabled ? 0.5 : 1, bg: tutorMode || (!tutorMode && taskType === LearningPathUtils_1.taskTypes.assessment)
                 ? "white"
-                : "#F8F3D8", onMouseEnter: handleEditorMouseEnter, onMouseLeave: handleEditorMouseLeave, position: "relative", children: [showTopSection && ((0, jsx_runtime_1.jsx)(EditorComponent_1.Topsection, { showTopSection: showTopSection, tutorMode: tutorMode, taskType: taskType, isDisabled: isDisabled })), (tutorMode || (!tutorMode && taskType === LearningPathUtils_1.taskTypes.assessment)) && ((0, jsx_runtime_1.jsx)(slate_react_1.Slate, { editor: editor, initialValue: value, onChange: (newValue) => {
+                : "#F8F3D8", children: [(tutorMode || (!tutorMode && taskType === LearningPathUtils_1.taskTypes.assessment)) && ((0, jsx_runtime_1.jsx)(slate_react_1.Slate, { editor: editor, initialValue: value, onChange: (newValue) => {
                         setValue(newValue);
                         handleChange && handleChange((0, slate_conversions_1.slateToText)(newValue));
                     }, children: (0, jsx_runtime_1.jsxs)(StackWrapper, { spacing: 0, alignItems: isMobile ? "stretch" : "flex-end", width: "100%", children: [(0, jsx_runtime_1.jsx)(EditorComponent_1.EditorBox, { ...editorBoxProps }), (0, jsx_runtime_1.jsx)(IconsComponent, { ...iconProps, isDisabledRevision: !isMobile ? isDisabledRevision : "" })] }) })), !tutorMode && taskType !== LearningPathUtils_1.taskTypes.assessment && !isRevision && ((0, jsx_runtime_1.jsx)(EditorComponent_1.LearningCreditsWarning, { icons: icons, data: data, handleSubmit: handleSubmit, handleChange: handleChange })), (0, jsx_runtime_1.jsx)(MathModal_1.default, { isOpen: isModalOpen, onClose: handleModalClose, onSave: handleSaveMath, initialLatex: currentLatex, subject: props.subject })] }) }));