@grafosoft/excel-validator 1.0.4 → 1.0.7

package/dist/components/ExcelFile.d.ts

@@ -1,2 +1,2 @@
 import { ExcelFileProps } from "../types/excelTypes";
-export declare const ExcelFile: ({ initData, fileContent, matrix, error, onFileSelected, onReset, validationErrors, onSelectError, hasBalanceDifference, }: ExcelFileProps) => import("react").JSX.Element;
+export declare const ExcelFile: ({ initData, fileContent, matrix, error, onFileSelected, onReset, validationErrors, onSelectError, hasBalanceDifference, onApplyStringEmptyFilter, onDownloadFilteredExcel, isStringEmptyFilterApplied, hasStringEmptyDuplicateErrors, }: ExcelFileProps) => import("react").JSX.Element;

package/dist/components/ExcelFile.js

@@ -6,7 +6,7 @@ const react_1 = require("@heroui/react");
 const react_2 = require("react");
 const tb_1 = require("react-icons/tb");
 const ExcelValidator_1 = require("./ExcelValidator");
-const ExcelFile = ({ initData, fileContent, matrix, error, onFileSelected, onReset, validationErrors, onSelectError, hasBalanceDifference = false, }) => {
+const ExcelFile = ({ initData, fileContent, matrix, error, onFileSelected, onReset, validationErrors, onSelectError, hasBalanceDifference = false, onApplyStringEmptyFilter, onDownloadFilteredExcel, isStringEmptyFilterApplied, hasStringEmptyDuplicateErrors, }) => {
     var _a;
     const [isVisible, setIsVisible] = (0, react_2.useState)(false);
     const inputRef = (0, react_2.useRef)(null);
@@ -28,7 +28,9 @@ const ExcelFile = ({ initData, fileContent, matrix, error, onFileSelected, onRes
         }
         return (bytes / KB).toFixed(2) + " KB";
     };
-    return ((0, jsx_runtime_1.jsxs)("section", { className: "h-full bg-content1 p-4 border-r border-default-200", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-xl font-semibold text-default-700", children: ["Importa ", initData.title] }), error ? ((0, jsx_runtime_1.jsx)(react_1.Alert, { color: "danger", title: error, className: "mt-3", radius: "sm", hideIconWrapper: true })) : isVisible ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Alert, { radius: "sm", hideIconWrapper: true, hideIcon: true, isVisible: isVisible, className: "mt-4", variant: "bordered", onClose: handleReset, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-default-700", children: [(0, jsx_runtime_1.jsx)(tb_1.TbFile, { size: 28 }), " ", (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm", children: fileContent === null || fileContent === void 0 ? void 0 : fileContent.name }), (0, jsx_runtime_1.jsx)("small", { className: "text-default-500", children: bytesFormat((_a = fileContent === null || fileContent === void 0 ? void 0 : fileContent.size) !== null && _a !== void 0 ? _a : 0) })] })] }) }), (0, jsx_runtime_1.jsx)(ExcelValidator_1.ExcelValidator, { initData: initData, fileContent: fileContent, matrix: matrix, validationErrors: validationErrors, onSelectError: onSelectError, hasBalanceDifference: hasBalanceDifference })] })) : ((0, jsx_runtime_1.jsx)("label", { className: "mt-4 flex cursor-pointer items-center justify-center rounded-lg border border-dashed border-default-300 px-4 py-8 text-sm font-medium text-default-600 transition hover:border-primary hover:text-primary", htmlFor: "excel-upload", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center flex flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)(tb_1.TbUpload, { size: 28 }), (0, jsx_runtime_1.jsx)("p", { className: "font-semibold text-lg", children: "Seleccionar plantilla" }), (0, jsx_runtime_1.jsx)("small", { className: "text-default-500", children: "Adjunta un archivo .xlsx o .xls para validar y previsualizar." })] }) })), (0, jsx_runtime_1.jsx)("input", { id: "excel-upload", ref: inputRef, className: "hidden", type: "file", accept: ".xlsx,.xls", onChange: (event) => {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "h-full bg-content1 p-4 border-r border-default-200", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-xl font-semibold text-default-700", children: ["Importa ", initData.title] }), error ? ((0, jsx_runtime_1.jsx)(react_1.Alert, { color: "danger", title: error, className: "mt-3", radius: "sm", hideIconWrapper: true })) : isVisible ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Alert, { radius: "sm", hideIconWrapper: true, hideIcon: true, isVisible: isVisible, className: "mt-4", variant: "bordered", onClose: handleReset, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-default-700", children: [(0, jsx_runtime_1.jsx)(tb_1.TbFile, { size: 28 }), " ", (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm", children: fileContent === null || fileContent === void 0 ? void 0 : fileContent.name }), (0, jsx_runtime_1.jsx)("small", { className: "text-default-500", children: bytesFormat((_a = fileContent === null || fileContent === void 0 ? void 0 : fileContent.size) !== null && _a !== void 0 ? _a : 0) })] })] }) }), initData.type === "accounts" && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 space-y-2 flex md:flex-col gap-5 md:gap-0", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { className: "w-full border-1", color: "warning", variant: "bordered", radius: "sm", startContent: (0, jsx_runtime_1.jsx)(tb_1.TbFilter, { size: 18 }), onPress: onApplyStringEmptyFilter, isDisabled: !hasStringEmptyDuplicateErrors || isStringEmptyFilterApplied, children: isStringEmptyFilterApplied
+                                    ? "Filtro aplicado"
+                                    : "Filtrar cuentas ya registradas" }), (0, jsx_runtime_1.jsx)(react_1.Button, { className: "w-full border-1", color: "success", variant: "bordered", radius: "sm", startContent: (0, jsx_runtime_1.jsx)(tb_1.TbDownload, { size: 18 }), onPress: onDownloadFilteredExcel, isDisabled: !isStringEmptyFilterApplied || !hasStringEmptyDuplicateErrors, children: "Descargar Nuevo Excel" })] })), (0, jsx_runtime_1.jsx)(ExcelValidator_1.ExcelValidator, { initData: initData, fileContent: fileContent, matrix: matrix, validationErrors: validationErrors, onSelectError: onSelectError, hasBalanceDifference: hasBalanceDifference })] })) : ((0, jsx_runtime_1.jsx)("label", { className: "mt-4 flex cursor-pointer items-center justify-center rounded-lg border border-dashed border-default-300 px-4 py-8 text-sm font-medium text-default-600 transition hover:border-primary hover:text-primary", htmlFor: "excel-upload", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center flex flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)(tb_1.TbUpload, { size: 28 }), (0, jsx_runtime_1.jsx)("p", { className: "font-semibold text-lg", children: "Seleccionar plantilla" }), (0, jsx_runtime_1.jsx)("small", { className: "text-default-500", children: "Adjunta un archivo .xlsx o .xls para validar y previsualizar." })] }) })), (0, jsx_runtime_1.jsx)("input", { id: "excel-upload", ref: inputRef, className: "hidden", type: "file", accept: ".xlsx,.xls", onChange: (event) => {
                     void onFileSelected(event);
                     setIsVisible(true);
                 } })] }));

