performanceresultscreens 0.0.1

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

@@ -0,0 +1,353 @@
+"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 react_2 = require("@chakra-ui/react");
+const MathKeyboard_1 = __importDefault(require("./MathKeyboard"));
+const CustomButton_1 = __importDefault(require("../../../Atoms/CustomButton/CustomButton"));
+const mathModalStyles_1 = require("./mathModalStyles");
+const Shortcuts_1 = __importDefault(require("./Shortcuts"));
+const MathModal = ({ isOpen, onClose, onSave, initialLatex = '', subject }) => {
+    const isMobile = (0, react_2.useBreakpointValue)({ base: true, md: false });
+    const mathfieldRef = (0, react_1.useRef)(null);
+    const [latexValue, setLatexValue] = (0, react_1.useState)(initialLatex);
+    const [isPanelOpen, setIsPanelOpen] = (0, react_1.useState)(false);
+    const mathliveRef = (0, react_1.useRef)(null);
+    // Add ref to capture first panel height
+    const firstPanelRef = (0, react_1.useRef)(null);
+    const [panelHeight, setPanelHeight] = (0, react_1.useState)(null);
+    // Toggle panel function with height capture
+    const togglePanel = (0, react_1.useCallback)(() => {
+        if (!isPanelOpen && firstPanelRef.current) {
+            const height = firstPanelRef.current.offsetHeight;
+            setPanelHeight(height);
+        }
+        setIsPanelOpen(prev => !prev);
+    }, [isPanelOpen]);
+    (0, react_1.useEffect)(() => {
+        if (firstPanelRef.current) {
+            const height = firstPanelRef.current.offsetHeight;
+            setPanelHeight(height);
+        }
+    }, [latexValue]);
+    // Dynamic import of mathlive
+    (0, react_1.useEffect)(() => {
+        if (typeof window !== 'undefined') {
+            Promise.resolve().then(() => __importStar(require('mathlive'))).then(mathliveModule => {
+                mathliveRef.current = mathliveModule;
+            }).catch(err => {
+                console.error('Error importing mathlive:', err);
+            });
+        }
+    }, []);
+    // Remove MathLive keyboards
+    (0, react_1.useEffect)(() => {
+        if (!isOpen || typeof window === 'undefined')
+            return;
+        if (!mathliveRef.current)
+            return;
+        const removeKeyboards = () => {
+            const keyboards = document.querySelectorAll('.ML__keyboard, .MLK__keyboard');
+            keyboards.forEach(keyboard => {
+                if (keyboard && keyboard.parentNode) {
+                    keyboard.parentNode.removeChild(keyboard);
+                }
+            });
+            const mathlive = mathliveRef.current;
+            if (mathlive.mathVirtualKeyboard) {
+                try {
+                    mathlive.mathVirtualKeyboard.hide();
+                    mathlive.mathVirtualKeyboard.visible = false;
+                    mathlive.mathVirtualKeyboard.disabled = true;
+                    const keyboardProto = Object.getPrototypeOf(mathlive.mathVirtualKeyboard);
+                    if (keyboardProto) {
+                        const noop = () => { };
+                        keyboardProto.show = noop;
+                        keyboardProto.hide = noop;
+                        keyboardProto.toggle = noop;
+                    }
+                }
+                catch (e) {
+                    console.log('Error disabling global keyboard:', e);
+                }
+            }
+        };
+        removeKeyboards();
+        const intervalId = setInterval(removeKeyboards, 100);
+        return () => {
+            clearInterval(intervalId);
+        };
+    }, [isOpen, mathliveRef.current]);
+    const handleClose = (0, react_1.useCallback)((e) => {
+        if (e) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        if (mathfieldRef.current) {
+            mathfieldRef.current.blur();
+            if (document.activeElement) {
+                document.activeElement.blur();
+            }
+        }
+        setIsPanelOpen(false);
+        setTimeout(() => { onClose(); }, 10);
+    }, [onClose]);
+    // Setup MathLive field
+    (0, react_1.useEffect)(() => {
+        if (!isOpen || typeof window === 'undefined')
+            return;
+        if (!mathliveRef.current)
+            return;
+        console.log("Modal is open, setting up MathLive field");
+        setLatexValue(initialLatex);
+        const setupMathField = () => {
+            try {
+                const container = document.getElementById('mathfield-container');
+                console.log("Container found:", container);
+                if (container) {
+                    container.innerHTML = '';
+                    console.log("Container cleared");
+                    const wrapperDiv = document.createElement('div');
+                    wrapperDiv.style.width = '100%';
+                    wrapperDiv.style.minHeight = '60px';
+                    container.appendChild(wrapperDiv);
+                    console.log("Wrapper div created and appended");
+                    const mathfield = document.createElement('math-field');
+                    mathfield.style.cssText = `
+            display: block !important;
+            width: 100% !important;
+            min-height: 50px !important;
+            padding: 8px !important;
+            font-size: 16px !important;
+            background-color: white !important;
+            border: none !important;
+            outline: none !important;
+          `;
+                    mathfield.setAttribute('default-mode', 'math');
+                    mathfield.setAttribute('smart-fence', 'true');
+                    mathfield.setAttribute('smart-superscript', 'true');
+                    mathfield.setAttribute('virtual-keyboard-mode', 'off');
+                    mathfield.setAttribute('virtual-keyboard', 'none');
+                    mathfield.setAttribute('virtual-keyboards', 'off');
+                    mathfield.setAttribute('keypress-vibration', 'off');
+                    mathfield.setAttribute('virtual-keyboard-theme', 'none');
+                    mathfield.setAttribute('no-auto-complete', 'true');
+                    mathfield.setAttribute('popover-policy', 'off');
+                    mathfield.setAttribute('menu', 'true');
+                    if (mathfield.constructor && mathfield.constructor.prototype) {
+                        try {
+                            const proto = Object.getPrototypeOf(mathfield);
+                            if (proto) {
+                                const noop = () => { };
+                                mathfield.showVirtualKeyboard = noop;
+                                mathfield.hideVirtualKeyboard = noop;
+                                mathfield.toggleVirtualKeyboard = noop;
+                                if (proto.showVirtualKeyboard)
+                                    proto.showVirtualKeyboard = noop;
+                                if (proto.hideVirtualKeyboard)
+                                    proto.hideVirtualKeyboard = noop;
+                                if (proto.toggleVirtualKeyboard)
+                                    proto.toggleVirtualKeyboard = noop;
+                            }
+                        }
+                        catch (e) {
+                            console.log('Could not override keyboard methods:', e);
+                        }
+                    }
+                    mathfield.addEventListener('input', () => {
+                        console.log("MathField input event triggered");
+                        setLatexValue(mathfield.value);
+                    });
+                    let valueToSet = initialLatex || '';
+                    wrapperDiv.appendChild(mathfield);
+                    console.log("MathField created and appended to wrapper");
+                    if (mathliveRef.current && mathliveRef.current.makeSharedOptions) {
+                        try {
+                            const options = mathliveRef.current.makeSharedOptions({
+                                menuItems: [
+                                    'insert-matrix',
+                                    'separator',
+                                    'insert',
+                                    'separator',
+                                    'mode',
+                                    'separator',
+                                    'font-style',
+                                    'separator',
+                                    'color',
+                                    'separator',
+                                    'evaluate',
+                                    'simplify',
+                                    'separator',
+                                    'cut',
+                                    'copy',
+                                    'paste'
+                                ]
+                            });
+                            if (mathfield.setOptions) {
+                                mathfield.setOptions({
+                                    ...options,
+                                    virtualKeyboardMode: 'off',
+                                    popoverPolicy: 'off',
+                                    enablePopover: false
+                                });
+                            }
+                        }
+                        catch (e) {
+                            console.log('Error setting menu options:', e);
+                        }
+                    }
+                    setTimeout(() => {
+                        try {
+                            mathfield.value = valueToSet;
+                            mathfieldRef.current = mathfield;
+                            mathfield.focus();
+                            if (valueToSet.length > 0) {
+                                try {
+                                    mathfield.executeCommand(['moveToMathFieldEnd']);
+                                }
+                                catch (e) {
+                                    console.log("Couldn't move cursor to end:", e);
+                                }
+                            }
+                        }
+                        catch (err) {
+                            console.error("Error setting mathfield value:", err);
+                        }
+                    }, 50);
+                }
+            }
+            catch (error) {
+                console.error('Error setting up MathLive:', error);
+            }
+        };
+        setTimeout(setupMathField, 200);
+        return () => {
+            console.log("Cleaning up mathfield reference");
+            mathfieldRef.current = null;
+        };
+    }, [isOpen, initialLatex, mathliveRef.current]);
+    const handleKeyPress = (0, react_1.useCallback)((value) => {
+        if (mathfieldRef.current) {
+            const mf = mathfieldRef.current;
+            if (mf.mode === 'latex') {
+                // Stay in LaTeX mode, insert as LaTeX text
+                mf.insert(value, { format: 'latex', selectionMode: 'after' });
+            }
+            else {
+                // Normal math mode insertion
+                mf.insert(value);
+            }
+            mf.focus();
+        }
+    }, []);
+    const handleClear = (0, react_1.useCallback)(() => {
+        if (mathfieldRef.current) {
+            mathfieldRef.current.value = '';
+            mathfieldRef.current.focus();
+            setLatexValue('');
+        }
+    }, []);
+    const handleBackslash = (value) => {
+        const mf = mathfieldRef.current;
+        if (!mf) {
+            console.warn('MathField not available');
+            return;
+        }
+        try {
+            mf.mode = 'latex';
+            mf.insert(value, { format: 'latex', selectionMode: 'after' });
+            mf.focus();
+        }
+        catch (error) {
+            console.error('Error in handleBackslash:', error);
+            // Fallback to regular insertion
+            try {
+                mf.insert(value);
+                mf.focus();
+            }
+            catch (fallbackError) {
+                console.error('Fallback insertion also failed:', fallbackError);
+            }
+        }
+    };
+    const handleEnter = () => {
+        const mf = mathfieldRef.current;
+        if (!mf)
+            return;
+        mf.executeCommand('complete');
+        mf.focus();
+    };
+    const handleBackspace = (0, react_1.useCallback)(() => {
+        if (mathfieldRef.current) {
+            try {
+                mathfieldRef.current.executeCommand('deleteBackward');
+            }
+            catch (e) {
+                console.log("Command method failed:", e);
+                try {
+                    const event = new KeyboardEvent('keydown', {
+                        key: 'Backspace',
+                        code: 'Backspace',
+                        keyCode: 8,
+                        which: 8,
+                        bubbles: true
+                    });
+                    mathfieldRef.current.dispatchEvent(event);
+                }
+                catch (e2) {
+                    console.log("Event method failed:", e2);
+                }
+            }
+            setTimeout(() => {
+                if (mathfieldRef.current) {
+                    setLatexValue(mathfieldRef.current.value);
+                    mathfieldRef.current.focus();
+                }
+            }, 10);
+        }
+    }, []);
+    const handleSave = (0, react_1.useCallback)((e) => {
+        if (e) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        if (mathfieldRef.current) {
+            mathfieldRef.current.blur();
+        }
+        setTimeout(() => {
+            onSave(latexValue);
+        }, 10);
+    }, [latexValue, onSave]);
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_2.Modal, { isOpen: isOpen, onClose: handleClose, size: "xl", isCentered: true, closeOnEsc: false, closeOnOverlayClick: false, returnFocusOnClose: false, children: [(0, jsx_runtime_1.jsx)("style", { children: mathModalStyles_1.mathModalStyles }), (0, jsx_runtime_1.jsxs)(react_2.ModalContent, { position: "fixed", boxShadow: "dark-lg", sx: (0, mathModalStyles_1.getModalContentStyles)(isMobile, isPanelOpen), overflow: "hidden", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { ...mathModalStyles_1.desktopLayoutStyles, align: "flex-start", minH: "400px", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { ...mathModalStyles_1.layer1Styles, minH: "400px", children: (0, jsx_runtime_1.jsxs)(react_2.Grid, { templateRows: "auto 1fr auto", minH: "400px", gap: 0, ref: firstPanelRef, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: mathModalStyles_1.headerStyles, position: "relative", children: "Math Expression" }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: mathModalStyles_1.contentWrapperStyles, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { id: "mathfield-container", sx: mathModalStyles_1.mathFieldContainerStyles }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { w: "100%", justifyContent: "space-between", mb: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { as: "div", ...mathModalStyles_1.shortcutLabel, sx: { textDecoration: "none" }, children: "Tip: Type \\ followed by symbol" }), (0, jsx_runtime_1.jsx)(react_2.Text, { as: "div", ...mathModalStyles_1.shortcutLabel, onClick: togglePanel, children: " Shortcuts list" })] }), (0, jsx_runtime_1.jsx)(MathKeyboard_1.default, { onKeyPress: handleKeyPress, onClear: handleClear, onBackspace: handleBackspace, onBackslash: handleBackslash, onEnter: handleEnter, subject: subject })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: mathModalStyles_1.footerStyles, children: (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 3, w: "100%", justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(CustomButton_1.default, { customStyles: mathModalStyles_1.cancelButtonStyles, label: "Cancel", handleClick: handleClose }), (0, jsx_runtime_1.jsx)(CustomButton_1.default, { customStyles: mathModalStyles_1.insertButtonStyles, label: "Insert", handleClick: handleSave })] }) })] }) }), isPanelOpen && !isMobile && ((0, jsx_runtime_1.jsx)(react_2.Box, { ...mathModalStyles_1.layer2Styles, h: `${panelHeight}px`, overflowY: "auto", children: (0, jsx_runtime_1.jsx)(Shortcuts_1.default, { height: panelHeight, onClose: () => { setIsPanelOpen(false); } }) }))] }), isPanelOpen && isMobile && ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { ...mathModalStyles_1.mobileBackdropStyles, onClick: () => setIsPanelOpen(false) }), (0, jsx_runtime_1.jsx)(react_2.Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", zIndex: "1000", children: (0, jsx_runtime_1.jsx)(Shortcuts_1.default, { height: panelHeight, onClose: () => setIsPanelOpen(false) }) })] }))] })] }));
+};
+exports.default = MathModal;
+//# sourceMappingURL=MathModal.js.map

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

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

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

