next-recomponents 1.7.63 → 1.8.2

package/src/table2/v.table.tsx

@@ -1,58 +0,0 @@
-import { TableContextType } from "./context";
-import { IoIosSave, RiFileExcel2Fill } from "./icons";
-import VTableBody from "./v.table.body";
-import THead from "./v.table.head";
-import VtablePagination from "./v.table.pagination";
-
-export default function VTable({
-  context,
-  ...props
-}: { context: TableContextType } & any) {
-  return (
-    <div className="border shadow rounded m-1 flex flex-col ">
-      <div className="flex gap-2 ">
-        <div className="flex justify-start gap-2 p-2 bg-gray-100 ">
-          {context?.onSave && (
-            <button
-              className="p-1 bg-blue-700 text-white border shadow rounded flex gap-1 items-center"
-              onClick={(e) =>
-                context?.onSave?.(Object.values(context.defaultData))
-              }
-            >
-              <IoIosSave />
-              Guardar
-            </button>
-          )}
-          {context.exportName && (
-            <button
-              className="p-1 bg-green-700 text-white border shadow rounded flex gap-1 items-center"
-              onClick={() => {
-                const cleanedData = Object.values(context.defaultData).map(
-                  (row: any) => {
-                    const newRow: Record<string, any> = {};
-                    for (const key in row) {
-                      if (!key.startsWith("_")) {
-                        newRow[key] = row[key];
-                      }
-                    }
-                    return newRow;
-                  }
-                );
-
-                context.excel.export(cleanedData, context.exportName + ".xlsx");
-              }}
-            >
-              <RiFileExcel2Fill />
-              Exportar
-            </button>
-          )}
-        </div>
-        <VtablePagination context={context} />
-      </div>
-      <table {...props}>
-        <THead context={context} />
-        <VTableBody context={context} />
-      </table>
-    </div>
-  );
-}

package/src/use-modal/index.tsx

@@ -1,79 +0,0 @@
-import {
-  DetailedHTMLProps,
-  DialogHTMLAttributes,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
-import { createPortal } from "react-dom";
-
-export default function useModal() {
-  const modalRef = useRef<HTMLDialogElement | null>(null);
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => setMounted(true), []);
-
-  const show = () => {
-    requestAnimationFrame(() => {
-      const dlg = modalRef.current;
-      if (!dlg) return;
-      if (typeof dlg.showModal === "function") {
-        try {
-          if (!dlg.open) dlg.showModal();
-        } catch {
-          dlg.setAttribute("open", "");
-        }
-      } else {
-        dlg.setAttribute("open", "");
-      }
-    });
-  };
-
-  const hide = () => {
-    const dlg = modalRef.current;
-    if (!dlg) return;
-    if (typeof dlg.close === "function") dlg.close();
-    else dlg.removeAttribute("open");
-  };
-
-  const Modal = ({
-    className,
-    children,
-    title,
-    ...props
-  }: DetailedHTMLProps<
-    DialogHTMLAttributes<HTMLDialogElement>,
-    HTMLDialogElement
-  > & { title?: React.ReactNode }) => {
-    if (!mounted) return null;
-
-    const dialog = (
-      <dialog
-        ref={modalRef}
-        className={
-          (className ?? "") +
-          " p-6 rounded-2xl shadow-2xl bg-white max-w-lg w-[90%]"
-        }
-        {...props}
-      >
-        {/* Header con título y botón cerrar */}
-        <div className="flex justify-between items-center border-b pb-2 mb-4">
-          <h2 className="text-lg font-semibold text-gray-800">{title}</h2>
-          <button
-            onClick={hide}
-            className="text-gray-500 hover:text-gray-800 text-2xl font-bold"
-          >
-            ×
-          </button>
-        </div>
-
-        {/* Contenido dinámico */}
-        <div className="mt-2 text-gray-800">{children}</div>
-      </dialog>
-    );
-
-    return createPortal(dialog, document.body);
-  };
-
-  return { show, hide, Modal };
-}