package/dist/components/ExcelLayout.js

@@ -84,6 +84,7 @@ function ExcelLayout({ initData, jsonValidator, isBalances = false, }) {
     const [error, setError] = (0, react_1.useState)(null);
     const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
     const [focusTarget, setFocusTarget] = (0, react_1.useState)(null);
+    const [isStringEmptyFilterApplied, setIsStringEmptyFilterApplied] = (0, react_1.useState)(false);
     const [fetchCatalogsByUrl, setFetchCatalogsByUrl] = (0, react_1.useState)({});
     const [stringEmptyCatalogsByUrl, setStringEmptyCatalogsByUrl] = (0, react_1.useState)({});
     (0, react_1.useEffect)(() => {
@@ -403,6 +404,9 @@ function ExcelLayout({ initData, jsonValidator, isBalances = false, }) {
                             message: alreadyExists
                                 ? `El valor '${trimmedValue}' ya existe`
                                 : "",
+                            errorCode: alreadyExists
+                                ? "string-empty-already-exists"
+                                : undefined,
                         };
                     }
                     return { valid: true, message: "" };
@@ -418,6 +422,7 @@ function ExcelLayout({ initData, jsonValidator, isBalances = false, }) {
                         message: result.message,
                         value,
                         filteredRowIndex,
+                        errorCode: result.errorCode,
                     });
                 }
             });
@@ -429,6 +434,53 @@ function ExcelLayout({ initData, jsonValidator, isBalances = false, }) {
         fetchCatalogsByUrl,
         stringEmptyCatalogsByUrl,
     ]);
+    const stringEmptyDuplicateRowIndexes = (0, react_1.useMemo)(() => Array.from(new Set(validationErrors
+        .filter((validationError) => validationError.errorCode === "string-empty-already-exists")
+        .map((validationError) => validationError.filteredRowIndex))), [validationErrors]);
+    const hasStringEmptyDuplicateErrors = stringEmptyDuplicateRowIndexes.length > 0;
+    const validationErrorsForPanel = (0, react_1.useMemo)(() => {
+        if (!isStringEmptyFilterApplied) {
+            return validationErrors;
+        }
+        const hiddenIndexes = new Set(stringEmptyDuplicateRowIndexes);
+        return validationErrors.filter((validationError) => !hiddenIndexes.has(validationError.filteredRowIndex));
+    }, [
+        isStringEmptyFilterApplied,
+        stringEmptyDuplicateRowIndexes,
+        validationErrors,
+    ]);
+    const handleApplyStringEmptyFilter = () => {
+        if (!hasStringEmptyDuplicateErrors) {
+            return;
+        }
+        setIsStringEmptyFilterApplied(true);
+        setCurrentPage(1);
+        setFocusTarget(null);
+    };
+    const handleDownloadFilteredExcel = () => {
+        var _a;
+        if (!hasStringEmptyDuplicateErrors) {
+            return;
+        }
+        const headers = (_a = matrix[0]) !== null && _a !== void 0 ? _a : [];
+        const dataRows = matrix
+            .slice(1)
+            .filter((row) => { var _a, _b; return ((_b = (_a = row[0]) === null || _a === void 0 ? void 0 : _a.toString().trim()) !== null && _b !== void 0 ? _b : "") !== ""; });
+        const excludedIndexes = new Set(stringEmptyDuplicateRowIndexes);
+        const filteredRows = dataRows.filter((_row, rowIndex) => !excludedIndexes.has(rowIndex));
+        const workbook = XLSX.utils.book_new();
+        const worksheet = XLSX.utils.aoa_to_sheet([headers, ...filteredRows]);
+        const totalColumns = Math.max(headers.length, ...filteredRows.map((row) => row.length));
+        worksheet["!cols"] = Array.from({ length: totalColumns }, (_, colIndex) => {
+            var _a;
+            const longestValue = Math.max(String((_a = headers[colIndex]) !== null && _a !== void 0 ? _a : "").length, ...filteredRows.map((row) => { var _a; return String((_a = row[colIndex]) !== null && _a !== void 0 ? _a : "").length; }));
+            return {
+                wch: Math.min(Math.max(longestValue + 2, 12), 80),
+            };
+        });
+        XLSX.utils.book_append_sheet(workbook, worksheet, "Filtrado");
+        XLSX.writeFile(workbook, `${initData.title}-filtrado.xlsx`);
+    };
     const hasBalanceDifference = (0, react_1.useMemo)(() => {
         var _a;
         if (!isBalances || matrix.length <= 1) {
@@ -452,6 +504,7 @@ function ExcelLayout({ initData, jsonValidator, isBalances = false, }) {
             setError(null);
             setCurrentPage(1);
             setFocusTarget(null);
+            setIsStringEmptyFilterApplied(false);
             const fileBuffer = await file.arrayBuffer();
             const workbook = XLSX.read(fileBuffer, { type: "array" });
             const firstSheetName = workbook.SheetNames[0];
@@ -495,12 +548,34 @@ function ExcelLayout({ initData, jsonValidator, isBalances = false, }) {
             token: Date.now(),
         });
     };
+    const mainRef = (0, react_1.useRef)(null);
+    const [mainHeight, setMainHeight] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        const updateHeight = () => {
+            if (!mainRef.current) {
+                return;
+            }
+            const { top } = mainRef.current.getBoundingClientRect();
+            setMainHeight(Math.max(280, Math.floor(window.innerHeight - top - 8)));
+        };
+        updateHeight();
+        window.addEventListener("resize", updateHeight);
+        const observer = typeof ResizeObserver !== "undefined"
+            ? new ResizeObserver(updateHeight)
+            : null;
+        observer === null || observer === void 0 ? void 0 : observer.observe(document.body);
+        return () => {
+            window.removeEventListener("resize", updateHeight);
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        };
+    }, []);
     const handleReset = () => {
         setFileContent(undefined);
         setMatrix([]);
         setError(null);
         setCurrentPage(1);
         setFocusTarget(null);
+        setIsStringEmptyFilterApplied(false);
     };
