next-recomponents 2.0.44 → 2.0.46

package/dist/index.js

@@ -36765,12 +36765,12 @@ function Select({
     }).map((child) => {
       return {
         value: child.props.value,
-        label: child.props.children
+        label: import_react9.default.Children.toArray(child.props.children).join("")
       };
     });
     setOptions(parsedOptions);
     setFiltered(parsedOptions);
-    const value = (props == null ? void 0 : props.value) && ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label);
+    const value = (props == null ? void 0 : props.value) ? ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label) || "" : "";
     setInputValue(value);
   }, [children]);
   (0, import_react9.useEffect)(() => {
@@ -36798,7 +36798,8 @@ function Select({
     }
   };
   const selectOption = (opt) => {
-    setInputValue(opt.label);
+    const v = `${opt.label}`;
+    setInputValue(v);
     setIsOpen(false);
   };
   const containerRef = (0, import_react9.useRef)(null);
@@ -36816,7 +36817,7 @@ function Select({
     }
   }, [isOpen]);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: containerRef, className: "w-full relative my-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex items-center border rounded bg-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex items-center border rounded bg-white ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "input",
         {
@@ -36877,7 +36878,7 @@ function Select({
           children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseIcon, {})
         }
       ),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "div",
         {
           style: { zIndex: 9999999999 },
@@ -38770,10 +38771,10 @@ function Header({
       "div",
       {
         ref: cellRef,
-        className: "break-words border  text-center relative ",
+        className: "shadow   ",
         style: { zIndex: 10, height: `${padding}px`, maxHeight: "100px" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-5 items-center justify-between h-full cursor-pointer", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex justify-between items-center ", children: [
             /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-2", children: [
               hasFilter ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "div",
@@ -38801,7 +38802,8 @@ function Header({
             /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "div",
               {
-                className: "w-full",
+                className: "font-bold flex truncate text-xs items-center ",
+                style: { height: `${padding}px` },
                 onClick: (e) => {
                   context.setSort({
                     [header]: "TOGGLE"
@@ -39153,10 +39155,14 @@ function HTable({
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
-      className: [context.className, "bg-white relative"].join(" "),
+      className: [
+        context.className,
+        "bg-white relative",
+        "p-2 border shadow rounded-2xl"
+      ].join(" "),
       ref: tableRef,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-white px-1 font-bold", children: context.header }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-white px-1 font-bold rounded-full", children: context.header }),
         /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "bg-white flex gap-2 items-center", children: [
           context.searchable && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Searchable, { context }),
           context.exportName && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
@@ -39225,8 +39231,7 @@ function HTable({
             return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
               "div",
               {
-                className: "bg-white",
-                style: { position: "relative" },
+                className: "bg-white relative w-full bg-red-100",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     Header,
@@ -39262,7 +39267,7 @@ function HTable({
           searchedData.map((row, rowIndex) => {
             const items = Object.entries(row);
             return items.map(([key, item], i) => {
-              var _a, _b, _c, _d, _e, _f, _g;
+              var _a, _b, _c, _d, _e;
               if ((_b = (_a = context == null ? void 0 : context.hideColumns) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, key)) return null;
               if (key.startsWith("_") && !key.startsWith("__")) return null;
               if (key == "__modal__") {
@@ -39385,8 +39390,7 @@ function HTable({
                         }
                       }
                       context.setData(newData);
-                    },
-                    className: `${(_g = (_f = context.buttons[key]) == null ? void 0 : _f.props) == null ? void 0 : _g.className} text-xs w-full`
+                    }
                   }) : ["number", "string"].includes(typeof item) ? valueFormatter({
                     value: item,
                     currentCoin: context.currentCoin

package/dist/index.mjs

@@ -36750,12 +36750,12 @@ function Select({
     }).map((child) => {
       return {
         value: child.props.value,
-        label: child.props.children
+        label: React5.Children.toArray(child.props.children).join("")
       };
     });
     setOptions(parsedOptions);
     setFiltered(parsedOptions);
-    const value = (props == null ? void 0 : props.value) && ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label);
+    const value = (props == null ? void 0 : props.value) ? ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label) || "" : "";
     setInputValue(value);
   }, [children]);
   useEffect5(() => {
@@ -36783,7 +36783,8 @@ function Select({
     }
   };
   const selectOption = (opt) => {
-    setInputValue(opt.label);
+    const v = `${opt.label}`;
+    setInputValue(v);
     setIsOpen(false);
   };
   const containerRef = useRef2(null);
@@ -36801,7 +36802,7 @@ function Select({
     }
   }, [isOpen]);
   return /* @__PURE__ */ jsxs7("div", { ref: containerRef, className: "w-full relative my-3", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "relative flex items-center border rounded bg-white", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "relative flex items-center border rounded bg-white ", children: [
       /* @__PURE__ */ jsx10(
         "input",
         {
@@ -36862,7 +36863,7 @@ function Select({
           children: /* @__PURE__ */ jsx10(CloseIcon, {})
         }
       ),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ jsx10(
+      isOpen && /* @__PURE__ */ jsx10(
         "div",
         {
           style: { zIndex: 9999999999 },
@@ -38768,10 +38769,10 @@ function Header({
       "div",
       {
         ref: cellRef,
-        className: "break-words border  text-center relative ",
+        className: "shadow   ",
         style: { zIndex: 10, height: `${padding}px`, maxHeight: "100px" },
         children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex gap-5 items-center justify-between h-full cursor-pointer", children: [
+          /* @__PURE__ */ jsxs23("div", { className: "flex justify-between items-center ", children: [
             /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
               hasFilter ? /* @__PURE__ */ jsx31(
                 "div",
@@ -38799,7 +38800,8 @@ function Header({
             /* @__PURE__ */ jsx31(
               "div",
               {
-                className: "w-full",
+                className: "font-bold flex truncate text-xs items-center ",
+                style: { height: `${padding}px` },
                 onClick: (e) => {
                   context.setSort({
                     [header]: "TOGGLE"
@@ -39151,10 +39153,14 @@ function HTable({
   return /* @__PURE__ */ jsxs25(
     "div",
     {
-      className: [context.className, "bg-white relative"].join(" "),
+      className: [
+        context.className,
+        "bg-white relative",
+        "p-2 border shadow rounded-2xl"
+      ].join(" "),
       ref: tableRef,
       children: [
-        /* @__PURE__ */ jsx33("div", { className: "bg-white px-1 font-bold", children: context.header }),
+        /* @__PURE__ */ jsx33("div", { className: "bg-white px-1 font-bold rounded-full", children: context.header }),
         /* @__PURE__ */ jsxs25("div", { className: "bg-white flex gap-2 items-center", children: [
           context.searchable && /* @__PURE__ */ jsx33(Searchable, { context }),
           context.exportName && /* @__PURE__ */ jsxs25(
@@ -39223,8 +39229,7 @@ function HTable({
             return /* @__PURE__ */ jsxs25(
               "div",
               {
-                className: "bg-white",
-                style: { position: "relative" },
+                className: "bg-white relative w-full bg-red-100",
                 children: [
                   /* @__PURE__ */ jsx33(
                     Header,
@@ -39260,7 +39265,7 @@ function HTable({
           searchedData.map((row, rowIndex) => {
             const items = Object.entries(row);
             return items.map(([key, item], i) => {
-              var _a, _b, _c, _d, _e, _f, _g;
+              var _a, _b, _c, _d, _e;
               if ((_b = (_a = context == null ? void 0 : context.hideColumns) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, key)) return null;
               if (key.startsWith("_") && !key.startsWith("__")) return null;
               if (key == "__modal__") {
@@ -39383,8 +39388,7 @@ function HTable({
                         }
                       }
                       context.setData(newData);
-                    },
-                    className: `${(_g = (_f = context.buttons[key]) == null ? void 0 : _f.props) == null ? void 0 : _g.className} text-xs w-full`
+                    }
                   }) : ["number", "string"].includes(typeof item) ? valueFormatter({
                     value: item,
                     currentCoin: context.currentCoin

package/package.json

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

package/src/select/index.tsx

@@ -56,14 +56,14 @@ export default function Select({
       .map((child: any) => {
         return {
           value: child.props.value,
-          label: child.props.children,
+          label: React.Children.toArray(child.props.children).join(""),
         };
       });
     setOptions(parsedOptions);
     setFiltered(parsedOptions);
-    const value =
-      props?.value &&
-      parsedOptions.find((opt) => opt.value == props.value)?.label;
+    const value = props?.value
+      ? parsedOptions.find((opt) => opt.value == props.value)?.label || ""
+      : "";
     setInputValue(value);
   }, [children]);
 
@@ -97,8 +97,9 @@ export default function Select({
   };
 
   const selectOption = (opt: { value: string; label: string }) => {
-    // console.log(opt.label);
-    setInputValue(opt.label);
+    const v = `${opt.label}`;
+
+    setInputValue(v);
     setIsOpen(false);
   };
 
@@ -120,7 +121,7 @@ export default function Select({
   }, [isOpen]);
   return (
     <div ref={containerRef} className="w-full relative my-3">
-      <div className="relative flex items-center border rounded bg-white">
+      <div className="relative flex items-center border rounded bg-white ">
         <input
           autoComplete="off"
           ref={inputRef}
@@ -162,6 +163,7 @@ export default function Select({
           onFocus={() => setIsOpen(true)}
           onKeyDown={handleKeyDown}
         />
+
         {label && (
           <label className="absolute -top-2.5 left-2 text-xs font-bold  px-1">
             {label} {props?.required && <span className="text-red-500">*</span>}
@@ -190,7 +192,7 @@ export default function Select({
             <CloseIcon />
           </button>
         )}
-        {isOpen && filtered.length > 0 && (
+        {isOpen && (
           <div
             style={{ zIndex: 9999999999 }}
             className={`absolute w-full border rounded shadow bg-white z-10 max-h-100 top-10  overflow-y-auto ${

package/src/table-advanced/h.table.tsx

@@ -153,10 +153,16 @@ export default function HTable({
   });
   return (
     <div
-      className={[context.className, "bg-white relative"].join(" ")}
+      className={[
+        context.className,
+        "bg-white relative",
+        "p-2 border shadow rounded-2xl",
+      ].join(" ")}
       ref={tableRef}
     >
-      <div className="bg-white px-1 font-bold">{context.header}</div>
+      <div className="bg-white px-1 font-bold rounded-full">
+        {context.header}
+      </div>
       <div className="bg-white flex gap-2 items-center">
         {context.searchable && <Searchable context={context} />}
         {context.exportName && (
@@ -234,8 +240,8 @@ export default function HTable({
           return (
             <div
               key={header}
-              className="bg-white"
-              style={{ position: "relative" }}
+              className="bg-white relative w-full bg-red-100"
+              // style={{ position: "relative" }}
             >
               <Header
                 padding={padding}
@@ -444,7 +450,6 @@ export default function HTable({
 
                       context.setData(newData);
                     },
-                    className: `${context.buttons[key]?.props?.className} text-xs w-full`,
                   })
                 ) : ["number", "string"].includes(typeof item) ? (
                   valueFormatter({

package/src/table-advanced/header.tsx

@@ -121,10 +121,10 @@ export function Header({
       <div className="">
         <div
           ref={cellRef}
-          className={"break-words border  text-center relative "}
+          className={"shadow   "}
           style={{ zIndex: 10, height: `${padding}px`, maxHeight: "100px" }}
         >
-          <div className="flex gap-5 items-center justify-between h-full cursor-pointer">
+          <div className="flex justify-between items-center ">
             <div className="flex gap-2">
               {hasFilter ? (
                 <div
@@ -158,7 +158,8 @@ export function Header({
               </div>
             </div>
             <div
-              className="w-full"
+              className="font-bold flex truncate text-xs items-center "
+              style={{ height: `${padding}px` }}
               onClick={(e) => {
                 context.setSort({
                   [header]: "TOGGLE",