@grafosoft/excel-validator 1.0.0

package/README.md

@@ -0,0 +1,357 @@
+# excel-validator
+
+Componente React para validar archivos Excel (`.xlsx` / `.xls`) con reglas declarativas (`jsonValidator`) y catálogos remotos (`fetch` / `string-empty`).
+
+## Requisitos
+
+- Node.js 20+
+- Next.js 16+
+- React 19+
+- Proyecto con Tailwind CSS (el componente usa clases utility)
+- Proveedor de HeroUI y `next-themes` en el árbol de la app
+
+## Instalación
+
+```bash
+npm install excel-validator @heroui/react next-themes xlsx react-icons framer-motion
+```
+
+## Uso básico
+
+### 1) Configura providers globales
+
+```tsx
+"use client";
+
+import { HeroUIProvider } from "@heroui/react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <HeroUIProvider>
+      <NextThemesProvider attribute="class" defaultTheme="light">
+        {children}
+      </NextThemesProvider>
+    </HeroUIProvider>
+  );
+}
+```
+
+### 2) Renderiza `ExcelLayout`
+
+```tsx
+"use client";
+
+import { ExcelLayout } from "excel-validator";
+import type { SettingsProps } from "excel-validator";
+
+export default function Page() {
+  const initData: SettingsProps = {
+    apikey: "794340c3-4956-4763-b8ab-145da3510100",
+    companyId: "1",
+    environment: "https://lab.globho.com/",
+    title: "Catálogo Cuental",
+    type: "items",
+  };
+
+  const jsonValidator = [
+    "int",
+    {
+      type: "fetch",
+      url: "api/v1/codesystem/item-groups",
+      prop: "name",
+    },
+    "string(255)",
+    "$string(20)",
+    "$string(20)",
+    "decimal",
+    "decimal",
+    "decimal",
+    "string(255)",
+    "bool",
+  ];
+
+  return <ExcelLayout initData={initData} jsonValidator={jsonValidator} />;
+}
+```
+
+## API
+
+### `SettingsProps`
+
+```ts
+type SettingsProps = {
+  apikey: string;
+  companyId: string;
+  environment: string;
+  title: string;
+  type: string;
+};
+```
+
+### Props de `ExcelLayout`
+
+```ts
+type ExcelLayoutProps = {
+  initData: SettingsProps;
+  jsonValidator: (string | { type: string; url: string; prop: string })[];
+  isBalances?: boolean;
+};
+```
+
+## Formato de reglas (`jsonValidator`)
+
+- `"int"`: valida entero
+- `"decimal"`: valida decimal
+- `"bool"`: valida booleano
+- `"string(n)"`: valida texto con longitud máxima `n`
+- `"string(yyyy-mm-dd)"`: valida formato fecha
+- Regla opcional: prefijo `$`, por ejemplo `"$string(20)"`
+- `{ type: "fetch", url, prop }`: valida contra catálogo remoto
+- `{ type: "string-empty", url, prop, validation }`: permite vacío o valida con consulta remota
+
+## Configuraciones de ejemplo (tomadas de `page.tsx`)
+
+### PLAN DE CUENTAS
+
+```ts
+const jsonValidator = [
+  "int",
+  {
+    type: "string-empty",
+    url: "api/v1/codesystem/accounts",
+    prop: "code",
+    validation: "string(20)",
+  },
+  "string(255)",
+  "$string(30)",
+  "$string(10)",
+  "$string(30)",
+  "decimal",
+];
+```
+
+### SALDOS INICIALES
+
+```ts
+const jsonValidator = [
+  {
+    type: "fetch",
+    url: "api/v1/codesystem/accounts",
+    prop: "code",
+  },
+  {
+    type: "fetch",
+    url: "api/v1/codesystem/contacts",
+    prop: "code",
+  },
+  "decimal",
+  "decimal",
+  "$string(255)",
+  "$int",
+];
+```
+
+### CATÁLOGO GLOBHO
+
+```ts
+const jsonValidator = [
+  "int",
+  "string(255)",
+  {
+    type: "fetch",
+    url: "api/v1/codesystem/item-groups",
+    prop: "id",
+  },
+  "$string(20)",
+  "$string(20)",
+  "$string(500)",
+  "bool",
+  "decimal",
+  "$string(20)",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/units",
+    prop: "code",
+  },
+  {
+    type: "fetch",
+    url: "api/v1/valueset/pharmaceuticalForms",
+    prop: "id",
+  },
+  "decimal",
+  "decimal",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/taxes",
+    prop: "code",
+  },
+  "$string(255)",
+  "$string(100)",
+  "$string(100)",
+  "bool",
+  "int",
+  "$string(20)",
+  "decimal",
+  "decimal",
+];
+```
+
+### CATÁLOGO CUENTAL
+
+```ts
+const jsonValidator = [
+  "int",
+  {
+    type: "fetch",
+    url: "api/v1/codesystem/item-groups",
+    prop: "name",
+  },
+  "string(255)",
+  "$string(20)",
+  "$string(20)",
+  "decimal",
+  "decimal",
+  "decimal",
+  "string(255)",
+  "bool",
+];
+```
+
+### TERCEROS
+
+```ts
+const jsonValidator = [
+  "int",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/contactTypes",
+    prop: "id",
+  },
+  {
+    type: "fetch",
+    url: "api/v1/valueset/contactPersons",
+    prop: "id",
+  },
+  {
+    type: "fetch",
+    url: "api/v1/valueset/identificationTypes",
+    prop: "id",
+  },
+  {
+    type: "string-empty",
+    url: "api/v1/codesystem/contacts",
+    prop: "code",
+    validation: "string(20)",
+  },
+  "$string(255)",
+  "$string(50)",
+  "$string(50)",
+  "$string(50)",
+  "$string(50)",
+  "$string(100)",
+  "$string(100)",
+  "$string(100)",
+  "$string(500)",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/cities",
+    prop: "code",
+  },
+  "$string(100)",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/contactRegimes",
+    prop: "id",
+  },
+  "$string(100)",
+  "$string(100)",
+  "bool",
+  "int",
+  "$string(100)",
+  "$string(100)",
+  "$string(100)",
+  "$string(yyyy-mm-dd)",
+  "$string(100)",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/activities",
+    prop: "id",
+  },
+  {
+    type: "fetch",
+    url: "api/v1/valueset/contactResponsibilities",
+    prop: "id",
+  },
+  "$string(6)",
+  "int",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/taxTypes",
+    prop: "id",
+  },
+];
+```
+
+### PACIENTES
+
+```ts
+const jsonValidator = [
+  "int",
+  "string(20)",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/identificationTypes",
+    prop: "id",
+  },
+  "string(50)",
+  "$string(50)",
+  "string(50)",
+  "$string(50)",
+  "string(yyyy-mm-dd)",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/genderGroups",
+    prop: "id",
+  },
+  {
+    type: "fetch",
+    url: "api/v1/valueset/genderIdentities",
+    prop: "id",
+  },
+  "$string(100)",
+  "$string(100)",
+  "$string(100)",
+  {
+    type: "fetch",
+    url: "api/v1/valueset/cities",
+    prop: "code",
+  },
+  {
+    type: "fetch",
+    url: "api/v1/valueset/patientRegimes",
+    prop: "code",
+  },
+  {
+    type: "fetch",
+    url: "api/v1/valueset/patientStatus",
+    prop: "id",
+  },
+];
+```
+
+## Reglas de ejecución para `initData`
+
+- `environment` debe ser una URL base válida (ejemplo: `https://lab.globho.com/`).
+- El componente normaliza automáticamente la barra final `/`.
+- Las reglas `fetch` y `string-empty` construyen URL final con:
+  - `apikey`
+  - `companyId`
+
+## Publicación del paquete
+
+```bash
+npm run build:lib
+npm pack --dry-run
+npm publish --access public
+```

