next-recomponents 2.0.21 → 2.0.23

package/dist/index.d.mts

@@ -154,12 +154,13 @@ interface CustomSelectProps extends React$1.DetailedHTMLProps<React$1.InputHTMLA
 declare function Select({ label, placeholder, children, strictMode, ...props }: CustomSelectProps): react_jsx_runtime.JSX.Element;
 
 type PopupColor$1 = "white" | "primary" | "secondary" | "info" | "danger" | "warning" | "success";
-declare function Modal({ button, children, color, }: {
+declare function Modal({ button, children, color, title, }: {
     button: ReactElement<React$1.ComponentPropsWithRef<"button">>;
     children: ReactElement<React$1.ComponentPropsWithRef<"div"> & {
         hide: () => void;
     }>;
     color?: PopupColor$1;
+    title?: string;
 }): react_jsx_runtime.JSX.Element;
 
 type PreProps = {

package/dist/index.d.ts

@@ -154,12 +154,13 @@ interface CustomSelectProps extends React$1.DetailedHTMLProps<React$1.InputHTMLA
 declare function Select({ label, placeholder, children, strictMode, ...props }: CustomSelectProps): react_jsx_runtime.JSX.Element;
 
 type PopupColor$1 = "white" | "primary" | "secondary" | "info" | "danger" | "warning" | "success";
-declare function Modal({ button, children, color, }: {
+declare function Modal({ button, children, color, title, }: {
     button: ReactElement<React$1.ComponentPropsWithRef<"button">>;
     children: ReactElement<React$1.ComponentPropsWithRef<"div"> & {
         hide: () => void;
     }>;
     color?: PopupColor$1;
+    title?: string;
 }): react_jsx_runtime.JSX.Element;
 
 type PreProps = {

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;
         },
@@ -37002,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",
                   {
@@ -37090,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,
@@ -37155,7 +37169,8 @@ var import_jsx_runtime17 = require("react/jsx-runtime");
 function Modal({
   button,
   children,
-  color = "primary"
+  color = "primary",
+  title
 }) {
   const pop = usePopup();
   const hide = () => pop.close(false);

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;
         },
@@ -36988,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",
                   {
@@ -37076,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,
@@ -37141,7 +37155,8 @@ import { Fragment as Fragment2, jsxs as jsxs10 } from "react/jsx-runtime";
 function Modal({
   button,
   children,
-  color = "primary"
+  color = "primary",
+  title
 }) {
   const pop = usePopup();
   const hide = () => pop.close(false);

package/package.json

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

package/src/modal/index.tsx

@@ -15,12 +15,14 @@ export default function Modal({
   button,
   children,
   color = "primary",
+  title,
 }: {
   button: ReactElement<React.ComponentPropsWithRef<"button">>;
   children: ReactElement<
     React.ComponentPropsWithRef<"div"> & { hide: () => void }
   >;
   color?: PopupColor;
+  title?: string;
 }) {
   const pop = usePopup();
   const hide = () => pop.close(false);

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 ────────────────────────────────────────────────────────────────────
 
@@ -284,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;