performanceresultscreens 0.0.1

package/dist/components/Molecules/TableCustomizer/hooks/useTableState.js

@@ -0,0 +1,379 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableState = void 0;
+const react_1 = require("react");
+// Generate unique table ID
+const generateTableId = () => {
+    return 'custom-table' + Math.random().toString(36).substr(2, 6);
+};
+const useTableState = (initialConfig = {}) => {
+    const [tableData, setTableData] = (0, react_1.useState)({
+        rows: initialConfig.rows || 4,
+        columns: initialConfig.columns || 4,
+        hasHeader: initialConfig.hasHeader !== undefined ? initialConfig.hasHeader : true,
+        headerRows: initialConfig.headerRows !== undefined ? initialConfig.headerRows : 1,
+        tableWidth: initialConfig.tableWidth || 'auto',
+        tableId: initialConfig.tableId || generateTableId(),
+        cells: {}
+    });
+    const [selectedCell, setSelectedCell] = (0, react_1.useState)(null);
+    const [showCellEditor, setShowCellEditor] = (0, react_1.useState)(false);
+    // Initialize cells if they don't exist
+    const getCell = (0, react_1.useCallback)((row, col) => {
+        const key = `${row}-${col}`;
+        const storedCell = tableData.cells[key];
+        // If cell exists, return it but update header-related properties dynamically
+        if (storedCell) {
+            return {
+                ...storedCell,
+                // Update content for header toggle - allow empty headers
+                content: storedCell.content,
+                // Update font weight for header rows
+                style: {
+                    ...storedCell.style,
+                    fontWeight: row < tableData.headerRows && storedCell.style.fontWeight === 'normal'
+                        ? '600'
+                        : storedCell.style.fontWeight
+                }
+            };
+        }
+        // Default cell creation
+        return {
+            content: '',
+            rowspan: 1,
+            colspan: 1,
+            width: 'auto',
+            style: {
+                backgroundColor: '#ffffff',
+                color: '#000000',
+                fontWeight: row < tableData.headerRows ? '600' : 'normal',
+                fontStyle: 'normal',
+                textAlign: 'left',
+                fontSize: '12px',
+                paddings: {
+                    top: '2px',
+                    right: '2px',
+                    bottom: '2px',
+                    left: '8px'
+                },
+                borders: {
+                    top: { show: true, style: 'solid', width: '1px', color: '#000000' },
+                    right: { show: true, style: 'solid', width: '1px', color: '#000000' },
+                    bottom: { show: true, style: 'solid', width: '1px', color: '#000000' },
+                    left: { show: true, style: 'solid', width: '1px', color: '#000000' }
+                }
+            }
+        };
+    }, [tableData.cells, tableData.headerRows]);
+    // --- UPDATED updateCell with neighbor border sync ---
+    const updateCell = (0, react_1.useCallback)((row, col, updates) => {
+        const key = `${row}-${col}`;
+        setTableData(prev => {
+            const newCells = { ...prev.cells };
+            const current = { ...getCell(row, col), ...updates };
+            newCells[key] = current;
+            // If updates include borders, sync neighbors only for modified borders
+            if (updates?.style?.borders) {
+                const currentCell = getCell(row, col);
+                const updatedBorders = updates.style.borders;
+                const syncNeighbor = (r, c, side, opposite, newShowValue) => {
+                    if (r < 0 || c < 0 || r >= prev.rows || c >= prev.columns)
+                        return;
+                    const nKey = `${r}-${c}`;
+                    const neighbor = { ...getCell(r, c) };
+                    neighbor.style = { ...neighbor.style, borders: { ...neighbor.style.borders } };
+                    // Only sync if the neighbor's opposite border is different from what we want
+                    if (neighbor.style.borders[opposite].show !== newShowValue) {
+                        neighbor.style.borders[opposite] = {
+                            ...neighbor.style.borders[opposite],
+                            show: newShowValue
+                        };
+                        newCells[nKey] = neighbor;
+                    }
+                };
+                // Only sync borders that are actually being changed
+                if (updatedBorders.right && currentCell.style.borders.right.show !== updatedBorders.right.show) {
+                    syncNeighbor(row, col + 1, 'right', 'left', updatedBorders.right.show);
+                }
+                if (updatedBorders.left && currentCell.style.borders.left.show !== updatedBorders.left.show) {
+                    syncNeighbor(row, col - 1, 'left', 'right', updatedBorders.left.show);
+                }
+                if (updatedBorders.bottom && currentCell.style.borders.bottom.show !== updatedBorders.bottom.show) {
+                    syncNeighbor(row + 1, col, 'bottom', 'top', updatedBorders.bottom.show);
+                }
+                if (updatedBorders.top && currentCell.style.borders.top.show !== updatedBorders.top.show) {
+                    syncNeighbor(row - 1, col, 'top', 'bottom', updatedBorders.top.show);
+                }
+            }
+            return {
+                ...prev,
+                cells: newCells
+            };
+        });
+    }, [getCell]);
+    // -------------------
+    // The rest of your code is unchanged
+    // -------------------
+    const addColumn = (0, react_1.useCallback)((position = 'right') => {
+        setTableData(prev => {
+            const newCells = { ...prev.cells };
+            let insertIndex;
+            if (selectedCell) {
+                const [, selectedCol] = selectedCell.split('-').map(Number);
+                insertIndex = position === 'right' ? selectedCol + 1 : selectedCol;
+            }
+            else {
+                insertIndex = position === 'right' ? prev.columns : 0;
+            }
+            const shiftedCells = {};
+            Object.entries(newCells).forEach(([key, cell]) => {
+                const [row, col] = key.split('-').map(Number);
+                if (col >= insertIndex) {
+                    shiftedCells[`${row}-${col + 1}`] = cell;
+                }
+                else {
+                    shiftedCells[key] = cell;
+                }
+            });
+            return {
+                ...prev,
+                columns: prev.columns + 1,
+                cells: shiftedCells
+            };
+        });
+    }, [selectedCell]);
+    const removeColumn = (0, react_1.useCallback)((position = 'right') => {
+        if (tableData.columns <= 1)
+            return;
+        setTableData(prev => {
+            const newCells = { ...prev.cells };
+            let removeIndex;
+            if (selectedCell) {
+                const [, selectedCol] = selectedCell.split('-').map(Number);
+                removeIndex = position === 'right' ? selectedCol + 1 : selectedCol;
+                if (removeIndex >= prev.columns || removeIndex < 0) {
+                    removeIndex = position === 'right' ? prev.columns - 1 : 0;
+                }
+            }
+            else {
+                removeIndex = position === 'right' ? prev.columns - 1 : 0;
+            }
+            const shiftedCells = {};
+            Object.entries(newCells).forEach(([key, cell]) => {
+                const [row, col] = key.split('-').map(Number);
+                if (col === removeIndex)
+                    return;
+                else if (col > removeIndex)
+                    shiftedCells[`${row}-${col - 1}`] = cell;
+                else
+                    shiftedCells[key] = cell;
+            });
+            if (selectedCell) {
+                const [selectedRow, selectedCol] = selectedCell.split('-').map(Number);
+                if (selectedCol === removeIndex) {
+                    // Select adjacent cell instead of closing editor
+                    const newSelectedCol = selectedCol > 0 ? selectedCol - 1 : 0;
+                    const newSelectedCell = `${selectedRow}-${newSelectedCol}`;
+                    setSelectedCell(newSelectedCell);
+                    // Keep editor open
+                }
+                else if (selectedCol > removeIndex) {
+                    setSelectedCell(`${selectedRow}-${selectedCol - 1}`);
+                }
+            }
+            return {
+                ...prev,
+                columns: prev.columns - 1,
+                cells: shiftedCells
+            };
+        });
+    }, [tableData.columns, selectedCell]);
+    const addRow = (0, react_1.useCallback)((position = 'bottom') => {
+        setTableData(prev => {
+            const newCells = { ...prev.cells };
+            let insertIndex;
+            if (selectedCell) {
+                const [selectedRow] = selectedCell.split('-').map(Number);
+                insertIndex = position === 'bottom' ? selectedRow + 1 : selectedRow;
+            }
+            else {
+                insertIndex = position === 'bottom' ? prev.rows : 0;
+            }
+            const shiftedCells = {};
+            Object.entries(newCells).forEach(([key, cell]) => {
+                const [row, col] = key.split('-').map(Number);
+                if (row >= insertIndex) {
+                    shiftedCells[`${row + 1}-${col}`] = cell;
+                }
+                else {
+                    shiftedCells[key] = cell;
+                }
+            });
+            const newHasHeader = insertIndex < prev.headerRows ? prev.hasHeader : prev.hasHeader;
+            const newHeaderRows = insertIndex === 0 ? prev.headerRows + 1 : prev.headerRows;
+            return {
+                ...prev,
+                rows: prev.rows + 1,
+                hasHeader: newHasHeader,
+                headerRows: newHeaderRows,
+                cells: shiftedCells
+            };
+        });
+    }, [selectedCell]);
+    const removeRow = (0, react_1.useCallback)((position = 'bottom') => {
+        if (tableData.rows <= 1)
+            return;
+        setTableData(prev => {
+            const newCells = { ...prev.cells };
+            let removeIndex;
+            if (selectedCell) {
+                const [selectedRow] = selectedCell.split('-').map(Number);
+                removeIndex = position === 'bottom' ? selectedRow + 1 : selectedRow;
+                if (removeIndex >= prev.rows || removeIndex < 0) {
+                    removeIndex = position === 'bottom' ? prev.rows - 1 : 0;
+                }
+            }
+            else {
+                removeIndex = position === 'bottom' ? prev.rows - 1 : 0;
+            }
+            // Prevent removing header rows if it would result in no headers
+            if (removeIndex < prev.headerRows && prev.headerRows <= 1) {
+                console.warn('Cannot remove header row - table must have at least one header row');
+                return prev; // Don't allow removal
+            }
+            const shiftedCells = {};
+            Object.entries(newCells).forEach(([key, cell]) => {
+                const [row, col] = key.split('-').map(Number);
+                if (row === removeIndex)
+                    return;
+                else if (row > removeIndex)
+                    shiftedCells[`${row - 1}-${col}`] = cell;
+                else
+                    shiftedCells[key] = cell;
+            });
+            if (selectedCell) {
+                const [selectedRow, selectedCol] = selectedCell.split('-').map(Number);
+                if (selectedRow === removeIndex) {
+                    // Select adjacent cell instead of closing editor
+                    const newSelectedRow = selectedRow > 0 ? selectedRow - 1 : 0;
+                    const newSelectedCell = `${newSelectedRow}-${selectedCol}`;
+                    setSelectedCell(newSelectedCell);
+                    // Keep editor open
+                }
+                else if (selectedRow > removeIndex) {
+                    setSelectedCell(`${selectedRow - 1}-${selectedCol}`);
+                }
+            }
+            const newHeaderRows = removeIndex < prev.headerRows ? Math.max(0, prev.headerRows - 1) : prev.headerRows;
+            const newHasHeader = newHeaderRows > 0;
+            return {
+                ...prev,
+                rows: prev.rows - 1,
+                hasHeader: newHasHeader,
+                headerRows: newHeaderRows,
+                cells: shiftedCells
+            };
+        });
+    }, [tableData.rows, selectedCell]);
+    const toggleHeader = (0, react_1.useCallback)(() => {
+        setTableData(prev => {
+            const newCells = { ...prev.cells };
+            const maxHeaders = Math.min(3, prev.rows); // Maximum 3 header rows or total rows
+            const newHeaderRows = prev.headerRows >= maxHeaders ? 1 : prev.headerRows + 1;
+            // Update font weight for all rows that might be affected
+            for (let row = 0; row < prev.rows; row++) {
+                for (let col = 0; col < prev.columns; col++) {
+                    const key = `${row}-${col}`;
+                    if (newCells[key]) {
+                        newCells[key] = {
+                            ...newCells[key],
+                            style: {
+                                ...newCells[key].style,
+                                fontWeight: row < newHeaderRows ? '600' : 'normal'
+                            }
+                        };
+                    }
+                }
+            }
+            return {
+                ...prev,
+                hasHeader: newHeaderRows > 0,
+                headerRows: newHeaderRows,
+                cells: newCells
+            };
+        });
+    }, []);
+    const updateTableWidth = (0, react_1.useCallback)(width => {
+        setTableData(prev => ({
+            ...prev,
+            tableWidth: width
+        }));
+    }, []);
+    const isCellSpanned = (0, react_1.useCallback)((row, col) => {
+        for (let r = 0; r < tableData.rows; r++) {
+            for (let c = 0; c < tableData.columns; c++) {
+                if (r === row && c === col)
+                    continue;
+                const cell = getCell(r, c);
+                if (r <= row &&
+                    row < r + cell.rowspan &&
+                    c <= col &&
+                    col < c + cell.colspan) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }, [tableData.rows, tableData.columns, getCell]);
+    const handleCellSelect = (0, react_1.useCallback)(cellKey => {
+        setSelectedCell(cellKey);
+        setShowCellEditor(true);
+    }, []);
+    const resetTable = (0, react_1.useCallback)(() => {
+        setTableData({
+            rows: 4,
+            columns: 4,
+            hasHeader: true,
+            headerRows: 1,
+            tableWidth: 'auto',
+            tableId: generateTableId(),
+            cells: {}
+        });
+        setSelectedCell(null);
+        setShowCellEditor(false);
+    }, []);
+    const importTableData = (0, react_1.useCallback)((importedData) => {
+        setTableData(prevData => ({
+            rows: importedData.rows,
+            columns: importedData.columns,
+            hasHeader: importedData.hasHeader,
+            headerRows: importedData.headerRows || (importedData.hasHeader ? 1 : 1),
+            tableWidth: importedData.tableWidth,
+            tableId: importedData.tableId || prevData.tableId,
+            cells: importedData.cells
+        }));
+        setSelectedCell(null);
+        setShowCellEditor(false);
+    }, []);
+    return {
+        tableData,
+        selectedCell,
+        showCellEditor,
+        updateCell,
+        addColumn,
+        removeColumn,
+        addRow,
+        removeRow,
+        toggleHeader,
+        updateTableWidth,
+        handleCellSelect,
+        resetTable,
+        importTableData,
+        setSelectedCell,
+        setShowCellEditor,
+        getCell,
+        isCellSpanned
+    };
+};
+exports.useTableState = useTableState;
+//# sourceMappingURL=useTableState.js.map

package/dist/components/Molecules/TableCustomizer/hooks/useTableState.js.map

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

package/dist/components/Molecules/TableCustomizer/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TableCustomizer: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default TableCustomizer;

package/dist/components/Molecules/TableCustomizer/index.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableCustomizer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+// Import sub-components (use the updated versions)
+const TableHeader_1 = require("./TableHeader");
+const TableStructureControls_1 = require("./TableStructureControls");
+const CellEditor_1 = require("./CellEditor");
+const TablePreview_1 = require("./TablePreview");
+const HTMLImporter_1 = require("./HTMLImporter");
+const MarkdownImporter_1 = require("./MarkdownImporter");
+// Import custom hooks (use the updated versions)
+const useTableState_1 = require("./hooks/useTableState");
+const useTableGenerator_1 = require("./hooks/useTableGenerator"); // Now with Markdown export
+const htmlTableParser_1 = require("./utils/htmlTableParser");
+const markdownTableParser_1 = require("./utils/markdownTableParser");
+exports.TableCustomizer = (0, react_1.forwardRef)(({ html, initialConfig = {} }, ref) => {
+    const bgColor = (0, react_2.useColorModeValue)('white', 'gray.800');
+    const borderColor = (0, react_2.useColorModeValue)('gray.200', 'gray.600');
+    const toast = (0, react_2.useToast)();
+    const [showHTMLImporter, setShowHTMLImporter] = (0, react_1.useState)(false);
+    const [showMarkdownImporter, setShowMarkdownImporter] = (0, react_1.useState)(false);
+    const [lastImportedHTML, setLastImportedHTML] = (0, react_1.useState)('');
+    // Use custom hooks for state management (now includes table width)
+    const { tableData, selectedCell, showCellEditor, updateCell, addColumn, removeColumn, addRow, removeRow, toggleHeader, updateTableWidth, handleCellSelect, importTableData, setShowCellEditor, getCell, isCellSpanned } = (0, useTableState_1.useTableState)(initialConfig);
+    // Use custom hook for HTML generation (now includes Markdown export instead of LaTeX)
+    const { generateMarkdownAndCopy } = (0, useTableGenerator_1.useTableGenerator)(tableData, getCell, isCellSpanned);
+    // Expose methods to parent component through ref
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        generateAndCopyTemplate: () => {
+            const markdown = generateMarkdownAndCopy();
+            return markdown;
+        }
+    }), [generateMarkdownAndCopy]);
+    const handleGenerateMarkdown = () => {
+        generateMarkdownAndCopy();
+        toast({
+            description: 'Template copied to clipboard',
+            status: 'success',
+            duration: 2000,
+            isClosable: true,
+            position: 'top'
+        });
+    };
+    const handleCellClose = () => {
+        setShowCellEditor(false);
+    };
+    const handleHTMLImport = (0, react_1.useCallback)((tableData) => {
+        importTableData(tableData);
+        setShowHTMLImporter(false);
+    }, [importTableData]);
+    const toggleHTMLImporter = () => {
+        setShowHTMLImporter(!showHTMLImporter);
+        setShowMarkdownImporter(false); // Close markdown importer
+    };
+    const handleMarkdownImport = (0, react_1.useCallback)((tableData) => {
+        importTableData(tableData);
+        setShowMarkdownImporter(false);
+    }, [importTableData]);
+    const toggleMarkdownImporter = () => {
+        setShowMarkdownImporter(!showMarkdownImporter);
+        setShowHTMLImporter(false); // Close HTML importer
+    };
+    // Auto-import HTML when html prop is provided
+    (0, react_1.useEffect)(() => {
+        if (html && html.trim() && html !== lastImportedHTML) {
+            try {
+                // Check if content contains markdown table format (div wrapper with markdown inside)
+                const hasMarkdownTable = html.includes('<div') && html.match(/\|[\s\S]*?\|/);
+                if (hasMarkdownTable) {
+                    console.log('Auto-importing Markdown table from prop');
+                    const parsedData = (0, markdownTableParser_1.parseMarkdownTable)(html);
+                    handleMarkdownImport(parsedData);
+                }
+                else {
+                    console.log('Auto-importing HTML table from prop');
+                    const parsedData = (0, htmlTableParser_1.parseHTMLTable)(html);
+                    handleHTMLImport(parsedData);
+                }
+                setLastImportedHTML(html);
+            }
+            catch (error) {
+                console.error('Failed to auto-import table:', error);
+            }
+        }
+    }, [html, handleHTMLImport, handleMarkdownImport, lastImportedHTML]);
+    // Get current cell data for editor
+    const getCurrentCellData = () => {
+        if (!selectedCell)
+            return null;
+        const [row, col] = selectedCell.split('-').map(Number);
+        return getCell(row, col);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Card, { bg: bgColor, borderColor: borderColor, children: [(0, jsx_runtime_1.jsx)(TableHeader_1.TableHeader, { onGenerate: handleGenerateMarkdown, onImport: toggleHTMLImporter, onImportMarkdown: toggleMarkdownImporter, title: "Table Editor", importButtonText: "Import HTML", importMarkdownButtonText: "Import Markdown", showImporter: showHTMLImporter, showMarkdownImporter: showMarkdownImporter }), (0, jsx_runtime_1.jsxs)(react_2.CardBody, { pt: 0, children: [showHTMLImporter && ((0, jsx_runtime_1.jsx)(HTMLImporter_1.HTMLImporter, { onImport: handleHTMLImport, onClose: () => setShowHTMLImporter(false) })), showMarkdownImporter && ((0, jsx_runtime_1.jsx)(MarkdownImporter_1.MarkdownImporter, { onImport: handleMarkdownImport, onClose: () => setShowMarkdownImporter(false) })), (0, jsx_runtime_1.jsx)(TableStructureControls_1.TableStructureControls, { tableData: tableData, onToggleHeader: toggleHeader, onUpdateTableWidth: updateTableWidth }), (0, jsx_runtime_1.jsx)(CellEditor_1.CellEditor, { selectedCell: selectedCell, cellData: getCurrentCellData(), onUpdateCell: updateCell, onClose: handleCellClose, tableConstraints: {
+                            rows: tableData.rows,
+                            columns: tableData.columns
+                        }, isVisible: showCellEditor, onAddColumn: addColumn, onRemoveColumn: removeColumn, onAddRow: addRow, onRemoveRow: removeRow }), (0, jsx_runtime_1.jsx)(TablePreview_1.TablePreview, { tableData: tableData, selectedCell: selectedCell, onCellSelect: handleCellSelect, onUpdateCell: updateCell, getCell: getCell, isCellSpanned: isCellSpanned })] })] }));
+});
+exports.TableCustomizer.displayName = 'TableCustomizer';
+exports.default = exports.TableCustomizer;
+//# sourceMappingURL=index.js.map

package/dist/components/Molecules/TableCustomizer/index.js.map

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

package/dist/components/Molecules/TableCustomizer/utils/htmlTableParser.d.ts

@@ -0,0 +1,9 @@
+export function parseHTMLTable(htmlString: any): {
+    rows: number;
+    columns: number;
+    hasHeader: boolean;
+    headerRows: number;
+    tableWidth: string;
+    tableId: string;
+    cells: {};
+};