package/dist/components/BalanceTotals.d.ts

@@ -0,0 +1,5 @@
+import { ExcelMatrix } from "../types/excelTypes";
+export declare const BalanceTotals: ({ headers, rows, }: {
+    headers: string[];
+    rows: ExcelMatrix;
+}) => import("react").JSX.Element;

package/dist/components/BalanceTotals.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BalanceTotals = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const balances_1 = require("../utils/balances");
+const tb_1 = require("react-icons/tb");
+const BalanceTotals = ({ headers, rows, }) => {
+    const totalDebit = (0, balances_1.sumColumn)(rows, headers, "ValorDebito");
+    const totalCredit = (0, balances_1.sumColumn)(rows, headers, "ValorCredito");
+    const difference = Math.abs(totalDebit - totalCredit);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex flex-col items-end gap-2 pt-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm text-default-500 font-medium uppercase tracking-wide text-right", children: "Total D\u00E9bito:" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xl font-semibold text-default-700 w-55 text-right", children: ["COP ", (0, balances_1.formatNumber)(totalDebit)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 border-b border-default-200 pb-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm text-default-500 font-medium uppercase tracking-wide text-right", children: "Total Cr\u00E9dito:" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xl font-semibold text-default-700 w-55 text-right", children: ["COP ", (0, balances_1.formatNumber)(totalCredit), " "] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 pt-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm text-default-500 font-medium uppercase tracking-wide text-right", children: "Diferencia:" }), (0, jsx_runtime_1.jsxs)("div", { className: `flex justify-end gap-2 items-center text-xl font-semibold w-55 text-right ${difference === 0 ? "text-success-600" : "text-danger-600"}`, children: [difference !== 0 && (0, jsx_runtime_1.jsx)(tb_1.TbAlertCircle, { color: "red", size: 20 }), " COP", " ", (0, balances_1.formatNumber)(difference)] })] })] }));
+};
+exports.BalanceTotals = BalanceTotals;

package/dist/components/ExcelFile.d.ts

@@ -0,0 +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;

package/dist/components/ExcelFile.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExcelFile = 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 ExcelValidator_1 = require("./ExcelValidator");
+const ExcelFile = ({ initData, fileContent, matrix, error, onFileSelected, onReset, validationErrors, onSelectError, hasBalanceDifference = false, }) => {
+    var _a;
+    const [isVisible, setIsVisible] = (0, react_2.useState)(false);
+    const inputRef = (0, react_2.useRef)(null);
+    const handleReset = () => {
+        setIsVisible(false);
+        onReset();
+        if (inputRef.current) {
+            inputRef.current.value = "";
+        }
+    };
+    const bytesFormat = (bytes) => {
+        if (typeof bytes !== "number" || bytes < 0) {
+            throw new Error("Debes pasar un número entero positivo");
+        }
+        const KB = 1024;
+        const MB = KB * 1024;
+        if (bytes >= MB) {
+            return (bytes / MB).toFixed(2) + " MB";
+        }
+        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) => {
+                    void onFileSelected(event);
+                    setIsVisible(true);
+                } })] }));
+};
+exports.ExcelFile = ExcelFile;

