performanceresultscreens 0.0.1

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

@@ -0,0 +1,138 @@
+export declare const mathModalStyles = "\n  /* Hide virtual keyboard toggle button */\n  math-field::part(virtual-keyboard-toggle) {\n    display: none !important;\n  }\n  \n  /* Completely remove the keyboard */\n  .ML__keyboard,\n  .MLK__keyboard,\n  .ML__keyboard-layer,\n  .MLK__layer,\n  .ML__keyboard *, \n  math-field::part(virtual-keyboard),\n  .ML__keyboard-layer,\n  .ML__keyboard.is-visible,\n  .MLK__layer.is-visible {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n    height: 0 !important;\n    width: 0 !important;\n    max-height: 0 !important;\n    max-width: 0 !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    border: none !important;\n    position: absolute !important;\n    left: -9999px !important;\n    top: -9999px !important;\n    z-index: -9999 !important;\n    transform: scale(0) !important;\n  }\n  \n  /* Target specifically the MathLive keyboard */\n  div.ML__keyboard.is-visible {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  /* Eliminate the keyboard container completely */\n  body > .ML__keyboard {\n    display: none !important;\n  }\n  \n  /* Only target suggestion menus specifically without affecting math rendering */\n  .ML__popover,\n  .ML__suggestions,\n  .ML__suggestions-menu,\n  .ML__suggestions-list,\n  .ML__suggestion-item,\n  .ML__popover--suggestion-popover {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n    height: 0 !important;\n    width: 0 !important;\n    position: absolute !important;\n    left: -9999px !important;\n    top: -9999px !important;\n    z-index: -9999 !important;\n  }\n  \n  /* Make sure menu and menu icons are visible */\n  .ML__menu, \n  .ML__menu-item, \n  .ML__menu-item-shortcut,\n  .ML__menu-submenu,\n  .ML__menu-submenu-arrow,\n  math-field::part(context-menu),\n  math-field::part(context-menu-toggle),\n  math-field::part(menu),\n  math-field::part(menu-toggle) {\n    display: none !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    pointer-events: auto !important;\n    position: relative !important;\n    z-index: 1000 !important;\n  }\n  \n  /* Disable hover effects for menu elements */\n  .ML__menu-item:hover,\n  .ML__menu-toggle:hover,\n  math-field::part(menu-toggle):hover,\n  math-field::part(context-menu-toggle):hover,\n  .ML__context-menu-toggle:hover,\n  .ML__menu-submenu:hover,\n  .ML__menu-item-shortcut:hover {\n    background-color: transparent !important;\n    color: inherit !important;\n    border-color: transparent !important;\n    box-shadow: none !important;\n    text-decoration: none !important;\n    transform: none !important;\n    transition: none !important;\n  }\n  \n  /* Ensure no background color change on hover */\n  .ML__menu *:hover {\n    background-color: transparent !important;\n  }\n  \n  /* Make sure input ability works */\n  math-field {\n    pointer-events: auto !important;\n  }\n  \n  /* Specifically targeting the suggestions on keypress */\n  body > .ML__popover, \n  body > .ML__suggestions,\n  html > .ML__popover,\n  html > .ML__suggestions {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n";
+export declare const mathFieldContainerStyles: {
+    overflow: string;
+    mb: number;
+    minH: string;
+    maxH: string;
+    w: string;
+    border: string;
+    borderRadius: string;
+    backgroundColor: string;
+    padding: string;
+    "&::-webkit-scrollbar": {
+        width: string;
+        height: string;
+    };
+    "&::-webkit-scrollbar-track": {
+        background: string;
+        borderRadius: string;
+    };
+    "&::-webkit-scrollbar-thumb": {
+        background: string;
+        borderRadius: string;
+        border: string;
+        minHeight: string;
+    };
+    "&::-webkit-scrollbar-thumb:hover": {
+        background: string;
+        border: string;
+        boxShadow: string;
+    };
+    "&::-webkit-scrollbar-thumb:active": {
+        background: string;
+    };
+    "&::-webkit-scrollbar-corner": {
+        background: string;
+    };
+    scrollbarWidth: string;
+    scrollbarColor: string;
+};
+export declare const headerStyles: {
+    color: string;
+    fontSize: string;
+    p: string;
+    pb: string;
+    fontWeight: number;
+};
+export declare const footerStyles: {
+    py: number;
+    pb: number;
+    px: string;
+};
+export declare const contentWrapperStyles: {
+    p: string;
+};
+export declare const cancelButtonStyles: {
+    h: number;
+    fontSize: string;
+};
+export declare const insertButtonStyles: {
+    bg: string;
+    color: string;
+    h: number;
+    fontSize: string;
+};
+export declare const getModalContentStyles: (isMobile: boolean, isPanelOpen: boolean) => {
+    right?: string | undefined;
+    maxW: string;
+    w: string;
+    bottom: string;
+};
+export declare const desktopLayoutStyles: {
+    spacing: number;
+    align: string;
+};
+export declare const layer1Styles: {
+    w: {
+        base: string;
+        md: string;
+    };
+};
+export declare const layer2Styles: {
+    w: string;
+    borderLeft: string;
+    borderColor: string;
+    overflow: string;
+};
+export declare const layer2ContentStyles: {
+    p: number;
+    spacing: number;
+    align: string;
+    h: string;
+};
+export declare const toggleButtonStyles: {
+    position: string;
+    right: string;
+    top: string;
+    transform: string;
+    size: string;
+    variant: string;
+};
+export declare const mobileBackdropStyles: {
+    position: string;
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    bg: string;
+    zIndex: number;
+};
+export declare const mobileOverlayPanelStyles: {
+    position: string;
+    top: string;
+    right: string;
+    w: string;
+    maxW: string;
+    h: string;
+    bg: string;
+    boxShadow: string;
+    zIndex: string;
+    overflow: string;
+    transition: string;
+};
+export declare const mobilePanelHeaderStyles: {
+    justify: string;
+};
+export declare const mobilePanelCloseButtonStyles: {
+    size: string;
+    variant: string;
+};
+export declare const shortcutLabel: {
+    color: string;
+    fontSize: string;
+    fontWeight: number;
+    lineHeight: string;
+    cursor: string;
+    textDecorationLine: string;
+    textDecorationStyle: string;
+};

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

