reviewhver 0.0.1

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

@@ -0,0 +1,107 @@
+"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");
+// New imports
+const keyboard_config_1 = require("../utils/keyboard-config");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const common_utils_1 = require("../../../../utils/common-utils");
+const katex_1 = __importDefault(require("katex"));
+// Dynamic Tab Array Construction
+const buildTabsArray = (keyboardProfile, isStudent) => {
+    // If isStudent is true, return specific keyboards and ignore keyboard profile
+    if (isStudent) {
+        return [
+            { id: "numeric", label: "123", keyboard: keyboard_config_1.numericKeyboard },
+            { id: "symbols", label: "∞≠∈", keyboard: keyboard_config_1.symbolsKeyboard },
+            { id: "trig", label: "sin", keyboard: keyboard_config_1.trigKeyboard },
+            { id: "variables", label: "xπ", keyboard: keyboard_config_1.variablesKeyboard },
+            { id: "chemBasic", label: "H₂O", keyboard: keyboard_config_1.chemBasicKeyboard },
+            { id: "greek", label: "αβγ", keyboard: keyboard_config_1.greekKeyboardLower },
+            { id: "abc", label: "ABC", keyboard: keyboard_config_1.abcKeyboard },
+        ];
+    }
+    // // If isStudent is false, keep current flow
+    const baseTabs = [
+        { id: "general", label: "Gen", keyboard: keyboard_config_1.generalKeyboard },
+        { id: "universal", label: "Uni", keyboard: keyboard_config_1.universalKeyboard },
+        { id: "trig", label: "sin", keyboard: keyboard_config_1.trigKeyboard },
+        { id: "variables", label: "xπ", keyboard: keyboard_config_1.variablesKeyboard },
+        { id: "chemBasic", label: "H₂O", keyboard: keyboard_config_1.chemBasicKeyboard },
+        { id: "greek", label: "αβγ", keyboard: keyboard_config_1.greekKeyboardLower },
+        { id: "abc", label: "ABC", keyboard: keyboard_config_1.abcKeyboard }, // New ABC tab
+    ];
+    if (keyboardProfile && keyboard_config_1.profileKeyboards[keyboardProfile]) {
+        const profileTab = keyboard_config_1.profileKeyboards[keyboardProfile];
+        return [profileTab, ...baseTabs]; // Insert at beginning
+    }
+    return baseTabs;
+};
+const MathKeyboard = ({ onKeyPress, onBackspace, onBackslash, onEnter, keyboardProfile, isStudent, icons, }) => {
+    const tabs = (0, react_1.useMemo)(() => buildTabsArray(keyboardProfile, isStudent), [keyboardProfile, isStudent]);
+    const [activeTabIndex, setActiveTabIndex] = (0, react_1.useState)(0);
+    const [greekShift, setGreekShift] = (0, react_1.useState)(false);
+    const [abcShift, setAbcShift] = (0, react_1.useState)(false);
+    // Auto-select profile tab when available, otherwise default to numeric
+    (0, react_1.useEffect)(() => {
+        if (keyboardProfile && keyboard_config_1.profileKeyboards[keyboardProfile]) {
+            setActiveTabIndex(0); // Profile tab is always at index 0
+        }
+        else {
+            setActiveTabIndex(0); // Default to numeric keyboard (index 0)
+        }
+    }, [keyboardProfile, tabs]);
+    const handleKeyPress = (keyValue, mode) => {
+        if (!keyValue)
+            return; // Guard against empty values
+        if (mode == "keystore") {
+            onBackslash(keyValue);
+        }
+        else if (keyValue === "shift") {
+            const currentTab = tabs[activeTabIndex];
+            if (currentTab.id === "greek") {
+                setGreekShift((prev) => !prev);
+            }
+            else if (currentTab.id === "abc") {
+                setAbcShift((prev) => !prev);
+            }
+        }
+        else if (keyValue === "backspace") {
+            onBackspace();
+        }
+        else if (keyValue === "enter") {
+            onEnter();
+        }
+        else {
+            onKeyPress(keyValue);
+        }
+    };
+    const renderKey = (key, index) => {
+        if ((0, common_utils_1.isEmptyOrNull)(key.label)) {
+            return ((0, jsx_runtime_1.jsx)(react_2.GridItem, { children: (0, jsx_runtime_1.jsx)(react_2.Box, { h: "36px" }) }, index));
+        }
+        if (key.value === "shift") {
+            return ((0, jsx_runtime_1.jsx)(react_2.GridItem, { colSpan: 1, children: (0, jsx_runtime_1.jsx)(react_2.Box, { h: "36px", display: "flex", justifyContent: "center", alignItems: "center", border: "1px solid", borderColor: "#1D287A29", borderRadius: "md", bg: "#F5F5F5", cursor: "pointer", onClick: () => handleKeyPress("shift"), children: (0, jsx_runtime_1.jsx)(react_2.Icon, { as: icons?.arrowUpLight, boxSize: 4, color: "#5F4DC7" }) }) }, index));
+        }
+        const renderedHTML = katex_1.default.renderToString(key.label, {
+            throwOnError: false,
+        });
+        return ((0, jsx_runtime_1.jsx)(react_2.GridItem, { colSpan: 1, children: (0, jsx_runtime_1.jsx)(react_2.Box, { h: "36px", py: "6px", border: "1px solid", borderColor: "#1D287A29", borderRadius: "md", display: "flex", justifyContent: "center", alignItems: "center", cursor: key.value ? "pointer" : "default", mx: "1px", onClick: () => key.value && handleKeyPress(key.value, key.mode), _hover: { bg: "gray.50", borderColor: "gray.300" }, _active: { bg: "gray.100", transform: "scale(0.98)" }, color: "#5F4DC7", bg: key.value === "backspace" ? "#F5F5F5" : "white", children: (0, jsx_runtime_1.jsx)("div", { style: { fontSize: "13px", fontWeight: "500" }, dangerouslySetInnerHTML: { __html: renderedHTML } }) }) }, index));
+    };
+    const currentKeyboard = () => {
+        const tab = tabs[activeTabIndex];
+        if (tab.id === "greek") {
+            return (greekShift ? keyboard_config_1.greekKeyboardUpper : keyboard_config_1.greekKeyboardLower).flat();
+        }
+        else if (tab.id === "abc") {
+            return (abcShift ? keyboard_config_1.abcKeyboard : keyboard_config_1.abcKeyboardLower).flat();
+        }
+        return tab.keyboard.flat();
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { borderRadius: "md", bg: "white", children: [(0, jsx_runtime_1.jsx)(react_2.Flex, { bg: "white", borderTopRadius: "md", overflow: "hidden", gap: "8px", mb: 2, children: tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(react_2.Center, { flex: "1", py: 2, textAlign: "center", cursor: "pointer", bg: activeTabIndex === index ? "#5F4DC7" : "white", color: activeTabIndex === index ? "white" : "#5F4DC7", fontWeight: activeTabIndex === index ? "medium" : "normal", onClick: () => setActiveTabIndex(index), w: "auto", h: "32px", border: "1px solid #1D287A29", borderRadius: "8px", children: tab.label }, tab.id))) }), (0, jsx_runtime_1.jsx)(react_2.Divider, { bg: "#5F4DC7" }), (0, jsx_runtime_1.jsx)(react_2.Grid, { templateColumns: "repeat(6, 1fr)", gap: 1, py: 2, children: currentKeyboard().map((key, index) => renderKey(key, index)) })] }));
+};
+exports.default = MathKeyboard;
+//# sourceMappingURL=MathKeyboard.js.map

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

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

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