-    return ((0, jsx_runtime_1.jsxs)("main", { className: "grid min-h-screen grid-cols-1 md:grid-cols-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "space-y-4 md:col-span-1", children: (0, jsx_runtime_1.jsx)(ExcelFile_1.ExcelFile, { initData: initData, fileContent: fileContent, matrix: matrix, error: error, onFileSelected: handleFileSelected, onReset: handleReset, validationErrors: validationErrors, onSelectError: handleSelectError, hasBalanceDifference: hasBalanceDifference }) }), (0, jsx_runtime_1.jsx)("div", { className: "md:col-span-3", children: (0, jsx_runtime_1.jsx)(ExcelPreview_1.ExcelPreview, { initData: initData, fileContent: fileContent, matrix: matrix, error: error, validationErrors: validationErrors, focusTarget: focusTarget, currentPage: currentPage, onPageChange: setCurrentPage, isBalances: isBalances }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("main", { ref: mainRef, style: mainHeight ? { height: `${mainHeight}px` } : undefined, className: "grid grid-cols-1 grid-rows-2 md:grid-rows-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 overflow-hidden", children: [(0, jsx_runtime_1.jsx)("div", { className: "space-y-4 col-span-1 order-2 ", children: (0, jsx_runtime_1.jsx)(ExcelFile_1.ExcelFile, { initData: initData, fileContent: fileContent, matrix: matrix, error: error, onFileSelected: handleFileSelected, onReset: handleReset, validationErrors: validationErrorsForPanel, onSelectError: handleSelectError, hasBalanceDifference: hasBalanceDifference, onApplyStringEmptyFilter: handleApplyStringEmptyFilter, onDownloadFilteredExcel: handleDownloadFilteredExcel, isStringEmptyFilterApplied: isStringEmptyFilterApplied, hasStringEmptyDuplicateErrors: hasStringEmptyDuplicateErrors }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-1 lg:col-span-2 xl:col-span-3", children: (0, jsx_runtime_1.jsx)(ExcelPreview_1.ExcelPreview, { initData: initData, fileContent: fileContent, matrix: matrix, error: error, validationErrors: validationErrors, focusTarget: focusTarget, currentPage: currentPage, onPageChange: setCurrentPage, isBalances: isBalances, hiddenFilteredRowIndexes: isStringEmptyFilterApplied ? stringEmptyDuplicateRowIndexes : [] }) })] }));
 }

package/dist/components/ExcelPreview.d.ts

@@ -1,2 +1,2 @@
 import { ExcelPreviewProps } from "../types/excelTypes";
-export declare const ExcelPreview: ({ initData, fileContent, matrix, error, validationErrors, focusTarget, currentPage, onPageChange, isBalances, }: ExcelPreviewProps) => import("react").JSX.Element;
+export declare const ExcelPreview: ({ initData, fileContent, matrix, error, validationErrors, focusTarget, currentPage, onPageChange, isBalances, hiddenFilteredRowIndexes, }: ExcelPreviewProps) => import("react").JSX.Element;

package/dist/components/ExcelPreview.js

@@ -7,15 +7,21 @@ const react_2 = require("react");
 const pi_1 = require("react-icons/pi");
 const tb_1 = require("react-icons/tb");
 const BalanceTotals_1 = require("./BalanceTotals");