@@ -0,0 +1,280 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shortcutLabel = exports.mobilePanelCloseButtonStyles = exports.mobilePanelHeaderStyles = exports.mobileOverlayPanelStyles = exports.mobileBackdropStyles = exports.toggleButtonStyles = exports.layer2ContentStyles = exports.layer2Styles = exports.layer1Styles = exports.desktopLayoutStyles = exports.getModalContentStyles = exports.insertButtonStyles = exports.cancelButtonStyles = exports.contentWrapperStyles = exports.footerStyles = exports.headerStyles = exports.mathFieldContainerStyles = exports.mathModalStyles = void 0;
+// mathModalStyles.ts
+exports.mathModalStyles = `
+  /* Hide virtual keyboard toggle button */
+  math-field::part(virtual-keyboard-toggle) {
+    display: none !important;
+  }
+  
+  /* Completely remove the keyboard */
+  .ML__keyboard,
+  .MLK__keyboard,
+  .ML__keyboard-layer,
+  .MLK__layer,
+  .ML__keyboard *, 
+  math-field::part(virtual-keyboard),
+  .ML__keyboard-layer,
+  .ML__keyboard.is-visible,
+  .MLK__layer.is-visible {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+    height: 0 !important;
+    width: 0 !important;
+    max-height: 0 !important;
+    max-width: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: none !important;
+    position: absolute !important;
+    left: -9999px !important;
+    top: -9999px !important;
+    z-index: -9999 !important;
+    transform: scale(0) !important;
+  }
+  
+  /* Target specifically the MathLive keyboard */
+  div.ML__keyboard.is-visible {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+  }
+  
+  /* Eliminate the keyboard container completely */
+  body > .ML__keyboard {
+    display: none !important;
+  }
+  
+  /* Only target suggestion menus specifically without affecting math rendering */
+  .ML__popover,
+  .ML__suggestions,
+  .ML__suggestions-menu,
+  .ML__suggestions-list,
+  .ML__suggestion-item,
+  .ML__popover--suggestion-popover {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+    height: 0 !important;
+    width: 0 !important;
+    position: absolute !important;
+    left: -9999px !important;
+    top: -9999px !important;
+    z-index: -9999 !important;
+  }
+  
+  /* Make sure menu and menu icons are visible */
+  .ML__menu, 
+  .ML__menu-item, 
+  .ML__menu-item-shortcut,
+  .ML__menu-submenu,
+  .ML__menu-submenu-arrow,
+  math-field::part(context-menu),
+  math-field::part(context-menu-toggle),
+  math-field::part(menu),
+  math-field::part(menu-toggle) {
+    display: none !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    pointer-events: auto !important;
+    position: relative !important;
+    z-index: 1000 !important;
+  }
+  
+  /* Disable hover effects for menu elements */
+  .ML__menu-item:hover,
+  .ML__menu-toggle:hover,
+  math-field::part(menu-toggle):hover,
+  math-field::part(context-menu-toggle):hover,
+  .ML__context-menu-toggle:hover,
+  .ML__menu-submenu:hover,
+  .ML__menu-item-shortcut:hover {
+    background-color: transparent !important;
+    color: inherit !important;
+    border-color: transparent !important;
+    box-shadow: none !important;
+    text-decoration: none !important;
+    transform: none !important;
+    transition: none !important;
+  }
+  
+  /* Ensure no background color change on hover */
+  .ML__menu *:hover {
+    background-color: transparent !important;
+  }
+  
+  /* Make sure input ability works */
+  math-field {
+    pointer-events: auto !important;
+  }
+  
+  /* Specifically targeting the suggestions on keypress */
+  body > .ML__popover, 
+  body > .ML__suggestions,
+  html > .ML__popover,
+  html > .ML__suggestions {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+  }
+`;
+// Chakra UI sx styles for the container
+exports.mathFieldContainerStyles = {
+    overflow: "auto",
+    mb: 2,
+    minH: "70px",
+    maxH: "200px",
+    w: "100%",
+    border: "1px solid #1D287A66",
+    borderRadius: "8px",
+    backgroundColor: "white",
+    padding: "5px",
+    "&::-webkit-scrollbar": {
+        width: "8px",
+        height: "8px",
+    },
+    "&::-webkit-scrollbar-track": {
+        background: "transparent",
+        borderRadius: "4px",
+    },
+    "&::-webkit-scrollbar-thumb": {
+        background: "linear-gradient(180deg, #e2e8f0, #cbd5e0)",
+        borderRadius: "4px",
+        border: "1px solid #e2e8f0",
+        minHeight: "20px",
+    },
+    "&::-webkit-scrollbar-thumb:hover": {
+        background: "linear-gradient(180deg, #cbd5e0, #a0aec0)",
+        border: "1px solid #cbd5e0",
+        boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+    },
+    "&::-webkit-scrollbar-thumb:active": {
+        background: "linear-gradient(180deg, #a0aec0, #718096)",
+    },
+    "&::-webkit-scrollbar-corner": {
+        background: "transparent",
+    },
+    scrollbarWidth: "thin",
+    scrollbarColor: "#cbd5e0 transparent",
+};
+// Header styles
+exports.headerStyles = {
+    color: "#000000",
+    fontSize: "14px",
+    p: "16px",
+    pb: "0px",
+    fontWeight: 600,
+};
+// Footer styles
+exports.footerStyles = {
+    py: 0,
+    pb: 2,
+    px: "16px",
+};
+// Content wrapper styles
+exports.contentWrapperStyles = {
+    p: "16px",
+};
+// Button styles
+exports.cancelButtonStyles = {
+    h: 8,
+    fontSize: "14px",
+};
+exports.insertButtonStyles = {
+    bg: "#5F4DC7",
+    color: "white",
+    h: 8,
+    fontSize: "14px",
+};
+// FIXED: Modal content responsive styles with isPanelOpen parameter
+const getModalContentStyles = (isMobile, isPanelOpen) => {
+    const singleLayerWidth = 360; // Width when only one layer (main content) - REDUCED to 360px
+    const additionalLayerWidth = 360; // Additional width when second layer opens - FIXED to match
+    const totalWidth = isPanelOpen ? singleLayerWidth + additionalLayerWidth : singleLayerWidth;
+    return {
+        maxW: isMobile ? "100%" : `${totalWidth}px`,
+        w: isMobile ? "100%" : `${totalWidth}px`,
+        bottom: isMobile ? "4px" : "20px",
+        ...(isMobile ? {} : { right: "20px" }),
+    };
+};
+exports.getModalContentStyles = getModalContentStyles;
+// Desktop layout styles
+exports.desktopLayoutStyles = {
+    spacing: 0,
+    align: "stretch",
+};
+// Layer 1 styles
+exports.layer1Styles = {
+    w: { base: "100%", md: "360px" },
+};
+// Layer 2 styles
+exports.layer2Styles = {
+    w: "360px",
+    borderLeft: "1px solid",
+    borderColor: "gray.200",
+    overflow: "auto",
+};
+// Layer 2 content styles
+exports.layer2ContentStyles = {
+    p: 4,
+    spacing: 4,
+    align: "stretch",
+    h: "100%",
+};
+// Toggle button styles
+exports.toggleButtonStyles = {
+    position: "absolute",
+    right: "16px",
+    top: "50%",
+    transform: "translateY(-50%)",
+    size: "sm",
+    variant: "ghost",
+};
+// Mobile overlay backdrop styles
+exports.mobileBackdropStyles = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    bg: "white",
+    zIndex: 999,
+};
+// Mobile overlay panel styles
+exports.mobileOverlayPanelStyles = {
+    position: "absolute",
+    top: "0",
+    right: "0",
+    w: "80%",
+    maxW: "300px",
+    h: "100%",
+    bg: "white",
+    boxShadow: "xl",
+    zIndex: "10",
+    overflow: "auto",
+    transition: "transform 0.3s ease-in-out",
+};
+// Mobile panel header styles
+exports.mobilePanelHeaderStyles = {
+    justify: "space-between",
+};
+// Mobile panel close button styles
+exports.mobilePanelCloseButtonStyles = {
+    size: "sm",
+    variant: "ghost",
+};
+exports.shortcutLabel = {
+    color: "#212121BF",
+    fontSize: "0.8rem",
+    fontWeight: 400,
+    lineHeight: "normal",
+    cursor: "pointer",
+    textDecorationLine: "underline",
+    textDecorationStyle: "solid",
+};
+//# sourceMappingURL=mathModalStyles.js.map

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

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