package/dist/components/ExcelLayout.d.ts

@@ -0,0 +1,12 @@
+import { SettingsProps } from "../types/SettingsProps";
+type ExcelLayoutProps = {
+    initData: SettingsProps;
+    jsonValidator: (string | {
+        type: string;
+        url: string;
+        prop: string;
+    })[];
+    isBalances?: boolean;
+};
+export declare function ExcelLayout({ initData, jsonValidator, isBalances, }: ExcelLayoutProps): import("react").JSX.Element;
+export {};

package/dist/components/ExcelLayout.js

@@ -0,0 +1,509 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExcelLayout = ExcelLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const XLSX = __importStar(require("xlsx"));
+const ExcelFile_1 = require("./ExcelFile");
+const ExcelPreview_1 = require("./ExcelPreview");
+const ThemeSwitcher_1 = require("./ThemeSwitcher");
+const balances_1 = require("../utils/balances");
+const updateJsonValidatorFetchUrls = (validator, initData) => {
+    const environment = initData.environment.endsWith("/")
+        ? initData.environment
+        : `${initData.environment}/`;
+    return validator.map((item) => {
+        if (typeof item === "object") {
+            const normalizedType = item.type.trim().replace(/^\$/, "").toLowerCase();
+            if (normalizedType !== "fetch" && normalizedType !== "string-empty") {
+                return item;
+            }
+            const cleanUrl = item.url.startsWith("/") ? item.url.slice(1) : item.url;
+            return Object.assign(Object.assign({}, item), { url: `${environment}${cleanUrl}?apikey=${initData.apikey}&companyId=${initData.companyId}` });
+        }
+        return item;
+    });
+};
+function ExcelLayout({ initData, jsonValidator, isBalances = false, }) {
+    const resolvedJsonValidator = (0, react_1.useMemo)(() => updateJsonValidatorFetchUrls(jsonValidator, initData), [jsonValidator, initData]);
+    const isSkippedRule = (item) => {
+        if (typeof item === "string") {
+            const normalizedRule = item.trim().replace(/^\$/, "").toLowerCase();
+            if (normalizedRule === "int" ||
+                normalizedRule === "decimal" ||
+                normalizedRule === "bool") {
+                return false;
+            }
+            if (/^string\([^()]+\)$/.test(normalizedRule)) {
+                return false;
+            }
+            return item.trim().startsWith("$");
+        }
+        const normalizedType = item.type.trim().replace(/^\$/, "").toLowerCase();
+        if (normalizedType === "fetch" || normalizedType === "string-empty") {
+            return false;
+        }
+        return item.type.trim().startsWith("$");
+    };
+    const rowsPerPage = 30;
+    const [fileContent, setFileContent] = (0, react_1.useState)(undefined);
+    const [matrix, setMatrix] = (0, react_1.useState)([]);
+    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 [fetchCatalogsByUrl, setFetchCatalogsByUrl] = (0, react_1.useState)({});
+    const [stringEmptyResultsByQuery, setStringEmptyResultsByQuery] = (0, react_1.useState)({});
+    (0, react_1.useEffect)(() => {
+        let isCancelled = false;
+        const fetchRules = resolvedJsonValidator.filter((item) => typeof item === "object" &&
+            !isSkippedRule(item) &&
+            item.type.trim().replace(/^\$/, "").toLowerCase() === "fetch");
+        const uniqueFetchUrls = Array.from(new Set(fetchRules.map((rule) => rule.url)));
+        if (uniqueFetchUrls.length === 0) {
+            return;
+        }
+        const loadCatalogs = async () => {
+            const entries = await Promise.all(uniqueFetchUrls.map(async (url) => {
+                try {
+                    const response = await fetch(url);
+                    if (!response.ok) {
+                        return [url, []];
+                    }
+                    const data = (await response.json());
+                    const catalog = Array.isArray(data)
+                        ? data
+                        : [];
+                    return [url, catalog];
+                }
+                catch (_a) {
+                    return [url, []];
+                }
+            }));
+            if (!isCancelled) {
+                setFetchCatalogsByUrl(Object.fromEntries(entries));
+            }
+        };
+        void loadCatalogs();
+        return () => {
+            isCancelled = true;
+        };
+    }, [resolvedJsonValidator]);
+    (0, react_1.useEffect)(() => {
+        let isCancelled = false;
+        const stringEmptyRules = resolvedJsonValidator
+            .map((item, index) => ({ item, index }))
+            .filter((entry) => typeof entry.item === "object" &&
+            entry.item.type.trim().replace(/^\$/, "").toLowerCase() ===
+                "string-empty");
+        if (stringEmptyRules.length === 0 || matrix.length <= 1) {
+            return;
+        }
+        const filteredRows = 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 queryUrls = new Set();
+        stringEmptyRules.forEach(({ item, index }) => {
+            filteredRows.forEach((row) => {
+                var _a;
+                const cellValue = String((_a = row[index]) !== null && _a !== void 0 ? _a : "").trim();
+                if (cellValue !== "") {
+                    queryUrls.add(`${item.url}&${encodeURIComponent(item.prop)}=${encodeURIComponent(cellValue)}`);
+                }
+            });
+        });
+        if (queryUrls.size === 0) {
+            return;
+        }
+        const loadStringEmptyResults = async () => {
+            const entries = await Promise.all([...queryUrls].map(async (queryUrl) => {
+                try {
+                    const response = await fetch(queryUrl);
+                    if (!response.ok) {
+                        return [queryUrl, []];
+                    }
+                    const data = (await response.json());
+                    const results = Array.isArray(data)
+                        ? data
+                        : [];
+                    return [queryUrl, results];
+                }
+                catch (_a) {
+                    return [queryUrl, []];
+                }
+            }));
+            if (!isCancelled) {
+                setStringEmptyResultsByQuery((prev) => (Object.assign(Object.assign({}, prev), Object.fromEntries(entries))));
+            }
+        };
+        void loadStringEmptyResults();
+        return () => {
+            isCancelled = true;
+        };
+    }, [resolvedJsonValidator, matrix]);
+    const validationErrors = (0, react_1.useMemo)(() => {
+        if (matrix.length <= 1 || resolvedJsonValidator.length === 0) {
+            return [];
+        }
+        const parseRule = (rawRule) => rawRule.trim().toLowerCase();
+        const escapeRegExp = (text) => text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+        const buildDatePattern = (format) => {
+            const tokenRegex = /(yyyy|yy|mm|dd|m|d)/g;
+            const tokens = [...format.matchAll(tokenRegex)];
+            if (tokens.length === 0) {
+                return null;
+            }
+            let pattern = "^";
+            let cursor = 0;
+            const tokenOrder = [];
+            tokens.forEach((tokenMatch) => {
+                var _a;
+                const token = tokenMatch[0];
+                const tokenStart = (_a = tokenMatch.index) !== null && _a !== void 0 ? _a : 0;
+                const literal = format.slice(cursor, tokenStart);
+                pattern += escapeRegExp(literal);
+                if (token === "yyyy") {
+                    pattern += "(\\d{4})";
+                }
+                else if (token === "yy") {
+                    pattern += "(\\d{2})";
+                }
+                else if (token === "mm") {
+                    pattern += "(0[1-9]|1[0-2])";
+                }
+                else if (token === "m") {
+                    pattern += "([1-9]|1[0-2])";
+                }
+                else if (token === "dd") {
+                    pattern += "(0[1-9]|[12]\\d|3[01])";
+                }
+                else {
+                    pattern += "([1-9]|[12]\\d|3[01])";
+                }
+                tokenOrder.push(token);
+                cursor = tokenStart + token.length;
+            });
+            pattern += `${escapeRegExp(format.slice(cursor))}$`;
+            return {
+                tokenOrder,
+                regex: new RegExp(pattern),
+            };
+        };
+        const validateDateByFormat = (value, format) => {
+            const pattern = buildDatePattern(format);
+            if (!pattern) {
+                return {
+                    valid: false,
+                    message: `Formato de fecha no soportado: ${format}`,
+                };
+            }
+            const matched = value.match(pattern.regex);
+            if (!matched) {
+                return {
+                    valid: false,
+                    message: `Debe cumplir el formato de fecha ${format}`,
+                };
+            }
+            let day = null;
+            let month = null;
+            let year = null;
+            pattern.tokenOrder.forEach((token, index) => {
+                const currentValue = matched[index + 1];
+                if (!currentValue) {
+                    return;
+                }
+                if (token === "dd" || token === "d") {
+                    day = Number(currentValue);
+                    return;
+                }
+                if (token === "mm" || token === "m") {
+                    month = Number(currentValue);
+                    return;
+                }
+                if (token === "yyyy") {
+                    year = Number(currentValue);
+                    return;
+                }
+                year = 2000 + Number(currentValue);
+            });
+            if (day === null || month === null || year === null) {
+                return {
+                    valid: false,
+                    message: `El formato de fecha ${format} debe incluir día, mes y año`,
+                };
+            }
+            const candidate = new Date(year, month - 1, day);
+            const isValidDate = candidate.getFullYear() === year &&
+                candidate.getMonth() === month - 1 &&
+                candidate.getDate() === day;
+            return {
+                valid: isValidDate,
+                message: isValidDate ? "" : "La fecha no es válida",
+            };
+        };
+        const validateByRule = (value, rawRule) => {
+            const isOptional = rawRule.trim().startsWith("$");
+            const rule = parseRule(rawRule.replace(/^\$/, ""));
+            const trimmedValue = value.trim();
+            if (rule === "int") {
+                if (trimmedValue === "") {
+                    return isOptional
+                        ? { valid: true, message: "" }
+                        : { valid: false, message: "Valor vacío" };
+                }
+                const isValid = /^-?\d+$/.test(trimmedValue);
+                return {
+                    valid: isValid,
+                    message: isValid ? "" : "Debe ser un número entero",
+                };
+            }
+            if (rule === "decimal") {
+                if (trimmedValue === "") {
+                    return isOptional
+                        ? { valid: true, message: "" }
+                        : { valid: false, message: "Valor vacío" };
+                }
+                if (trimmedValue.includes(",")) {
+                    return {
+                        valid: false,
+                        message: "Debes quitar la coma (,) para que sea un número decimal válido",
+                    };
+                }
+                const isValid = /^-?\d+(\.\d+)?$/.test(trimmedValue);
+                return {
+                    valid: isValid,
+                    message: isValid ? "" : "Debe ser un número decimal",
+                };
+            }
+            if (rule === "bool") {
+                if (trimmedValue === "") {
+                    return isOptional
+                        ? { valid: true, message: "" }
+                        : { valid: false, message: "Valor vacío" };
+                }
+                const isValid = trimmedValue === "SI" || trimmedValue === "NO";
+                return {
+                    valid: isValid,
+                    message: isValid ? "" : "Debe ser SI o NO",
+                };
+            }
+            const stringRuleMatch = rule.match(/^string\(([^()]+)\)$/);
+            if (stringRuleMatch) {
+                if (trimmedValue === "") {
+                    return isOptional
+                        ? { valid: true, message: "" }
+                        : { valid: false, message: "Valor vacío" };
+                }
+                const stringRuleArg = stringRuleMatch[1].trim();
+                if (/^\d+$/.test(stringRuleArg)) {
+                    const maxLength = Number(stringRuleArg);
+                    const isWithinLength = trimmedValue.length <= maxLength;
+                    return {
+                        valid: isWithinLength,
+                        message: isWithinLength
+                            ? ""
+                            : `Longitud máxima permitida: ${maxLength} caracteres`,
+                    };
+                }
+                return validateDateByFormat(trimmedValue, stringRuleArg);
+            }
+            return { valid: true, message: "" };
+        };
+        const filteredRows = 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 detectedErrors = [];
+        filteredRows.forEach((row, filteredRowIndex) => {
+            resolvedJsonValidator.forEach((rule, columnIndex) => {
+                var _a, _b, _c;
+                if (isSkippedRule(rule)) {
+                    return;
+                }
+                const value = String((_a = row[columnIndex]) !== null && _a !== void 0 ? _a : "");
+                const result = (() => {
+                    var _a;
+                    if (typeof rule === "string") {
+                        return validateByRule(value, rule);
+                    }
+                    const normalizedType = rule.type
+                        .trim()
+                        .replace(/^\$/, "")
+                        .toLowerCase();
+                    const isOptional = rule.type.trim().startsWith("$");
+                    if (normalizedType === "fetch") {
+                        const trimmedValue = value.trim();
+                        if (trimmedValue === "") {
+                            return isOptional
+                                ? { valid: true, message: "" }
+                                : { valid: false, message: "Valor vacío" };
+                        }
+                        const catalog = (_a = fetchCatalogsByUrl[rule.url]) !== null && _a !== void 0 ? _a : [];
+                        const hasMatch = catalog.some((catalogItem) => {
+                            const propValue = catalogItem[rule.prop];
+                            return String(propValue !== null && propValue !== void 0 ? propValue : "").trim() === trimmedValue;
+                        });
+                        return {
+                            valid: hasMatch,
+                            message: hasMatch
+                                ? ""
+                                : `El valor '${trimmedValue}' no existe en base de datos`,
+                        };
+                    }
+                    if (normalizedType === "string-empty") {
+                        const trimmedValue = value.trim();
+                        if (trimmedValue === "") {
+                            return isOptional
+                                ? { valid: true, message: "" }
+                                : { valid: false, message: "Valor vacío" };
+                        }
+                        if (rule.validation) {
+                            const validationResult = validateByRule(trimmedValue, rule.validation);
+                            if (!validationResult.valid) {
+                                return validationResult;
+                            }
+                        }
+                        const queryKey = `${rule.url}&${encodeURIComponent(rule.prop)}=${encodeURIComponent(trimmedValue)}`;
+                        const queryResult = stringEmptyResultsByQuery[queryKey];
+                        if (queryResult === undefined) {
+                            return { valid: true, message: "" };
+                        }
+                        const alreadyExists = queryResult.length > 0;
+                        return {
+                            valid: !alreadyExists,
+                            message: alreadyExists
+                                ? `El valor '${trimmedValue}' ya existe`
+                                : "",
+                        };
+                    }
+                    return { valid: true, message: "" };
+                })();
+                if (!result.valid) {
+                    const headers = (_b = matrix[0]) !== null && _b !== void 0 ? _b : [];
+                    const columnName = ((_c = headers[columnIndex]) === null || _c === void 0 ? void 0 : _c.trim()) || `Columna ${columnIndex + 1}`;
+                    detectedErrors.push({
+                        id: `${filteredRowIndex}-${columnIndex}`,
+                        row: filteredRowIndex + 1,
+                        column: columnIndex + 1,
+                        columnName,
+                        message: result.message,
+                        value,
+                        filteredRowIndex,
+                    });
+                }
+            });
+        });
+        return detectedErrors;
+    }, [
+        matrix,
+        resolvedJsonValidator,
+        fetchCatalogsByUrl,
+        stringEmptyResultsByQuery,
+    ]);
+    const hasBalanceDifference = (0, react_1.useMemo)(() => {
+        var _a;
+        if (!isBalances || matrix.length <= 1) {
+            return false;
+        }
+        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 totalDebit = (0, balances_1.sumColumn)(dataRows, headers, "ValorDebito");
+        const totalCredit = (0, balances_1.sumColumn)(dataRows, headers, "ValorCredito");
+        return Math.abs(totalDebit - totalCredit) !== 0;
+    }, [isBalances, matrix]);
+    const handleFileSelected = async (event) => {
+        var _a;
+        const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (!file) {
+            return;
+        }
+        try {
+            setError(null);
+            setCurrentPage(1);
+            setFocusTarget(null);
+            const fileBuffer = await file.arrayBuffer();
+            const workbook = XLSX.read(fileBuffer, { type: "array" });
+            const firstSheetName = workbook.SheetNames[0];
+            if (!firstSheetName) {
+                setFileContent(file);
+                setMatrix([]);
+                setError("El archivo no contiene hojas para procesar.");
+                return;
+            }
+            const worksheet = workbook.Sheets[firstSheetName];
+            const rawRows = XLSX.utils.sheet_to_json(worksheet, {
+                header: 1,
+                raw: false,
+                defval: "",
+            });
+            const normalizedRows = rawRows.map((row) => row.map((cell) => String(cell !== null && cell !== void 0 ? cell : "")));
+            const recordsCount = Math.max(normalizedRows.length - 1, 0);
+            if (recordsCount > 3000) {
+                setFileContent(file);
+                setMatrix([]);
+                setError("El archivo supera el máximo permitido de 3000 registros.");
+                return;
+            }
+            setFileContent(file);
+            setMatrix(normalizedRows);
+        }
+        catch (_b) {
+            setFileContent(undefined);
+            setMatrix([]);
+            setCurrentPage(1);
+            setFocusTarget(null);
+            setError("No fue posible leer el archivo. Verifica que sea un Excel válido.");
+        }
+    };
+    const handleSelectError = (selectedError) => {
+        const targetPage = Math.floor(selectedError.filteredRowIndex / rowsPerPage) + 1;
+        setCurrentPage(targetPage);
+        setFocusTarget({
+            filteredRowIndex: selectedError.filteredRowIndex,
+            columnIndex: selectedError.column - 1,
+            token: Date.now(),
+        });
+    };
+    const handleReset = () => {
+        setFileContent(undefined);
+        setMatrix([]);
+        setError(null);
+        setCurrentPage(1);
+        setFocusTarget(null);
+    };
+    return ((0, jsx_runtime_1.jsxs)("main", { className: "grid min-h-screen grid-cols-1 md:grid-cols-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 md:col-span-1", children: [(0, jsx_runtime_1.jsx)(ThemeSwitcher_1.ThemeSwitcher, {}), (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 }) })] }));
+}