-const ExcelPreview = ({ initData, fileContent, matrix, error, validationErrors, focusTarget, currentPage, onPageChange, isBalances = false, }) => {
+const ExcelPreview = ({ initData, fileContent, matrix, error, validationErrors, focusTarget, currentPage, onPageChange, isBalances = false, hiddenFilteredRowIndexes = [], }) => {
     var _a;
     const rowsPerPage = 30;
     const cellRefs = (0, react_2.useRef)({});
     const maxColumns = (0, react_2.useMemo)(() => matrix.reduce((max, row) => Math.max(max, row.length), 0), [matrix]);
     const tableHeaders = (_a = matrix[0]) !== null && _a !== void 0 ? _a : [];
-    const allDataRows = matrix
+    const hiddenRowIndexesSet = (0, react_2.useMemo)(() => new Set(hiddenFilteredRowIndexes), [hiddenFilteredRowIndexes]);
+    const allDataRows = (0, react_2.useMemo)(() => matrix
         .slice(1)
-        .filter((row) => { var _a, _b; return ((_b = (_a = row[0]) === null || _a === void 0 ? void 0 : _a.toString().trim()) !== null && _b !== void 0 ? _b : "") !== ""; });
+        .filter((row) => { var _a, _b; return ((_b = (_a = row[0]) === null || _a === void 0 ? void 0 : _a.toString().trim()) !== null && _b !== void 0 ? _b : "") !== ""; })
+        .map((row, originalFilteredRowIndex) => ({
+        row,
+        originalFilteredRowIndex,
+    }))
+        .filter(({ originalFilteredRowIndex }) => !hiddenRowIndexesSet.has(originalFilteredRowIndex)), [matrix, hiddenRowIndexesSet]);
     const totalRecords = allDataRows.length;
     const totalPages = Math.max(1, Math.ceil(totalRecords / rowsPerPage));
     const effectivePage = Math.min(currentPage, totalPages);
@@ -51,18 +57,19 @@ const ExcelPreview = ({ initData, fileContent, matrix, error, validationErrors,
             targetCell.focus();
         });
     }, [focusTarget, effectivePage]);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: "h-full bg-gray-50 dark:bg-content1 border-l border-default-200 px-4 py-2", children: [!fileContent ? ((0, jsx_runtime_1.jsx)(react_1.Alert, { color: "primary", title: `Al importar ${initData.title} verás una previsualización de su contenido.`, className: "my-3", radius: "sm", hideIconWrapper: true, variant: "faded" })) : null, fileContent && matrix.length === 0 && !error ? ((0, jsx_runtime_1.jsx)(react_1.Alert, { color: "danger", title: `No se encontraron datos en el archivo seleccionado.`, className: "my-3", radius: "sm", hideIconWrapper: true, variant: "faded" })) : null, fileContent && matrix.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "mt-4 max-h-[85vh] max-w-full overflow-x-auto overflow-y-auto ", children: (0, jsx_runtime_1.jsxs)("table", { className: "min-w-max w-full text-sm", children: [(0, jsx_runtime_1.jsx)("thead", { className: "sticky top-0 bg-default-100", children: (0, jsx_runtime_1.jsx)("tr", { children: Array.from({ length: maxColumns }).map((_, columnIndex) => ((0, jsx_runtime_1.jsx)("th", { className: "border-x border-t border-default-200 p-3 font-semibold text-default-700", children: tableHeaders[columnIndex] ||
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "h-full bg-gray-50 dark:bg-content1 border-l border-default-200 px-4 py-2 flex flex-col overflow-hidden", children: [!fileContent ? ((0, jsx_runtime_1.jsx)(react_1.Alert, { color: "primary", title: `Al importar ${initData.title} verás una previsualización de su contenido.`, className: "my-3 max-h-[70px]", radius: "sm", hideIconWrapper: true, variant: "faded" })) : null, fileContent && matrix.length === 0 && !error ? ((0, jsx_runtime_1.jsx)(react_1.Alert, { color: "danger", title: `No se encontraron datos en el archivo seleccionado.`, className: "my-3", radius: "sm", hideIconWrapper: true, variant: "faded" })) : null, fileContent && matrix.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "mt-4 min-h-0 flex-1 max-w-full overflow-x-auto overflow-y-auto", children: (0, jsx_runtime_1.jsxs)("table", { className: "min-w-max w-full text-sm", children: [(0, jsx_runtime_1.jsx)("thead", { className: "sticky top-0 bg-default-100", children: (0, jsx_runtime_1.jsx)("tr", { children: Array.from({ length: maxColumns }).map((_, columnIndex) => ((0, jsx_runtime_1.jsx)("th", { className: "border-x border-t border-default-200 p-3 font-semibold text-default-700", children: tableHeaders[columnIndex] ||
                                                 `Columna ${columnIndex + 1}` }, `header-${columnIndex}`))) }) }), (0, jsx_runtime_1.jsx)("tbody", { className: "bg-content1", children: dataRows.map((row, rowIndex) => ((0, jsx_runtime_1.jsx)("tr", { children: Array.from({ length: maxColumns }).map((_, columnIndex) => (() => {
                                             var _a, _b;
-                                            const absoluteRowIndex = startIndex + rowIndex;
-                                            const key = `${absoluteRowIndex}-${columnIndex}`;
+                                            const originalFilteredRowIndex = row.originalFilteredRowIndex;
+                                            const key = `${originalFilteredRowIndex}-${columnIndex}`;
                                             const hasError = errorMap.has(key);
-                                            const isFocusedTarget = (focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.filteredRowIndex) === absoluteRowIndex &&
+                                            const isFocusedTarget = (focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.filteredRowIndex) ===
+                                                originalFilteredRowIndex &&
                                                 (focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.columnIndex) === columnIndex;
                                             return ((0, jsx_runtime_1.jsx)("td", { ref: (element) => {
                                                     cellRefs.current[key] = element;
                                                 }, tabIndex: -1, className: `border border-default-200 p-3 align-top whitespace-nowrap outline-none transition-all duration-200 ease-in-out text-default-700
-                               ${isFocusedTarget ? "ring-[1.7px] ring-danger ring-inset" : ""}`, children: hasError ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsx)("p", { children: (_a = row[columnIndex]) !== null && _a !== void 0 ? _a : "" }), (0, jsx_runtime_1.jsx)(tb_1.TbAlertCircle, { color: "red", size: 20 })] })) : ((0, jsx_runtime_1.jsx)("p", { children: (_b = row[columnIndex]) !== null && _b !== void 0 ? _b : "" })) }, `cell-${rowIndex}-${columnIndex}`));
-                                        })()) }, `row-${rowIndex}`))) })] }) }), totalRecords > rowsPerPage ? ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex items-center justify-between gap-3", children: [(0, jsx_runtime_1.jsxs)("p", { className: "text-sm text-default-600", children: ["Mostrando ", startIndex + 1, "-", Math.min(endIndex, totalRecords), " de", " ", totalRecords, " registros"] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", className: "text-sm border border-default-300 disabled:border-default-200 disabled:bg-default-100 disabled:text-default-500 dark:border-default-400 dark:text-default-700", variant: "bordered", disabled: effectivePage === 1, onPress: () => onPageChange(Math.max(1, effectivePage - 1)), isIconOnly: true, children: (0, jsx_runtime_1.jsx)(pi_1.PiCaretLeftBold, { size: 16 }) }), (0, jsx_runtime_1.jsxs)("span", { className: "text-sm text-default-700 mx-1", children: ["Pagina ", effectivePage, " de ", totalPages] }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", className: "text-sm border border-default-300 disabled:border-default-200 disabled:bg-default-100 disabled:text-default-500 dark:border-default-400 dark:text-default-700", variant: "bordered", disabled: effectivePage === totalPages, onPress: () => onPageChange(Math.min(totalPages, effectivePage + 1)), isIconOnly: true, children: (0, jsx_runtime_1.jsx)(pi_1.PiCaretRightBold, { size: 16 }) })] })] })) : null, isBalances ? ((0, jsx_runtime_1.jsx)(BalanceTotals_1.BalanceTotals, { headers: tableHeaders, rows: allDataRows })) : null] })) : null] }));
+                               ${isFocusedTarget ? "ring-[1.7px] ring-danger ring-inset" : ""}`, children: hasError ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsx)("p", { children: (_a = row.row[columnIndex]) !== null && _a !== void 0 ? _a : "" }), (0, jsx_runtime_1.jsx)(tb_1.TbAlertCircle, { color: "red", size: 20 })] })) : ((0, jsx_runtime_1.jsx)("p", { children: (_b = row.row[columnIndex]) !== null && _b !== void 0 ? _b : "" })) }, `cell-${rowIndex}-${columnIndex}`));
+                                        })()) }, `row-${rowIndex}`))) })] }) }), totalRecords > rowsPerPage ? ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex items-center justify-between gap-3", children: [(0, jsx_runtime_1.jsxs)("p", { className: "text-sm text-default-600", children: ["Mostrando ", startIndex + 1, "-", Math.min(endIndex, totalRecords), " de", " ", totalRecords, " registros"] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", className: "text-sm border border-default-300 disabled:border-default-200 disabled:bg-default-100 disabled:text-default-500 dark:border-default-400 dark:text-default-700", variant: "bordered", disabled: effectivePage === 1, onPress: () => onPageChange(Math.max(1, effectivePage - 1)), isIconOnly: true, children: (0, jsx_runtime_1.jsx)(pi_1.PiCaretLeftBold, { size: 16 }) }), (0, jsx_runtime_1.jsxs)("span", { className: "text-sm text-default-700 mx-1", children: ["Pagina ", effectivePage, " de ", totalPages] }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", className: "text-sm border border-default-300 disabled:border-default-200 disabled:bg-default-100 disabled:text-default-500 dark:border-default-400 dark:text-default-700", variant: "bordered", disabled: effectivePage === totalPages, onPress: () => onPageChange(Math.min(totalPages, effectivePage + 1)), isIconOnly: true, children: (0, jsx_runtime_1.jsx)(pi_1.PiCaretRightBold, { size: 16 }) })] })] })) : null, isBalances ? ((0, jsx_runtime_1.jsx)(BalanceTotals_1.BalanceTotals, { headers: tableHeaders, rows: allDataRows.map((entry) => entry.row) })) : null] })) : null] }));
 };
 exports.ExcelPreview = ExcelPreview;

package/dist/components/ExcelValidator.js

@@ -59,7 +59,7 @@ const ExcelValidator = ({ initData, fileContent, matrix, validationErrors, onSel
             }, 3000);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("section", { className: "mt-10 bg-content1 max-h-[calc(100vh-11.5rem)] overflow-y-auto pr-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex xl:flex-row lg:flex-col mb-3 justify-between items-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-xl font-semibold text-default-700", children: "Validaciones" }), (0, jsx_runtime_1.jsx)(react_1.Chip, { color: validationErrors.length > 0 ? "danger" : "success", variant: "solid", className: "text-white", startContent: validationErrors.length > 0 ? ((0, jsx_runtime_1.jsx)(tb_1.TbAlertCircle, { size: 20 })) : ((0, jsx_runtime_1.jsx)(tb_1.TbCheck, { size: 20 })), children: (0, jsx_runtime_1.jsxs)("p", { className: "pl-1", children: [validationErrors.length, " ", validationErrors.length === 1
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "mt-5 bg-content1 max-h-[calc(100vh-11.5rem)] overflow-y-auto pr-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex xl:flex-row lg:flex-col mb-3 justify-between items-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-xl font-semibold text-default-700", children: "Validaciones" }), (0, jsx_runtime_1.jsx)(react_1.Chip, { color: validationErrors.length > 0 ? "danger" : "success", variant: "solid", className: "text-white", startContent: validationErrors.length > 0 ? ((0, jsx_runtime_1.jsx)(tb_1.TbAlertCircle, { size: 20 })) : ((0, jsx_runtime_1.jsx)(tb_1.TbCheck, { size: 20 })), children: (0, jsx_runtime_1.jsxs)("p", { className: "pl-1", children: [validationErrors.length, " ", validationErrors.length === 1
                                     ? "error encontrado"
                                     : "errores encontrados"] }) })] }), hasBalanceDifference ? ((0, jsx_runtime_1.jsx)(react_1.Alert, { color: "danger", title: "Hay diferencias en los saldos iniciales", variant: "faded", hideIcon: true, startContent: (0, jsx_runtime_1.jsx)(tb_1.TbAlertCircle, { size: 30 }), className: "mb-3" })) : null, validationErrors.length === 0 && !hasBalanceDifference ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Alert, { color: "success", title: "Sin errores de validaci\u00F3n.", variant: "faded", hideIcon: true, startContent: (0, jsx_runtime_1.jsx)(tb_1.TbCircleCheck, { size: 30 }) }), (0, jsx_runtime_1.jsx)(react_1.Button, { color: "success", className: "mt-4 w-full", variant: "flat", endContent: (0, jsx_runtime_1.jsx)(tb_1.TbUpload, { size: 20 }), radius: "sm", isLoading: isUploadingTemplate, onPress: handleTXTFormat, children: "Enviar Plantilla" }), uploadMessage ? ((0, jsx_runtime_1.jsx)("p", { className: `mt-2 text-sm ${uploadMessage.type === "success"
                             ? "text-success-600"

package/dist/components/navbar/NavbarUser.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from "react";
+interface Props {
+    showMobileMenu?: () => void;
+}
+export declare const NavbarUser: FC<Props>;
+export {};

package/dist/components/navbar/NavbarUser.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavbarUser = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ri_1 = require("react-icons/ri");
+const tb_1 = require("react-icons/tb");
+const react_1 = require("@heroui/react");
+const fa_1 = require("react-icons/fa");
+const io_1 = require("react-icons/io");
+const navigation_1 = require("next/navigation");
+const ThemeSwitcher_1 = require("../ThemeSwitcher");
+const NavbarUser = ({ showMobileMenu }) => {
+    const pathname = (0, navigation_1.usePathname)();
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex w-full bg-[#04383f] px-4 py-3 justify-between lg:justify-end`, children: [pathname !== "/empresas" && pathname !== "/proveedores" && ((0, jsx_runtime_1.jsx)("button", { className: "lg:hidden", onClick: showMobileMenu, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex", children: [(0, jsx_runtime_1.jsx)(tb_1.TbGridDots, { size: 25, className: "text-white" }), (0, jsx_runtime_1.jsx)("p", { className: "text-white font-semibold pl-2", children: "Menu" })] }) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(ThemeSwitcher_1.ThemeSwitcher, {}), (0, jsx_runtime_1.jsx)(tb_1.TbBellFilled, { size: 20, className: "cursor-pointer mx-3", style: { color: "white" } }), (0, jsx_runtime_1.jsxs)(react_1.Popover, { placement: "bottom", showArrow: true, children: [(0, jsx_runtime_1.jsx)(react_1.PopoverTrigger, { children: (0, jsx_runtime_1.jsx)("button", { className: "outline-none", children: (0, jsx_runtime_1.jsx)(tb_1.TbHelpSquareRoundedFilled, { size: 20, className: "cursor-pointer mx-3", style: { color: "white" } }) }) }), (0, jsx_runtime_1.jsx)(react_1.PopoverContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: "px-2 py-3", children: [(0, jsx_runtime_1.jsx)(react_1.Link, { isExternal: true, href: "https://api.whatsapp.com/send?phone=573142441243", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-small font-medium flex items-center pb-3 gap-2", children: [(0, jsx_runtime_1.jsx)(io_1.IoLogoWhatsapp, { size: 20, className: "text-[#25d366]" }), " ", "Com\u00FAnicate al WhatsApp"] }) }), (0, jsx_runtime_1.jsx)(react_1.Divider, {}), (0, jsx_runtime_1.jsx)(react_1.Link, { isExternal: true, href: "mailto:contacto@grafosoft.com", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-small font-medium flex items-center py-3 gap-2", children: [(0, jsx_runtime_1.jsx)(tb_1.TbMailFilled, { size: 20, className: "text-[#f31260]" }), " ", "contacto@grafosoft.com"] }) }), (0, jsx_runtime_1.jsx)(react_1.Divider, {}), (0, jsx_runtime_1.jsx)(react_1.Link, { isExternal: true, href: "https://bilidox.com/contacto/", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-small font-medium flex items-center py-3 gap-2", children: [(0, jsx_runtime_1.jsx)(fa_1.FaGlobe, { size: 20, className: "text-[#006FEE]" }), " P\u00E1gina de contacto"] }) }), (0, jsx_runtime_1.jsx)(react_1.Divider, {}), (0, jsx_runtime_1.jsx)(react_1.Link, { isExternal: true, href: "https://grafosoft.atlassian.net/wiki/spaces/GUB", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-small font-medium flex items-center pt-3 gap-2", children: [(0, jsx_runtime_1.jsx)(ri_1.RiBookMarkFill, { size: 20, className: "text-purple-600" }), " Guia BILIDOX"] }) })] }) })] }), (0, jsx_runtime_1.jsx)(tb_1.TbSettingsFilled, { size: 20, className: "cursor-pointer mx-3", style: { color: "white" } }), (0, jsx_runtime_1.jsx)(tb_1.TbLogout, { size: 20, className: "cursor-pointer mx-5", color: "#60941a" })] })] }));
+};
+exports.NavbarUser = NavbarUser;

package/dist/components/navigationPage/NavigationPage.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const NavigationPage: FC;

package/dist/components/navigationPage/NavigationPage.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@heroui/react");
+const navigation_1 = require("next/navigation");
+const NavigationPage = () => {
+    const pathName = (0, navigation_1.usePathname)();
+    const router = (0, navigation_1.useRouter)();
+    const newArrayPath = pathName.split("/").filter((element) => element !== "");
+    const goToBreadcrumb = (index) => {
+        const target = `/${newArrayPath.slice(0, index + 1).join("/")}`;
+        router.push(target);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_1.Breadcrumbs, { size: "lg", className: "pt-5 pl-5", children: newArrayPath.map((element, index) => ((0, jsx_runtime_1.jsx)(react_1.BreadcrumbItem, { onPress: () => {
+                goToBreadcrumb(index);
+            }, className: "capitalize", children: element }, index))) }));
+};
+exports.NavigationPage = NavigationPage;

package/dist/components/sidebar/DashboardLayout.d.ts

@@ -0,0 +1,7 @@
+import { type FC, type ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+    isError?: boolean;
+}
+export declare const DashboardLayout: FC<Props>;
+export {};

package/dist/components/sidebar/DashboardLayout.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Sidebar_1 = require("./Sidebar");
+const tb_1 = require("react-icons/tb");
+const navigation_1 = require("next/navigation");
+const Sidebar_2 = require("./Sidebar");
+const NavbarUser_1 = require("../navbar/NavbarUser");
+const DashboardLayout = ({ children, isError = false }) => {
+    const pathname = (0, navigation_1.usePathname)();
+    const [sideBarMobile, setSideBarMobile] = (0, react_1.useState)(false);
+    const companyId = "";
+    const [expanded, setExpanded] = (0, react_1.useState)(true);
+    return ((0, jsx_runtime_1.jsx)(Sidebar_2.SidebarContext.Provider, { value: expanded, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex", children: [(0, jsx_runtime_1.jsxs)(Sidebar_1.Sidebar, { openMenu: sideBarMobile, setOpenMenu: setSideBarMobile, companyId: companyId, expanded: expanded, setExpanded: setExpanded, children: [(0, jsx_runtime_1.jsx)(Sidebar_1.SidebarItem, { icon: (0, jsx_runtime_1.jsx)(tb_1.TbBuilding, { size: 25 }), text: "Ver Empresa", urlPath: `/empresa/${companyId}`, active: pathname.includes("/empresa") }), (0, jsx_runtime_1.jsx)(Sidebar_1.SidebarItem, { icon: (0, jsx_runtime_1.jsx)(tb_1.TbFileInvoice, { size: 25 }), text: "Documentos", urlPath: `/documentos`, active: pathname.includes("/documento") }), (0, jsx_runtime_1.jsx)(Sidebar_1.SidebarItem, { icon: (0, jsx_runtime_1.jsx)(tb_1.TbLayoutCollage, { size: 25 }), text: "Certificados", urlPath: `/certificados`, active: pathname.includes("/certificado") }), (0, jsx_runtime_1.jsx)(Sidebar_1.SidebarItem, { icon: (0, jsx_runtime_1.jsx)(tb_1.TbInbox, { size: 25 }), text: "Softwares", urlPath: `/softwares`, active: pathname.includes("/software") }), (0, jsx_runtime_1.jsx)(Sidebar_1.SidebarItem, { icon: (0, jsx_runtime_1.jsx)(tb_1.TbFileDigit, { size: 25 }), text: "Numeraciones", urlPath: `/numeraciones`, active: pathname.includes("/numeracion") }), (0, jsx_runtime_1.jsx)(Sidebar_1.SidebarItem, { icon: (0, jsx_runtime_1.jsx)(tb_1.TbSourceCode, { size: 25 }), text: "M\u00F3dulos", urlPath: `/modulos`, active: pathname.includes("/modulos") ||
+                                pathname.includes("/facturas-excel") }), (0, jsx_runtime_1.jsx)(Sidebar_1.SidebarItem, { icon: (0, jsx_runtime_1.jsx)(tb_1.TbCalendarDollar, { size: 25 }), text: "Ordenes de Compra", urlPath: `/ordenes`, active: pathname.includes("/orden") }), (0, jsx_runtime_1.jsx)(Sidebar_1.SidebarItem, { icon: (0, jsx_runtime_1.jsx)(tb_1.TbUsers, { size: 25 }), text: "Usuarios", urlPath: `/usuarios`, active: pathname.includes("/usuario") })] }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)(NavbarUser_1.NavbarUser, { showMobileMenu: () => {
+                                setSideBarMobile((prev) => !prev);
+                            } }), isError ? ((0, jsx_runtime_1.jsx)("div", { children: children })) : ((0, jsx_runtime_1.jsx)("div", { className: `transition-all duration-300 ease-in-out ${expanded ? "lg:ml-[250px]" : "lg:pl-[68px]"}`, children: children }))] })] }) }));
+};
+exports.DashboardLayout = DashboardLayout;

