next-recomponents 1.8.0 → 1.8.2

package/dist/index.js

@@ -11286,6 +11286,21 @@ function FilterOffIcon() {
     }
   );
 }
+function EditIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 576 512",
+      height: "20px",
+      width: "20px",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
+    }
+  );
+}
 function MdLastPage() {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "svg",
@@ -11391,21 +11406,6 @@ function ExcelIcon() {
     }
   );
 }
-function EditIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 576 512",
-      height: "20px",
-      width: "20px",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
-    }
-  );
-}
 
 // src/table/filter.menu.tsx
 var import_react24 = require("react");
@@ -44887,7 +44887,7 @@ function Filter({
   const itemsFiltered = (0, import_react33.useMemo)(
     () => items.sort((a, b) => `${a}`.localeCompare(b)).filter((item) => {
       if (!text) return true;
-      return item.toLowerCase().includes(text.toLowerCase());
+      return `${item}`.toLowerCase().includes(text.toLowerCase());
     }),
     [items, text]
   );
@@ -44900,10 +44900,7 @@ function Filter({
         return (row == null ? void 0 : row._id) ? {
           _id: row._id,
           _visible: itemsInterno.includes(row[h])
-        } : {
-          id: row.id,
-          _visible: itemsInterno.includes(row[h])
-        };
+        } : { id: row.id, _visible: itemsInterno.includes(row[h]) };
       });
     } else {
       obj = array.map((row) => {
@@ -44973,13 +44970,13 @@ function Filter({
               {
                 className: "border shadow rounded p-2 w-full",
                 type: "search",
-                onChange: (e) => setText(e.target.value),
+                onChange: (e) => setText(`${e.target.value}`),
                 value: text,
                 onKeyDown: (e) => {
                   if (e.key === "Enter") {
                     setSelected(
                       items.filter(
-                        (i) => i.toLowerCase().includes(text.toLowerCase())
+                        (i) => `${i}`.toLowerCase().includes(`${text}`.toLowerCase())
                       )
                     );
                     filtrar();
@@ -45477,7 +45474,10 @@ function Table3(_a) {
         var _a2, _b2, _c, _d, _e, _f, _g;
         const id3 = (bb == null ? void 0 : bb.id) || (bb == null ? void 0 : bb._id);
         if (!id3) throw new Error("Se necesita el id o _id");
-        const cc = __spreadProps(__spreadValues(__spreadValues({}, bb), ((_a2 = a == null ? void 0 : a[id3]) == null ? void 0 : _a2._updated) === true ? __spreadValues({}, a == null ? void 0 : a[id3]) : {}), {
+        const cc = ((_a2 = a == null ? void 0 : a[id3]) == null ? void 0 : _a2._updated) ? __spreadProps(__spreadValues(__spreadValues({}, bb), a == null ? void 0 : a[id3]), {
+          _selected: bb == null ? void 0 : bb._selected,
+          _visible: (bb == null ? void 0 : bb._visible) == false ? false : true
+        }) : __spreadProps(__spreadValues({}, bb), {
           _selected: bb == null ? void 0 : bb._selected,
           _visible: (bb == null ? void 0 : bb._visible) == false ? false : true
         });
@@ -45551,6 +45551,7 @@ function Table3(_a) {
   }, [objectData]);
   const style = (props == null ? void 0 : props.style) ? __spreadProps(__spreadValues({}, props.style), { tableLayout: "fixed" }) : { tableLayout: "fixed" };
   if (!objectData) return null;
+  console.log({ objectData });
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "border shadow rounded m-1 p-1 bg-white", children: [
     modal && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       dialog_default,

package/dist/index.mjs

@@ -11267,6 +11267,21 @@ function FilterOffIcon() {
     }
   );
 }
+function EditIcon() {
+  return /* @__PURE__ */ jsx9(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 576 512",
+      height: "20px",
+      width: "20px",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx9("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
+    }
+  );
+}
 function MdLastPage() {
   return /* @__PURE__ */ jsxs7(
     "svg",
@@ -11372,21 +11387,6 @@ function ExcelIcon() {
     }
   );
 }
-function EditIcon() {
-  return /* @__PURE__ */ jsx9(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 576 512",
-      height: "20px",
-      width: "20px",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx9("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
-    }
-  );
-}
 
 // src/table/filter.menu.tsx
 import { useEffect as useEffect5, useState as useState5 } from "react";
@@ -44857,7 +44857,7 @@ function DocumentViewer({ item }) {
 
 // src/table3/index.tsx
 import React11, {
-  useEffect as useEffect10,
+  useEffect as useEffect11,
   useMemo as useMemo12,
   useReducer as useReducer2,
   useRef as useRef8,
@@ -44884,7 +44884,7 @@ function Filter({
   const itemsFiltered = useMemo10(
     () => items.sort((a, b) => `${a}`.localeCompare(b)).filter((item) => {
       if (!text) return true;
-      return item.toLowerCase().includes(text.toLowerCase());
+      return `${item}`.toLowerCase().includes(text.toLowerCase());
     }),
     [items, text]
   );
@@ -44897,10 +44897,7 @@ function Filter({
         return (row == null ? void 0 : row._id) ? {
           _id: row._id,
           _visible: itemsInterno.includes(row[h])
-        } : {
-          id: row.id,
-          _visible: itemsInterno.includes(row[h])
-        };
+        } : { id: row.id, _visible: itemsInterno.includes(row[h]) };
       });
     } else {
       obj = array.map((row) => {
@@ -44970,13 +44967,13 @@ function Filter({
               {
                 className: "border shadow rounded p-2 w-full",
                 type: "search",
-                onChange: (e) => setText(e.target.value),
+                onChange: (e) => setText(`${e.target.value}`),
                 value: text,
                 onKeyDown: (e) => {
                   if (e.key === "Enter") {
                     setSelected(
                       items.filter(
-                        (i) => i.toLowerCase().includes(text.toLowerCase())
+                        (i) => `${i}`.toLowerCase().includes(`${text}`.toLowerCase())
                       )
                     );
                     filtrar();
@@ -45474,7 +45471,10 @@ function Table3(_a) {
         var _a2, _b2, _c, _d, _e, _f, _g;
         const id3 = (bb == null ? void 0 : bb.id) || (bb == null ? void 0 : bb._id);
         if (!id3) throw new Error("Se necesita el id o _id");
-        const cc = __spreadProps(__spreadValues(__spreadValues({}, bb), ((_a2 = a == null ? void 0 : a[id3]) == null ? void 0 : _a2._updated) === true ? __spreadValues({}, a == null ? void 0 : a[id3]) : {}), {
+        const cc = ((_a2 = a == null ? void 0 : a[id3]) == null ? void 0 : _a2._updated) ? __spreadProps(__spreadValues(__spreadValues({}, bb), a == null ? void 0 : a[id3]), {
+          _selected: bb == null ? void 0 : bb._selected,
+          _visible: (bb == null ? void 0 : bb._visible) == false ? false : true
+        }) : __spreadProps(__spreadValues({}, bb), {
           _selected: bb == null ? void 0 : bb._selected,
           _visible: (bb == null ? void 0 : bb._visible) == false ? false : true
         });
@@ -45501,7 +45501,7 @@ function Table3(_a) {
     }
   }
   const [objectData, setObjectData] = useReducer2(dataReducer, null);
-  useEffect10(() => {
+  useEffect11(() => {
     setObjectData(data);
     setPage(1);
   }, [data]);
@@ -45540,7 +45540,7 @@ function Table3(_a) {
     footer,
     onChange
   }, props);
-  useEffect10(() => {
+  useEffect11(() => {
     if ((dialogRow == null ? void 0 : dialogRow.id) || (dialogRow == null ? void 0 : dialogRow._id)) {
       const newDialogRow = objectData[dialogRow == null ? void 0 : dialogRow.id] || objectData[dialogRow == null ? void 0 : dialogRow._id];
       setDialogRow(newDialogRow);
@@ -45548,6 +45548,7 @@ function Table3(_a) {
   }, [objectData]);
   const style = (props == null ? void 0 : props.style) ? __spreadProps(__spreadValues({}, props.style), { tableLayout: "fixed" }) : { tableLayout: "fixed" };
   if (!objectData) return null;
+  console.log({ objectData });
   return /* @__PURE__ */ jsxs24("div", { className: "border shadow rounded m-1 p-1 bg-white", children: [
     modal && /* @__PURE__ */ jsx34(
       dialog_default,

package/package.json

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

package/src/table/filters.tsx

@@ -13,6 +13,21 @@ export function FilterOffIcon() {
     </svg>
   );
 }
+export function EditIcon() {
+  return (
+    <svg
+      stroke="currentColor"
+      fill="currentColor"
+      strokeWidth="0"
+      viewBox="0 0 576 512"
+      height="20px"
+      width="20px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z"></path>
+    </svg>
+  );
+}
 
 export function MdLastPage() {
   return (
@@ -110,21 +125,7 @@ export function ExcelIcon() {
     </svg>
   );
 }
-export function EditIcon() {
-  return (
-    <svg
-      stroke="currentColor"
-      fill="currentColor"
-      strokeWidth="0"
-      viewBox="0 0 576 512"
-      height="20px"
-      width="20px"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z"></path>
-    </svg>
-  );
-}
+
 export function ArrowIcon() {
   return (
     <svg

package/src/table/vtd.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React, { Dispatch, useMemo, useState } from "react";
 
 interface TDProps

package/src/table3/filter.tsx

@@ -1,5 +1,6 @@
-import { useMemo, useState } from "react";
-import { FilterOffIcon } from "src/table/filters";
+"use client";
+import { useEffect, useMemo, useState } from "react";
+import { FilterOffIcon } from "../../src/table/filters";
 
 export default function Filter({
   h,
@@ -21,6 +22,7 @@ export default function Filter({
     [objectData]
   );
   const [selected, setSelected] = useState<string[]>(items);
+
   const itemsFiltered = useMemo(
     () =>
       items
@@ -28,7 +30,7 @@ export default function Filter({
         .filter((item: string) => {
           if (!text) return true;
 
-          return item.toLowerCase().includes(text.toLowerCase());
+          return `${item}`.toLowerCase().includes(text.toLowerCase());
         }),
     [items, text]
   );
@@ -43,10 +45,7 @@ export default function Filter({
               _id: row._id,
               _visible: itemsInterno.includes(row[h]),
             }
-          : {
-              id: row.id,
-              _visible: itemsInterno.includes(row[h]),
-            };
+          : { id: row.id, _visible: itemsInterno.includes(row[h]) };
       });
     } else {
       obj = array.map((row: any) => {
@@ -128,13 +127,13 @@ export default function Filter({
                 <input
                   className="border shadow rounded p-2 w-full"
                   type="search"
-                  onChange={(e) => setText(e.target.value)}
+                  onChange={(e) => setText(`${e.target.value}`)}
                   value={text}
                   onKeyDown={(e) => {
                     if (e.key === "Enter") {
                       setSelected(
                         items.filter((i) =>
-                          i.toLowerCase().includes(text.toLowerCase())
+                          `${i}`.toLowerCase().includes(`${text}`.toLowerCase())
                         )
                       );
                       filtrar();

package/src/table3/index.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React, {
   DetailedHTMLProps,
   TableHTMLAttributes,
@@ -54,12 +55,18 @@ export default function Table3({
         const id = bb?.id || bb?._id;
         if (!id) throw new Error("Se necesita el id o _id");
 
-        const cc = {
-          ...bb,
-          ...(a?.[id]?._updated === true ? { ...a?.[id] } : {}),
-          _selected: bb?._selected,
-          _visible: bb?._visible == false ? false : true,
-        };
+        const cc = a?.[id]?._updated
+          ? {
+              ...bb,
+              ...a?.[id],
+              _selected: bb?._selected,
+              _visible: bb?._visible == false ? false : true,
+            }
+          : {
+              ...bb,
+              _selected: bb?._selected,
+              _visible: bb?._visible == false ? false : true,
+            };
 
         const newHandlers = { ...handlers };
 
@@ -158,7 +165,7 @@ export default function Table3({
     : { tableLayout: "fixed" };
 
   if (!objectData) return null;
-
+  console.log({ objectData });
   return (
     <div className="border shadow rounded m-1 p-1 bg-white">
       {modal && (

package/src/table3/panel.tsx

@@ -1,5 +1,5 @@
-import { ExcelIcon, SaveIcon } from "src/table/filters";
-import useExcel from "src/use-excel";
+import { ExcelIcon, SaveIcon } from "../../src/table/filters";
+import useExcel from "../../src/use-excel";
 
 export default function Panel({
   page,

package/src/table3/tr.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { EditIcon } from "src/table/filters";
+import { EditIcon } from "../../src/table/filters";
 
 export default function TR({
   handlers,