@@ -0,0 +1,4 @@
+export default function Shortcuts({ height, onClose }: {
+    height: any;
+    onClose: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,90 @@
+"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 react_2 = require("@chakra-ui/react");
+const keyboard_config_1 = require("../utils/keyboard-config");
+const tabStyles = {
+    fontSize: "xs",
+    whiteSpace: "nowrap",
+    borderRadius: "1rem",
+    border: "1px solid rgba(203, 202, 207, 0.64)",
+    color: "#212121BF",
+    _selected: {
+        borderRadius: "1rem",
+        border: "1px solid rgba(95, 77, 199, 0.64)",
+        bg: "#F5F5F5",
+        color: "#5F4DC7"
+    }
+};
+function Shortcuts({ height, onClose }) {
+    const [activeTab, setActiveTab] = (0, react_1.useState)(0);
+    // Extract shortcuts from keyboard configurations
+    const extractShortcuts = (keyboards) => {
+        const shortcuts = [];
+        keyboards.forEach(keyboard => {
+            keyboard.flat().forEach(key => {
+                if (key.isShortcut && key.description) {
+                    shortcuts.push({
+                        shortcut: key.value,
+                        result: key.label,
+                        description: key.description
+                    });
+                }
+            });
+        });
+        // Sort: shortcuts starting with \ first, others last
+        return shortcuts.sort((a, b) => {
+            const aStartsWithBackslash = a.shortcut.startsWith('\\');
+            const bStartsWithBackslash = b.shortcut.startsWith('\\');
+            if (aStartsWithBackslash && !bStartsWithBackslash)
+                return -1;
+            if (!aStartsWithBackslash && bStartsWithBackslash)
+                return 1;
+            return 0;
+        });
+    };
+    const shortcutData = {
+        basic: extractShortcuts([keyboard_config_1.numericKeyboard]),
+        symbols: extractShortcuts([keyboard_config_1.symbolsKeyboard]),
+        trig: extractShortcuts([keyboard_config_1.trigKeyboard]),
+        variables: extractShortcuts([keyboard_config_1.variablesKeyboard]),
+        chemistry: extractShortcuts([keyboard_config_1.chemBasicKeyboard]),
+        greek: extractShortcuts([keyboard_config_1.greekKeyboardLower, keyboard_config_1.greekKeyboardUpper])
+    };
+    const renderShortcuts = (shortcuts) => ((0, jsx_runtime_1.jsx)(react_2.VStack, { spacing: 2, align: "stretch", children: shortcuts.map((item, index) => ((0, jsx_runtime_1.jsxs)(react_2.HStack, { justify: "space-between", align: "center", p: 2, borderRadius: "md", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { align: "center", spacing: 3, flex: "1", minW: 0, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "gray.600", fontFamily: "mono", bg: "white", px: 2, py: 1, borderRadius: "sm", border: "1px solid", borderColor: "gray.200", minW: "fit-content", children: item.shortcut }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "gray.700", flex: "1", isTruncated: true, children: item.description })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { fontSize: "md", fontWeight: "bold", color: "purple.600", minW: "40px", textAlign: "center", flexShrink: 0, dangerouslySetInnerHTML: {
+                        __html: item.result.includes('\\')
+                            ? require('katex').renderToString(item.result, { throwOnError: false })
+                            : item.result
+                    } })] }, index))) }));
+    return ((0, jsx_runtime_1.jsxs)(react_2.Grid, { templateRows: "auto 1fr auto", h: height ? `${height}px` : "100%", overflow: "hidden", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { p: 4, pb: 2, borderBottom: "1px solid", borderColor: "gray.200", align: "center", justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", fontWeight: "semibold", children: "Shortcuts" }), (0, jsx_runtime_1.jsx)(react_2.Box, { as: "button", "aria-label": "Close", ml: 2, color: "gray.500", _hover: { color: "gray.700" }, onClick: onClose, children: (0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M6 6L14 14M14 6L6 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { overflow: "hidden", children: (0, jsx_runtime_1.jsxs)(react_2.Tabs, { index: activeTab, onChange: setActiveTab, variant: "soft-rounded", colorScheme: "purple", size: "sm", h: "100%", display: "flex", flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { px: 4, pt: 2, pb: 0, flexShrink: 0, children: (0, jsx_runtime_1.jsx)(react_2.Box, { overflowX: "auto", overflowY: "hidden", sx: {
+                                    '::-webkit-scrollbar': { display: 'none' },
+                                    'scrollbarWidth': 'none',
+                                    'msOverflowStyle': 'none',
+                                }, children: (0, jsx_runtime_1.jsxs)(react_2.TabList, { mb: 4, flexWrap: "nowrap", minW: "max-content", gap: "8px", children: [(0, jsx_runtime_1.jsx)(react_2.Tab, { ...tabStyles, children: "Basic" }), (0, jsx_runtime_1.jsx)(react_2.Tab, { ...tabStyles, children: "Sets and Logic Ops" }), (0, jsx_runtime_1.jsx)(react_2.Tab, { ...tabStyles, children: "Trigonometry" }), (0, jsx_runtime_1.jsx)(react_2.Tab, { ...tabStyles, children: "Variables" }), (0, jsx_runtime_1.jsx)(react_2.Tab, { ...tabStyles, children: "Chemistry" }), (0, jsx_runtime_1.jsx)(react_2.Tab, { ...tabStyles, children: "Greek" })] }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { flex: "1", overflow: "hidden", children: (0, jsx_runtime_1.jsxs)(react_2.TabPanels, { h: "100%", children: [(0, jsx_runtime_1.jsx)(react_2.TabPanel, { p: 0, h: "100%", overflowY: "auto", children: (0, jsx_runtime_1.jsx)(react_2.Box, { px: 4, py: 2, children: renderShortcuts(shortcutData.basic) }) }), (0, jsx_runtime_1.jsx)(react_2.TabPanel, { p: 0, h: "100%", overflowY: "auto", children: (0, jsx_runtime_1.jsx)(react_2.Box, { px: 4, py: 2, children: renderShortcuts(shortcutData.symbols) }) }), (0, jsx_runtime_1.jsx)(react_2.TabPanel, { p: 0, h: "100%", overflowY: "auto", children: (0, jsx_runtime_1.jsx)(react_2.Box, { px: 4, py: 2, children: renderShortcuts(shortcutData.trig) }) }), (0, jsx_runtime_1.jsx)(react_2.TabPanel, { p: 0, h: "100%", overflowY: "auto", children: (0, jsx_runtime_1.jsx)(react_2.Box, { px: 4, py: 2, children: renderShortcuts(shortcutData.variables) }) }), (0, jsx_runtime_1.jsx)(react_2.TabPanel, { p: 0, h: "100%", overflowY: "auto", children: (0, jsx_runtime_1.jsx)(react_2.Box, { px: 4, py: 2, children: renderShortcuts(shortcutData.chemistry) }) }), (0, jsx_runtime_1.jsx)(react_2.TabPanel, { p: 0, h: "100%", overflowY: "auto", children: (0, jsx_runtime_1.jsx)(react_2.Box, { px: 4, py: 2, children: renderShortcuts(shortcutData.greek) }) })] }) })] }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { p: 2, borderTop: "1px solid", borderColor: "gray.200", children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "blue.700", children: "Type LaTeX using \\ syntax and press Enter to render it." }) })] }));
+}
+exports.default = Shortcuts;
+//# sourceMappingURL=Shortcuts.js.map

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

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

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

@@ -0,0 +1,2 @@
+export default TextEditor;
+declare function TextEditor(props: any): import("react/jsx-runtime").JSX.Element;