package/dist/components/Organisms/StudentEditor/utils/keyboard-config.d.ts

@@ -0,0 +1,164 @@
+export const numericKeyboard: (({
+    label: string;
+    value: string;
+    isShortcut?: undefined;
+    description?: undefined;
+} | {
+    label: string;
+    value: string;
+    isShortcut: boolean;
+    description: string;
+})[] | ({
+    label: string;
+    value: string;
+    isShortcut: boolean;
+    description: string;
+    mode?: undefined;
+} | {
+    label: string;
+    value: string;
+    mode: string;
+    isShortcut?: undefined;
+    description?: undefined;
+})[] | ({
+    label: string;
+    value: string;
+    mode: string;
+} | {
+    label: string;
+    value: string;
+    mode?: undefined;
+})[])[];
+export const symbolsKeyboard: (({
+    label: string;
+    value: string;
+    isShortcut: boolean;
+    description: string;
+} | {
+    label: string;
+    value: string;
+    isShortcut?: undefined;
+    description?: undefined;
+})[] | ({
+    label: string;
+    value: string;
+    mode: string;
+} | {
+    label: string;
+    value: string;
+    mode?: undefined;
+})[])[];
+export const trigKeyboard: (({
+    label: string;
+    value: string;
+    isShortcut: boolean;
+    description: string;
+} | {
+    label: string;
+    value: string;
+    isShortcut?: undefined;
+    description?: undefined;
+})[] | ({
+    label: string;
+    value: string;
+    mode: string;
+} | {
+    label: string;
+    value: string;
+    mode?: undefined;
+})[])[];
+export const variablesKeyboard: (({
+    label: string;
+    value: string;
+    isShortcut?: undefined;
+    description?: undefined;
+} | {
+    label: string;
+    value: string;
+    isShortcut: boolean;
+    description: string;
+})[] | ({
+    label: string;
+    value: string;
+    mode: string;
+} | {
+    label: string;
+    value: string;
+    mode?: undefined;
+})[])[];
+export const chemBasicKeyboard: (({
+    label: string;
+    value: string;
+    isShortcut?: undefined;
+    description?: undefined;
+} | {
+    label: string;
+    value: string;
+    isShortcut: boolean;
+    description: string;
+})[] | ({
+    label: string;
+    value: string;
+    mode: string;
+} | {
+    label: string;
+    value: string;
+    mode?: undefined;
+})[])[];
+export const greekKeyboardLower: (({
+    label: string;
+    value: string;
+    isShortcut: boolean;
+    description: string;
+} | {
+    label: string;
+    value: string;
+    isShortcut?: undefined;
+    description?: undefined;
+})[] | ({
+    label: string;
+    value: string;
+    mode?: undefined;
+} | {
+    label: string;
+    value: string;
+    mode: string;
+})[])[];
+export const greekKeyboardUpper: (({
+    label: string;
+    value: string;
+    isShortcut?: undefined;
+    description?: undefined;
+} | {
+    label: string;
+    value: string;
+    isShortcut: boolean;
+    description: string;
+})[] | ({
+    label: string;
+    value: string;
+    mode?: undefined;
+} | {
+    label: string;
+    value: string;
+    mode: string;
+})[])[];
+export const abcKeyboard: ({
+    label: string;
+    value: string;
+    mode: string;
+} | {
+    label: string;
+    value: string;
+    mode?: undefined;
+})[][];
+export const abcKeyboardLower: ({
+    label: string;
+    value: string;
+    mode: string;
+} | {
+    label: string;
+    value: string;
+    mode?: undefined;
+})[][];
+export function getKeypadMapping(subject: any): 0 | 4 | 5;