next-recomponents 2.0.20 → 2.0.22

package/dist/index.d.mts

@@ -82,6 +82,8 @@ interface TableProps {
     footer?: FooterType;
     symbols?: any;
     currentCoin?: string;
+    className?: string;
+    fontSize?: string;
     [key: string]: any;
 }
 declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -82,6 +82,8 @@ interface TableProps {
     footer?: FooterType;
     symbols?: any;
     currentCoin?: string;
+    className?: string;
+    fontSize?: string;
     [key: string]: any;
 }
 declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -35845,13 +35845,21 @@ function useColumns(rows, currentCoin, options) {
           if (`${value}`.match(isDate)) {
             return value.toString().split("T")[0].split("-").reverse().join("/");
           }
+          const splited = `${value}`.split(".");
+          const hasDecimals = splited.length == 2 && splited.every((v) => `${v}`.match(regular_expresions_default.number));
+          if (hasDecimals) {
+            return [
+              currentCoin,
+              (+`${value}`).toLocaleString("en-US", {
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2
+              })
+            ].join(" ");
+          }
           const isNumber = typeof value === "number";
           if (isNumber) {
             if (isNaN(value)) return value;
-            return currentCoin + " " + value.toLocaleString("en-US", {
-              minimumFractionDigits: value % 1 !== 0 ? 2 : 0,
-              maximumFractionDigits: value % 1 !== 0 ? 2 : 0
-            });
+            return value;
           }
           return value;
         },