@@ -0,0 +1,12 @@
+export default MathKeyboardSME;
+declare function MathKeyboardSME({ onKeyPress, onBackspace, onBackslash, keyboardProfile, showMoreSymbols, isMobile, onMathKeyPress, onMathKeyboardInteraction, icons, }: {
+    onKeyPress: any;
+    onBackspace: any;
+    onBackslash: any;
+    keyboardProfile: any;
+    showMoreSymbols?: boolean | undefined;
+    isMobile?: boolean | undefined;
+    onMathKeyPress: any;
+    onMathKeyboardInteraction: any;
+    icons: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,113 @@
+"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 keyboard_config_1 = require("../utils/keyboard-config");
+const react_1 = require("@chakra-ui/react");
+const react_2 = require("react");
+const common_utils_1 = require("../../../../utils/common-utils");
+const katex_1 = __importDefault(require("katex"));
+const MathKeyboardSME = ({ onKeyPress, onBackspace, onBackslash, keyboardProfile, showMoreSymbols = false, isMobile = false, onMathKeyPress, onMathKeyboardInteraction, icons, }) => {
+    // State for additional tabs when showMoreSymbols is true
+    const [activeTabIndex, setActiveTabIndex] = (0, react_2.useState)(0);
+    const [greekShift, setGreekShift] = (0, react_2.useState)(false);
+    // Define additional tabs for "more symbols"
+    const moreTabs = (0, react_2.useMemo)(() => [
+        { id: "numeric", label: "123", keyboard: keyboard_config_1.numericKeyboard },
+        { id: "symbols", label: "∞≠∈", keyboard: keyboard_config_1.symbolsKeyboard },
+        { id: "trig", label: "sin", keyboard: keyboard_config_1.trigKeyboard },
+        { id: "variables", label: "xπ", keyboard: keyboard_config_1.variablesKeyboard },
+        { id: "chemBasic", label: "H₂O", keyboard: keyboard_config_1.chemBasicKeyboard },
+        { id: "greek", label: "αβγ", keyboard: keyboard_config_1.greekKeyboardLower },
+    ], []);
+    const handleKeyPress = (keyValue, mode, keyData = null) => {
+        if (!keyValue)
+            return; // Guard against empty values
+        if (mode === "keystore") {
+            onBackslash(keyValue);
+            // Track key press for keystroke mode
+            if (onMathKeyPress && keyData) {
+                onMathKeyPress({
+                    value: keyValue,
+                    label: keyData.label || "",
+                    section: keyData.section || "unknown",
+                });
+            }
+        }
+        else if (keyValue === "shift") {
+            const currentTab = moreTabs[activeTabIndex];
+            if (currentTab.id === "greek") {
+                setGreekShift((prev) => !prev);
+            }
+        }
+        else if (keyValue === "backspace") {
+            onBackspace();
+        }
+        else {
+            onKeyPress(keyValue);
+            // Track regular key press
+            if (onMathKeyPress && keyData) {
+                onMathKeyPress({
+                    value: keyValue,
+                    label: keyData.label || "",
+                    section: keyData.section || "unknown",
+                });
+            }
+        }
+    };
+    const renderKey = (key, index) => {
+        if ((0, common_utils_1.isEmptyOrNull)(key.label)) {
+            return (0, jsx_runtime_1.jsx)(react_1.Box, { h: "36px", w: "36px" }, index);
+        }
+        if (key.value === "shift") {
+            return ((0, jsx_runtime_1.jsx)(react_1.Box, { "data-testid": "keyboard-shift-button", h: "36px", w: "36px", display: "flex", justifyContent: "center", alignItems: "center", border: "1px solid", borderColor: "#1D287A29", borderRadius: "md", bg: "#F5F5F5", cursor: "pointer", onClick: () => handleKeyPress("shift"), m: "1px", children: (0, jsx_runtime_1.jsx)(react_1.Icon, { as: icons?.arrowUpLight, boxSize: 4, color: "#5F4DC7" }) }, index));
+        }
+        if (key.value === "backspace") {
+            return ((0, jsx_runtime_1.jsx)(react_1.Box, { "data-testid": "keyboard-backspace-button-internal", h: "36px", w: "60px", display: "flex", justifyContent: "center", alignItems: "center", border: "1px solid", borderColor: "#1D287A29", borderRadius: "md", bg: "#F5F5F5", cursor: "pointer", onClick: () => handleKeyPress("backspace"), _hover: { bg: "gray.100", borderColor: "gray.300" }, _active: { bg: "gray.200", transform: "scale(0.98)" }, m: "1px", children: (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "12px", color: "#5F4DC7", fontWeight: "500", children: "\u232B" }) }, index));
+        }
+        const renderedHTML = katex_1.default.renderToString(key.label, {
+            throwOnError: false,
+        });
+        return ((0, jsx_runtime_1.jsx)(react_1.Box, { "data-testid": `keyboard-key-${index}`, h: "36px", minW: "36px", py: "6px", px: "6px", border: "1px solid", borderColor: "#1D287A29", borderRadius: "md", display: "flex", justifyContent: "center", alignItems: "center", cursor: key.value ? "pointer" : "default", m: "1px", onClick: () => key.value && handleKeyPress(key.value, key.mode, key), _hover: { bg: "gray.50", borderColor: "gray.300" }, _active: { bg: "gray.100", transform: "scale(0.98)" }, color: "#5F4DC7", bg: "white", children: (0, jsx_runtime_1.jsx)("div", { style: { fontSize: "13px", fontWeight: "500" }, dangerouslySetInnerHTML: { __html: renderedHTML } }) }, index));
+    };
+    const renderKeyboardSection = (keyboard, title = null) => {
+        const flatKeyboard = keyboard.flat();
+        return ((0, jsx_runtime_1.jsxs)(react_1.Box, { "data-testid": `keyboard-section-${title || "main"}`, mb: 4, children: [title && ((0, jsx_runtime_1.jsx)(react_1.Text, { "data-testid": `keyboard-section-title-${title}`, fontSize: "10px", color: "#A99DED", fontWeight: "400", mb: 2, fontFamily: "Poppins", children: title })), (0, jsx_runtime_1.jsx)(react_1.Flex, { "data-testid": `keyboard-section-keys-${title || "main"}`, flexWrap: "wrap", gap: 1, children: flatKeyboard.map((key, index) => renderKey(key, `${title}-${index}`)) })] }));
+    };
+    // renderBackspaceSection removed - backspace now rendered in parent component
+    const getCurrentTabKeyboard = () => {
+        if (!showMoreSymbols || moreTabs.length === 0)
+            return [];
+        const tab = moreTabs[activeTabIndex];
+        let keyboard;
+        if (tab.id === "greek") {
+            keyboard = (greekShift ? keyboard_config_1.greekKeyboardUpper : keyboard_config_1.greekKeyboardLower).flat();
+        }
+        else {
+            keyboard = tab.keyboard.flat();
+        }
+        // Filter out CONTROL_KEYS.BACKSPACE and CONTROL_KEYS.ENTER
+        return keyboard.filter((key) => key.value !== "backspace" && key.value !== "enter");
+    };
+    const renderMoreSymbolsSection = () => {
+        if (!showMoreSymbols)
+            return null;
+        return ((0, jsx_runtime_1.jsxs)(react_1.Box, { "data-testid": "keyboard-more-symbols-container", mt: 4, borderRadius: "md", bg: "#F4F2FF", p: 2, children: [(0, jsx_runtime_1.jsx)(react_1.Flex, { "data-testid": "keyboard-tab-navigation", borderTopRadius: "md", overflow: "hidden", gap: "8px", mb: 2, children: moreTabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(react_1.Center, { "data-testid": `keyboard-tab-${tab.id}`, flex: "1", py: 2, textAlign: "center", cursor: "pointer", bg: activeTabIndex === index ? "#5F4DC7" : "white", color: activeTabIndex === index ? "white" : "#5F4DC7", fontWeight: activeTabIndex === index ? "medium" : "normal", onClick: () => {
+                            setActiveTabIndex(index);
+                            // Track tab switch interaction
+                            if (onMathKeyboardInteraction) {
+                                onMathKeyboardInteraction("tab", {
+                                    section: tab.id,
+                                    label: tab.label,
+                                    fromIndex: activeTabIndex,
+                                    toIndex: index,
+                                });
+                            }
+                        }, w: "auto", h: "32px", border: "1px solid #1D287A29", borderRadius: "8px", children: tab.label }, tab.id))) }), (0, jsx_runtime_1.jsx)(react_1.Divider, { "data-testid": "keyboard-tab-divider", bg: "#5F4DC7" }), (0, jsx_runtime_1.jsx)(react_1.Flex, { "data-testid": "keyboard-more-symbols-keys", flexWrap: "wrap", gap: 1, py: 2, children: getCurrentTabKeyboard().map((key, index) => renderKey(key, `more-${index}`)) })] }));
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { "data-testid": "keyboard-main-container", borderRadius: "md", bg: "white", p: 2, children: [renderKeyboardSection(isMobile ? keyboard_config_1.generalKeyboardMobile : keyboard_config_1.generalKeyboard), renderKeyboardSection(keyboard_config_1.universalKeyboard), keyboardProfile && keyboard_config_1.profileKeyboards[keyboardProfile] && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderKeyboardSection(keyboard_config_1.profileKeyboards[keyboardProfile].keyboard, "Suggested keys") })), renderMoreSymbolsSection()] }));
+};
+exports.default = MathKeyboardSME;
+//# sourceMappingURL=MathKeyboardSME.js.map

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

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

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

@@ -0,0 +1,9 @@
+export default MathModal;
+declare function MathModal({ isOpen, onClose, onSave, initialLatex, keyboardProfile, isStudent, }: {
+    isOpen: any;
+    onClose: any;
+    onSave: any;
+    initialLatex?: string | undefined;
+    keyboardProfile: any;
+    isStudent: any;
+}): import("react/jsx-runtime").JSX.Element | null;