package/dist/components/ExcelPreview.d.ts

@@ -0,0 +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;

package/dist/components/ExcelPreview.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExcelPreview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@heroui/react");
+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, }) => {
+    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
+        .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 totalRecords = allDataRows.length;
+    const totalPages = Math.max(1, Math.ceil(totalRecords / rowsPerPage));
+    const effectivePage = Math.min(currentPage, totalPages);
+    const startIndex = (effectivePage - 1) * rowsPerPage;
+    const endIndex = startIndex + rowsPerPage;
+    const dataRows = allDataRows.slice(startIndex, endIndex);
+    const errorMap = (0, react_2.useMemo)(() => {
+        const map = new Set();
+        validationErrors.forEach((item) => {
+            map.add(`${item.filteredRowIndex}-${item.column - 1}`);
+        });
+        return map;
+    }, [validationErrors]);
+    (0, react_2.useEffect)(() => {
+        if (!focusTarget) {
+            return;
+        }
+        const targetPage = Math.floor(focusTarget.filteredRowIndex / rowsPerPage) + 1;
+        if (targetPage !== effectivePage) {
+            return;
+        }
+        const cellKey = `${focusTarget.filteredRowIndex}-${focusTarget.columnIndex}`;
+        const targetCell = cellRefs.current[cellKey];
+        if (!targetCell) {
+            return;
+        }
+        requestAnimationFrame(() => {
+            targetCell.scrollIntoView({
+                behavior: "smooth",
+                block: "center",
+                inline: "center",
+            });
+            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-[80vh] 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 hasError = errorMap.has(key);
+                                            const isFocusedTarget = (focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.filteredRowIndex) === absoluteRowIndex &&
+                                                (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", 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", 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] }));
+};
+exports.ExcelPreview = ExcelPreview;

package/dist/components/ExcelValidator.d.ts

@@ -0,0 +1,2 @@
+import { ExcelValidatorProps } from "../types/excelTypes";
+export declare const ExcelValidator: ({ initData, fileContent, matrix, validationErrors, onSelectError, hasBalanceDifference, }: ExcelValidatorProps) => import("react").JSX.Element | null;

package/dist/components/ExcelValidator.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExcelValidator = 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 ExcelValidator = ({ initData, fileContent, matrix, validationErrors, onSelectError, hasBalanceDifference = false, }) => {
+    const [selectedErrorId, setSelectedErrorId] = (0, react_2.useState)(null);
+    const [isUploadingTemplate, setIsUploadingTemplate] = (0, react_2.useState)(false);
+    const [uploadMessage, setUploadMessage] = (0, react_2.useState)(null);
+    if (!fileContent) {
+        return null;
+    }
+    const handleTXTFormat = async () => {
+        setIsUploadingTemplate(true);
+        setUploadMessage(null);
+        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 maxColumns = matrix.reduce((max, row) => Math.max(max, row.length), 0);
+        const lines = dataRows.map((row) => {
+            const padded = Array.from({ length: maxColumns }, (_, i) => row[i] !== undefined && row[i] !== null ? String(row[i]) : "");
+            return padded.join("|");
+        });
+        const content = lines.join("\n");
+        const base64 = btoa(String.fromCharCode(...new TextEncoder().encode(content)));
+        try {
+            const response = await fetch(`http://lab.globho.com/api/v1/plains/upload?companyId=&apikey=`, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    content: base64,
+                    extension: "txt",
+                    name: `Plantilla ${initData.title}`,
+                    type: initData.type,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error("No se pudo enviar la plantilla");
+            }
+            setUploadMessage({
+                type: "success",
+                text: "La plantilla se envió correctamente.",
+            });
+        }
+        catch (_a) {
+            setUploadMessage({
+                type: "error",
+                text: "Ocurrió un error al enviar la plantilla.",
+            });
+        }
+        finally {
+            setIsUploadingTemplate(false);
+            setTimeout(() => {
+                setUploadMessage(null);
+            }, 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 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"
+                            : "text-danger-600"}`, children: uploadMessage.text })) : null] })) : ((0, jsx_runtime_1.jsx)(react_1.Accordion, { selectionMode: "multiple", showDivider: false, children: Object.entries(validationErrors.reduce((groups, error) => {
+                    const key = error.columnName;
+                    if (!groups[key])
+                        groups[key] = [];
+                    groups[key].push(error);
+                    return groups;
+                }, {})).map(([columnName, errors]) => ((0, jsx_runtime_1.jsx)(react_1.AccordionItem, { textValue: columnName, title: (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-default-700", children: `Columna ${columnName}` }), (0, jsx_runtime_1.jsx)(react_1.Chip, { color: "danger", variant: "faded", size: "sm", startContent: (0, jsx_runtime_1.jsx)(tb_1.TbAlertCircle, { size: 18 }), children: (0, jsx_runtime_1.jsx)("p", { className: "p-1 text-default-600", children: errors.length }) })] }), children: errors.map((error) => ((0, jsx_runtime_1.jsx)("button", { className: "w-full text-left mt-2", onClick: () => {
+                            setSelectedErrorId(error.id);
+                            onSelectError(error);
+                        }, children: (0, jsx_runtime_1.jsx)(react_1.Alert, { color: "danger", title: error.message, hideIcon: true, startContent: (0, jsx_runtime_1.jsx)(tb_1.TbAlertCircle, { size: 30 }), classNames: {
+                                title: `font-semibold text-default-700 ${selectedErrorId === error.id ? "text-red-600" : ""}`,
+                                description: "text-default-500",
+                            }, description: `Fila #${error.row}`, variant: "bordered", radius: "sm", className: `border-1 border-default-300 cursor-pointer transition-all duration-200 ease-in-out hover:scale-[0.98] ${selectedErrorId === error.id
+                                ? "bg-red-50 border-red-300"
+                                : " data-[state=open]:bg-red-50"}` }) }, error.id))) }, columnName))) }))] }));
+};
+exports.ExcelValidator = ExcelValidator;

package/dist/components/ThemeSwitcher.d.ts

@@ -0,0 +1 @@
+export declare function ThemeSwitcher(): import("react").JSX.Element | null;

package/dist/components/ThemeSwitcher.js

@@ -0,0 +1,17 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeSwitcher = ThemeSwitcher;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const next_themes_1 = require("next-themes");
+const react_1 = require("react");
+function ThemeSwitcher() {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const { theme, setTheme } = (0, next_themes_1.useTheme)();
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+    }, []);
+    if (!mounted)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-content1 dark:text-white", children: ["The current theme is: ", theme, (0, jsx_runtime_1.jsx)("button", { onClick: () => setTheme("light"), children: "Light Mode" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setTheme("dark"), children: "Dark Mode" })] }));
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { ExcelLayout } from "./components/ExcelLayout";
+export type { SettingsProps } from "./types/SettingsProps";

package/dist/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExcelLayout = void 0;
+var ExcelLayout_1 = require("./components/ExcelLayout");
+Object.defineProperty(exports, "ExcelLayout", { enumerable: true, get: function () { return ExcelLayout_1.ExcelLayout; } });

package/dist/types/SettingsProps.d.ts

@@ -0,0 +1,7 @@
+export interface SettingsProps {
+    apikey: string;
+    companyId: string;
+    environment: string;
+    title: string;
+    type: string;
+}

package/dist/types/SettingsProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/excelTypes.d.ts

@@ -0,0 +1,47 @@
+import { ChangeEvent } from "react";
+import { SettingsProps } from "./SettingsProps";
+export type ExcelMatrix = string[][];
+export type ValidationError = {
+    id: string;
+    row: number;
+    column: number;
+    columnName: string;
+    message: string;
+    value: string;
+    filteredRowIndex: number;
+};
+export type FocusTarget = {
+    filteredRowIndex: number;
+    columnIndex: number;
+    token: number;
+} | null;
+export type ExcelFileProps = {
+    initData: SettingsProps;
+    fileContent: File | undefined;
+    matrix: ExcelMatrix;
+    error: string | null;
+    onFileSelected: (event: ChangeEvent<HTMLInputElement>) => Promise<void>;
+    onReset: () => void;
+    validationErrors: ValidationError[];
+    onSelectError: (error: ValidationError) => void;
+    hasBalanceDifference?: boolean;
+};
+export type ExcelValidatorProps = {
+    initData: SettingsProps;
+    fileContent: File | undefined;
+    matrix: ExcelMatrix;
+    validationErrors: ValidationError[];
+    onSelectError: (error: ValidationError) => void;
+    hasBalanceDifference?: boolean;
+};
+export type ExcelPreviewProps = {
+    initData: SettingsProps;
+    fileContent: File | undefined;
+    matrix: ExcelMatrix;
+    error: string | null;
+    validationErrors: ValidationError[];
+    focusTarget: FocusTarget;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    isBalances?: boolean;
+};

package/dist/types/excelTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/balances.d.ts

@@ -0,0 +1,4 @@
+import { ExcelMatrix } from "../types/excelTypes";
+export declare const parseDecimal: (value: string) => number;
+export declare const sumColumn: (rows: ExcelMatrix, headers: string[], colName: string) => number;
+export declare const formatNumber: (n: number) => string;

package/dist/utils/balances.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumber = exports.sumColumn = exports.parseDecimal = void 0;
+const parseDecimal = (value) => {
+    const n = parseFloat(value.trim().replace(",", "."));
+    return isNaN(n) ? 0 : n;
+};
+exports.parseDecimal = parseDecimal;
+const sumColumn = (rows, headers, colName) => {
+    const idx = headers.findIndex((h) => h.trim().toLowerCase() === colName.toLowerCase());
+    if (idx === -1)
+        return 0;
+    return rows.reduce((acc, row) => { var _a; return acc + (0, exports.parseDecimal)((_a = row[idx]) !== null && _a !== void 0 ? _a : ""); }, 0);
+};
+exports.sumColumn = sumColumn;
+const formatNumber = (n) => n.toLocaleString("es-CO", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+});
+exports.formatNumber = formatNumber;

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@grafosoft/excel-validator",
+  "version": "1.0.0",
+  "description": "React component to validate Excel files against configurable JSON rules.",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "private": false,
+  "scripts": {
+    "clean": "rm -rf dist",
+    "dev": "next dev",
+    "start": "next start",
+    "build:app": "next build",
+    "watch": "tsc --watch",
+    "build": "npm run build:lib",
+    "build:lib": "npm run clean && tsc -p tsconfig.build.json",
+    "lint": "eslint",
+    "prepublishOnly": "npm run build:lib"
+  },
+  "dependencies": {
+    "@heroui/react": "2.8.10",
+    "framer-motion": "12.38.0",
+    "next": "16.2.6",
+    "next-themes": "^0.4.6",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-icons": "5.0.1",
+    "xlsx": "^0.18.5"
+  },
+  "peerDependencies": {
+    "next": ">=16",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.2.6",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}