@@ -35913,7 +35921,9 @@ function IHTable({
   header,
   hideColumns = [],
   footer = {},
-  currentCoin = "$"
+  currentCoin = "$",
+  fontSize = "1rem",
+  className
 }) {
   var _a;
   if (modal && onSelect)
@@ -35999,12 +36009,21 @@ function IHTable({
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             import_x_data_grid.DataGrid,
             {
+              className,
               rows,
               columns,
               checkboxSelection: Boolean(onSelect),
               rowSelectionModel: selectedRows,
               onRowSelectionModelChange: !modal ? setSelectedRows : void 0,
               sx: {
+                fontSize,
+                // equivalente a text-xs
+                "& .MuiDataGrid-cell": {
+                  fontSize
+                },
+                "& .MuiDataGrid-columnHeader": {
+                  fontSize
+                },
                 "& .MuiDataGrid-cell--editable": {
                   backgroundColor: "#c6d8f0",
                   fontWeight: 500
@@ -36991,15 +37010,21 @@ function PopupOverlay({
                     iconText: c.iconText
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative w-full flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  Button,
+                !(popup == null ? void 0 : popup.icons) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  "div",
                   {
-                    color: "danger",
-                    className: "fixed text-xs font-bold",
-                    onClick: (e) => onClose(false),
-                    children: "x"
+                    className: `w-full h-12 rounded-full  flex items-start justify-end`,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      Button,
+                      {
+                        color: "danger",
+                        className: "fixed text-xs font-bold",
+                        onClick: (e) => onClose(false),
+                        children: "x"
+                      }
+                    )
                   }
-                ) }),
+                ),
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   "div",
                   {
@@ -37079,7 +37104,7 @@ function usePopup() {
     [open]
   );
   const modal = (0, import_react9.useCallback)(
-    (message, color = "primary", icons = true, full = false) => new Promise(
+    (message, color = "primary", icons = false, full = false) => new Promise(
       (resolve) => open({
         type: "modal",
         message,

package/dist/index.mjs

@@ -35825,13 +35825,21 @@ function useColumns(rows, currentCoin, options) {
           if (`${value}`.match(isDate)) {
             return value.toString().split("T")[0].split("-").reverse().join("/");
           }
+          const splited = `${value}`.split(".");
+          const hasDecimals = splited.length == 2 && splited.every((v) => `${v}`.match(regular_expresions_default.number));
+          if (hasDecimals) {
+            return [
+              currentCoin,
+              (+`${value}`).toLocaleString("en-US", {
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2
+              })
+            ].join(" ");
+          }
           const isNumber = typeof value === "number";
           if (isNumber) {
             if (isNaN(value)) return value;
-            return currentCoin + " " + value.toLocaleString("en-US", {
-              minimumFractionDigits: value % 1 !== 0 ? 2 : 0,
-              maximumFractionDigits: value % 1 !== 0 ? 2 : 0
-            });
+            return value;
           }
           return value;
         },
@@ -35893,7 +35901,9 @@ function IHTable({
   header,
   hideColumns = [],
   footer = {},
-  currentCoin = "$"
+  currentCoin = "$",
+  fontSize = "1rem",
+  className
 }) {
   var _a;
   if (modal && onSelect)
@@ -35979,12 +35989,21 @@ function IHTable({
           /* @__PURE__ */ jsx6(
             DataGrid,
             {
+              className,
               rows,
               columns,
               checkboxSelection: Boolean(onSelect),
               rowSelectionModel: selectedRows,
               onRowSelectionModelChange: !modal ? setSelectedRows : void 0,
               sx: {
+                fontSize,
+                // equivalente a text-xs
+                "& .MuiDataGrid-cell": {
+                  fontSize
+                },
+                "& .MuiDataGrid-columnHeader": {
+                  fontSize
+                },
                 "& .MuiDataGrid-cell--editable": {
                   backgroundColor: "#c6d8f0",
                   fontWeight: 500
@@ -36977,15 +36996,21 @@ function PopupOverlay({
                     iconText: c.iconText
                   }
                 ),
-                /* @__PURE__ */ jsx14("div", { className: "relative w-full flex justify-end", children: /* @__PURE__ */ jsx14(
-                  Button,
+                !(popup == null ? void 0 : popup.icons) && /* @__PURE__ */ jsx14(
+                  "div",
                   {
-                    color: "danger",
-                    className: "fixed text-xs font-bold",
-                    onClick: (e) => onClose(false),
-                    children: "x"
+                    className: `w-full h-12 rounded-full  flex items-start justify-end`,
+                    children: /* @__PURE__ */ jsx14(
+                      Button,
+                      {
+                        color: "danger",
+                        className: "fixed text-xs font-bold",
+                        onClick: (e) => onClose(false),
+                        children: "x"
+                      }
+                    )
                   }
-                ) }),
+                ),
                 /* @__PURE__ */ jsx14(
                   "div",
                   {
@@ -37065,7 +37090,7 @@ function usePopup() {
     [open]
   );
   const modal = useCallback(
-    (message, color = "primary", icons = true, full = false) => new Promise(
+    (message, color = "primary", icons = false, full = false) => new Promise(
       (resolve) => open({
         type: "modal",
         message,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recomponents",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "description nueva",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/pop/index.tsx

@@ -56,7 +56,7 @@ export default function usePopup() {
     (
       message: ReactNode,
       color: PopupColor = "primary",
-      icons: boolean = true,
+      icons: boolean = false,
       full: boolean = false,
     ): Promise<void> =>
       new Promise((resolve) =>

package/src/pop/overlay.tsx

@@ -45,8 +45,10 @@ export function PopupOverlay({
               iconText={c.iconText}
             />
           )}
-          {
-            <div className="relative w-full flex justify-end">
+          {!popup?.icons && (
+            <div
+              className={`w-full h-12 rounded-full  flex items-start justify-end`}
+            >
               <Button
                 color="danger"
                 className="fixed text-xs font-bold"
@@ -55,7 +57,7 @@ export function PopupOverlay({
                 x
               </Button>
             </div>
-          }
+          )}
           <div
             className={"text-gray-800 text-[15px] font-medium leading-snug "}
           >

package/src/table/index.tsx

@@ -5,6 +5,7 @@ import { Box, Dialog } from "@mui/material";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import useExcel from "../use-excel";
 import Button from "../button";
+import regularExpresions from "../regular-expresions";
 
 // ─── Types ────────────────────────────────────────────────────────────────────
 
@@ -37,6 +38,8 @@ interface TableProps {
   footer?: FooterType;
   symbols?: any;
   currentCoin?: string;
+  className?: string;
+  fontSize?: string;
   [key: string]: any;
 }
 
@@ -282,18 +285,27 @@ function useColumns(
               .join("/");
           }
 
+          const splited = `${value}`.split(".");
+          const hasDecimals =
+            splited.length == 2 &&
+            splited.every((v: any) => `${v}`.match(regularExpresions.number));
+
+          if (hasDecimals) {
+            return [
+              currentCoin,
+              (+`${value}`).toLocaleString("en-US", {
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2,
+              }),
+            ].join(" ");
+          }
+
           const isNumber = typeof value === "number";
 
           if (isNumber) {
             if (isNaN(value)) return value;
-            return (
-              currentCoin +
-              " " +
-              value.toLocaleString("en-US", {
-                minimumFractionDigits: value % 1 !== 0 ? 2 : 0,
-                maximumFractionDigits: value % 1 !== 0 ? 2 : 0,
-              })
-            );
+
+            return value;
           }
 
           return value;
@@ -359,6 +371,8 @@ function IHTable({
   hideColumns = [],
   footer = {},
   currentCoin = "$",
+  fontSize = "1rem",
+  className,
 }: TableProps) {
   if (modal && onSelect)
     throw new Error("Solo se puede usar modal o onSelect por separado");
@@ -448,12 +462,20 @@ function IHTable({
         )}
 
         <DataGrid
+          className={className}
           rows={rows}
           columns={columns as any}
           checkboxSelection={Boolean(onSelect)}
           rowSelectionModel={selectedRows}
           onRowSelectionModelChange={!modal ? setSelectedRows : undefined}
           sx={{
+            fontSize, // equivalente a text-xs
+            "& .MuiDataGrid-cell": {
+              fontSize,
+            },
+            "& .MuiDataGrid-columnHeader": {
+              fontSize,
+            },
             "& .MuiDataGrid-cell--editable": {
               backgroundColor: "#c6d8f0",
               fontWeight: 500,