package/dist/components/sidebar/Sidebar.d.ts

@@ -0,0 +1,21 @@
+import { type FC, type ReactNode } from "react";
+export declare const SidebarContext: import("react").Context<boolean>;
+interface Props {
+    children: ReactNode;
+    openMenu: boolean;
+    setOpenMenu: (openMenu: boolean) => void;
+    companyId: string;
+    expanded: boolean;
+    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const Sidebar: FC<Props>;
+interface SidebarItemProps {
+    icon: ReactNode;
+    text: string;
+    active?: boolean;
+    dropdown?: boolean;
+    sidebarList?: React.JSX.Element[];
+    urlPath?: string;
+}
+export declare const SidebarItem: FC<SidebarItemProps>;
+export {};

package/dist/components/sidebar/Sidebar.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarItem = exports.Sidebar = exports.SidebarContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@heroui/react");
+const react_2 = require("react");
+const tb_1 = require("react-icons/tb");
+const cg_1 = require("react-icons/cg");
+const fa_1 = require("react-icons/fa");
+const navigation_1 = require("next/navigation");
+exports.SidebarContext = (0, react_2.createContext)(false);
+const Sidebar = ({ children, openMenu, setOpenMenu, expanded, setExpanded, }) => {
+    var _a, _b;
+    const [companyInfo] = (0, react_2.useState)({
+        imageUrl: "",
+        name: "",
+        email: "",
+    });
+    const ref = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(() => {
+        function handleClickOutside(e) {
+            if (ref.current && !ref.current.contains(e.target)) {
+                setOpenMenu(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [ref, setOpenMenu]);
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("aside", { className: `flex flex-col justify-between
+          bg-white shadow-2xl lg:shadow-sm lg:h-screen dark:bg-black
+          lg:dark:bg-black top-0 fixed h-full transition-transform
+          .3s ease-in-out lg:-translate-x-0 ${!openMenu ? "-translate-x-full" : ""}`, style: { maxWidth: "250px", zIndex: "50" }, ref: ref, children: (0, jsx_runtime_1.jsxs)("nav", { className: "h-full flex flex-col dark:border-none", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex p-4 pb-2 justify-between items-center", children: [expanded ? (0, jsx_runtime_1.jsx)(fa_1.FaDownload, { size: 50 }) : (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                                    setExpanded((curr) => !curr);
+                                }, className: "p-1.5 rounded-lg bg-gray-50 dark:bg-transparent bg-green-50 text-green-800", children: expanded ? ((0, jsx_runtime_1.jsx)(cg_1.CgPushChevronLeft, { size: 20 })) : ((0, jsx_runtime_1.jsx)(cg_1.CgPushChevronRight, { size: 20 })) })] }), (0, jsx_runtime_1.jsx)("ul", { className: "flex-1 px-3", children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "cursos-pointer border-t dark:border-none flex p-3", children: [(0, jsx_runtime_1.jsx)(react_1.Avatar, { showFallback: true, fallback: (0, jsx_runtime_1.jsx)(tb_1.TbBuilding, { size: 25 }), size: "md", radius: "sm", src: companyInfo.imageUrl, classNames: {
+                                    base: companyInfo.imageUrl ? "bg-transparent" : "",
+                                } }), (0, jsx_runtime_1.jsx)("div", { className: `
+                flex justify-between items-center
+                overflow-hidden transition-all ${expanded ? "w-52 ml-3" : "w-0"}
+            `, children: (0, jsx_runtime_1.jsxs)("div", { className: "leading-4", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium", children: (_a = companyInfo.name) !== null && _a !== void 0 ? _a : "Empresa" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-gray-400", children: (_b = companyInfo.email) !== null && _b !== void 0 ? _b : "correo@empresa.com" })] }) })] })] }) }) }));
+};
+exports.Sidebar = Sidebar;
+const SidebarItem = ({ icon, text, active, dropdown, sidebarList, urlPath = "/", }) => {
+    const expanded = (0, react_2.useContext)(exports.SidebarContext);
+    const router = (0, navigation_1.useRouter)();
+    const children = ((0, jsx_runtime_1.jsxs)("li", { className: `
+      relative flex items-center py-2 px-3 my-1
+      font-medium rounded-md cursor-pointer
+      transition-colors group
+      ${active
+            ? "bg-gradient-to-tr from-green-200 to-green-100 text-green-800"
+            : "hover:bg-green-50 hover:text-green-800"}
+  `, onClick: async () => {
+            var _a;
+            const urlApikey = urlPath.replace("$apikey", (_a = localStorage.getItem("apikey")) !== null && _a !== void 0 ? _a : "");
+            if (!dropdown) {
+                router.push(urlApikey);
+            }
+        }, children: [(0, jsx_runtime_1.jsx)("div", { className: "", children: icon }), (0, jsx_runtime_1.jsx)("span", { className: `font-normal text-md overflow-hidden transition-all ${expanded ? "w-52 ml-3" : "w-0"}`, children: text }), !expanded && ((0, jsx_runtime_1.jsx)("div", { className: `
+        absolute left-full rounded-md px-2 py-1 ml-6
+        bg-green-100 text-green-800 text-sm
+        invisible opacity-20 -translate-x-3 transition-all
+        group-hover:visible group-hover:opacity-100 group-hover:translate-x-0
+    `, children: text }))] }));
+    return dropdown && expanded ? ((0, jsx_runtime_1.jsx)(react_1.Accordion, { className: "px-0", isCompact: true, children: (0, jsx_runtime_1.jsx)(react_1.AccordionItem, { "aria-label": text, isCompact: true, title: text, startContent: icon, className: "py-2 px-3", children: sidebarList }) })) : dropdown && !expanded ? ((0, jsx_runtime_1.jsxs)(react_1.Popover, { placement: "right", showArrow: true, offset: 25, children: [(0, jsx_runtime_1.jsx)(react_1.PopoverTrigger, { children: children }), (0, jsx_runtime_1.jsx)(react_1.PopoverContent, { children: (0, jsx_runtime_1.jsx)("div", { className: "px-1 py-2", children: sidebarList }) })] })) : (children);
+};
+exports.SidebarItem = SidebarItem;

package/dist/types/excelTypes.d.ts

@@ -9,6 +9,7 @@ export type ValidationError = {
     message: string;
     value: string;
     filteredRowIndex: number;
+    errorCode?: string;
 };
 export type FocusTarget = {
     filteredRowIndex: number;
@@ -25,6 +26,10 @@ export type ExcelFileProps = {
     validationErrors: ValidationError[];
     onSelectError: (error: ValidationError) => void;
     hasBalanceDifference?: boolean;
+    onApplyStringEmptyFilter: () => void;
+    onDownloadFilteredExcel: () => void;
+    isStringEmptyFilterApplied: boolean;
+    hasStringEmptyDuplicateErrors: boolean;
 };
 export type ExcelValidatorProps = {
     initData: SettingsProps;
@@ -44,4 +49,5 @@ export type ExcelPreviewProps = {
     currentPage: number;
     onPageChange: (page: number) => void;
     isBalances?: boolean;
+    hiddenFilteredRowIndexes?: number[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafosoft/excel-validator",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "description": "React component to validate Excel files against configurable JSON rules.",
   "license": "MIT",
   "main": "dist/index.js",