next-recomponents 1.9.2 → 1.9.4

package/dist/index.js

@@ -44265,8 +44265,8 @@ function HTable(_a) {
       }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tbody", { className: "divide-y divide-gray-200", children: mapedData.map((md, trKey) => {
         var _a2, _b2;
-        const start = (page - 1) * maxItems;
-        const end = page * maxItems;
+        const start = maxItems == Infinity ? 0 : (page - 1) * maxItems;
+        const end = maxItems == Infinity ? Infinity : page * maxItems;
         if (!hasFilters) {
           if (trKey < start || trKey >= end) return null;
         }
@@ -45595,7 +45595,8 @@ function Filter({
   objectData,
   setObjectData,
   setPage,
-  colSizes
+  colSizes,
+  data
 }) {
   const [visible, setVisible] = (0, import_react33.useState)(false);
   const [text, setText] = (0, import_react33.useState)("");
@@ -45638,7 +45639,15 @@ function Filter({
     setVisible(false);
     setText("");
   }
-  const hidden = Object.values(objectData).filter((d) => d._visible === false).map((d) => d[h]);
+  const hidden = Object.values(objectData).filter(
+    (d) => d._visible === false
+  );
+  (0, import_react33.useEffect)(() => {
+    if (data.length != Object.values(objectData).map((o) => (o == null ? void 0 : o._id) || (o == null ? void 0 : o.id)).length) {
+      const news = [...new Set(data.map((o) => o[h]))];
+      setSelected(news);
+    }
+  }, [data]);
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("th", { className: "cursor-pointer", children: [
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "relative", children: visible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
@@ -45680,7 +45689,6 @@ function Filter({
                 },
                 children: [
                   "Borrar Filtro",
-                  " ",
                   /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-white ", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FilterOffIcon, {}) })
                 ]
               }
@@ -45783,6 +45791,7 @@ function TableHead({
   objectData,
   page,
   setPage,
+  data,
   maxItems,
   colSizes,
   modal
@@ -45824,7 +45833,8 @@ function TableHead({
           h,
           setObjectData,
           setPage,
-          colSizes
+          colSizes,
+          data
         },
         h
       );
@@ -45957,7 +45967,7 @@ function TableBody({
     var _a;
     return ((_a = objectData[id3]) == null ? void 0 : _a._visible) === true;
   }).filter((_id, key) => {
-    if (!maxItems) return true;
+    if (!maxItems || maxItems == Infinity) return true;
     const start = (page - 1) * maxItems;
     const end = page * maxItems;
     return key >= start && key < end;
@@ -46165,7 +46175,7 @@ function Table3(_a) {
   var _b = _a, {
     data,
     selectItems,
-    maxItems,
+    maxItems = Infinity,
     onSave,
     exportName,
     colSizes,
@@ -46261,7 +46271,8 @@ function Table3(_a) {
     colSizes,
     header,
     footer,
-    onChange
+    onChange,
+    data
   }, props);
   (0, import_react37.useEffect)(() => {
     if ((dialogRow == null ? void 0 : dialogRow.id) || (dialogRow == null ? void 0 : dialogRow._id)) {
@@ -46271,7 +46282,6 @@ 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,
@@ -46283,8 +46293,8 @@ function Table3(_a) {
         children: modal
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Panel, __spreadValues({}, context)),
+    header && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
+    maxItems !== Infinity && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Panel, __spreadValues({}, context)),
     /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("table", __spreadProps(__spreadValues({}, props), { style, children: [
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableHead, __spreadValues({}, context)),
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableBody, __spreadValues({}, context)),

package/dist/index.mjs

@@ -44246,8 +44246,8 @@ function HTable(_a) {
       }) }) }),
       /* @__PURE__ */ jsx12("tbody", { className: "divide-y divide-gray-200", children: mapedData.map((md, trKey) => {
         var _a2, _b2;
-        const start = (page - 1) * maxItems;
-        const end = page * maxItems;
+        const start = maxItems == Infinity ? 0 : (page - 1) * maxItems;
+        const end = maxItems == Infinity ? Infinity : page * maxItems;
         if (!hasFilters) {
           if (trKey < start || trKey >= end) return null;
         }
@@ -45585,14 +45585,15 @@ import React11, {
 } from "react";
 
 // src/table3/filter.tsx
-import { useMemo as useMemo10, useState as useState12 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo10, useState as useState12 } from "react";
 import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
 function Filter({
   h,
   objectData,
   setObjectData,
   setPage,
-  colSizes
+  colSizes,
+  data
 }) {
   const [visible, setVisible] = useState12(false);
   const [text, setText] = useState12("");
@@ -45635,7 +45636,15 @@ function Filter({
     setVisible(false);
     setText("");
   }
-  const hidden = Object.values(objectData).filter((d) => d._visible === false).map((d) => d[h]);
+  const hidden = Object.values(objectData).filter(
+    (d) => d._visible === false
+  );
+  useEffect10(() => {
+    if (data.length != Object.values(objectData).map((o) => (o == null ? void 0 : o._id) || (o == null ? void 0 : o.id)).length) {
+      const news = [...new Set(data.map((o) => o[h]))];
+      setSelected(news);
+    }
+  }, [data]);
   return /* @__PURE__ */ jsxs18("th", { className: "cursor-pointer", children: [
     /* @__PURE__ */ jsx27("div", { className: "relative", children: visible && /* @__PURE__ */ jsx27(
       "div",
@@ -45677,7 +45686,6 @@ function Filter({
                 },
                 children: [
                   "Borrar Filtro",
-                  " ",
                   /* @__PURE__ */ jsx27("div", { className: "text-white ", children: /* @__PURE__ */ jsx27(FilterOffIcon, {}) })
                 ]
               }
@@ -45780,6 +45788,7 @@ function TableHead({
   objectData,
   page,
   setPage,
+  data,
   maxItems,
   colSizes,
   modal
@@ -45821,7 +45830,8 @@ function TableHead({
           h,
           setObjectData,
           setPage,
-          colSizes
+          colSizes,
+          data
         },
         h
       );
@@ -45954,7 +45964,7 @@ function TableBody({
     var _a;
     return ((_a = objectData[id3]) == null ? void 0 : _a._visible) === true;
   }).filter((_id, key) => {
-    if (!maxItems) return true;
+    if (!maxItems || maxItems == Infinity) return true;
     const start = (page - 1) * maxItems;
     const end = page * maxItems;
     return key >= start && key < end;
@@ -46162,7 +46172,7 @@ function Table3(_a) {
   var _b = _a, {
     data,
     selectItems,
-    maxItems,
+    maxItems = Infinity,
     onSave,
     exportName,
     colSizes,
@@ -46258,7 +46268,8 @@ function Table3(_a) {
     colSizes,
     header,
     footer,
-    onChange
+    onChange,
+    data
   }, props);
   useEffect11(() => {
     if ((dialogRow == null ? void 0 : dialogRow.id) || (dialogRow == null ? void 0 : dialogRow._id)) {
@@ -46268,7 +46279,6 @@ 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,
@@ -46280,8 +46290,8 @@ function Table3(_a) {
         children: modal
       }
     ),
-    /* @__PURE__ */ jsx34("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
-    /* @__PURE__ */ jsx34(Panel, __spreadValues({}, context)),
+    header && /* @__PURE__ */ jsx34("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
+    maxItems !== Infinity && /* @__PURE__ */ jsx34(Panel, __spreadValues({}, context)),
     /* @__PURE__ */ jsxs24("table", __spreadProps(__spreadValues({}, props), { style, children: [
       /* @__PURE__ */ jsx34(TableHead, __spreadValues({}, context)),
       /* @__PURE__ */ jsx34(TableBody, __spreadValues({}, context)),

package/package.json

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

package/src/table/filter.menu.tsx

@@ -1,6 +1,6 @@
 import { Dispatch, useEffect, useState } from "react";
 import { FilterOffIcon } from "./filters";
-import Input from "src/input";
+import Input from "../input";
 
 export default function FilterMenu({
   h,

package/src/table/h.tsx

@@ -182,8 +182,8 @@ export default function HTable({
         </thead>
         <tbody className="divide-y divide-gray-200">
           {mapedData.map((md: any, trKey: number) => {
-            const start = (page - 1) * maxItems;
-            const end = page * maxItems;
+            const start = maxItems == Infinity ? 0 : (page - 1) * maxItems;
+            const end = maxItems == Infinity ? Infinity : page * maxItems;
 
             if (!hasFilters) {
               if (trKey < start || trKey >= end) return null;

package/src/table3/body.tsx

@@ -40,7 +40,7 @@ export default function TableBody({
           return objectData[id]?._visible === true;
         })
         .filter((_id, key) => {
-          if (!maxItems) return true;
+          if (!maxItems || maxItems == Infinity) return true;
           const start = (page - 1) * maxItems; // ej: 0 en la página 1
           const end = page * maxItems; // ej: 10 en la página 1
           return key >= start && key < end; // 👈 usamos < en vez de <=

package/src/table3/filter.tsx

@@ -8,15 +8,18 @@ export default function Filter({
   setObjectData,
   setPage,
   colSizes,
+  data,
 }: {
   h: any;
   objectData: any;
   setObjectData: any;
   setPage: any;
   colSizes?: Record<string, number>;
+  data: any[];
 }) {
   const [visible, setVisible] = useState(false);
   const [text, setText] = useState("");
+
   const items = useMemo(
     () => [...new Set(Object.values(objectData).map((o: any) => o[h]))],
     [objectData]
@@ -72,9 +75,18 @@ export default function Filter({
     setVisible(false);
     setText("");
   }
-  const hidden = Object.values(objectData)
-    .filter((d: any) => d._visible === false)
-    .map((d: any) => d[h]);
+  const hidden = Object.values(objectData).filter(
+    (d: any) => d._visible === false
+  );
+  useEffect(() => {
+    if (
+      data.length !=
+      Object.values(objectData).map((o: any) => o?._id || o?.id).length
+    ) {
+      const news = [...new Set(data.map((o: any) => o[h]))];
+      setSelected(news);
+    }
+  }, [data]);
 
   return (
     <th className="cursor-pointer">
@@ -104,6 +116,7 @@ export default function Filter({
             </div>
           )}
         </div>
+
         {visible && (
           <div
             className="border shadow rounded bg-white p-1 absolute left-0 text-black"
@@ -117,7 +130,7 @@ export default function Filter({
                     filtrar(items);
                   }}
                 >
-                  Borrar Filtro{" "}
+                  Borrar Filtro
                   <div className="text-white ">
                     <FilterOffIcon />
                   </div>

package/src/table3/head.tsx

@@ -8,6 +8,7 @@ export default function TableHead({
   objectData,
   page,
   setPage,
+  data,
   maxItems,
   colSizes,
   modal,
@@ -17,6 +18,7 @@ export default function TableHead({
   setObjectData: any;
   objectData: any;
   page: number;
+  data: any[];
   setPage: any;
   maxItems?: number;
   colSizes?: Record<string, any>;
@@ -63,6 +65,7 @@ export default function TableHead({
               setObjectData={setObjectData}
               setPage={setPage}
               colSizes={colSizes}
+              data={data}
             />
           );
         })}

package/src/table3/index.tsx

@@ -35,7 +35,7 @@ interface Table3Props
 export default function Table3({
   data,
   selectItems,
-  maxItems,
+  maxItems = Infinity,
   onSave,
   exportName,
   colSizes,
@@ -150,6 +150,7 @@ export default function Table3({
     header,
     footer,
     onChange,
+    data,
     ...props,
   };
 
@@ -166,7 +167,6 @@ 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 && (
@@ -179,8 +179,10 @@ export default function Table3({
           {modal}
         </Dialog>
       )}
-      <div className="font-bold text-2xl py-5 px-2 bg-blue-50">{header}</div>
-      <Panel {...context} />
+      {header && (
+        <div className="font-bold text-2xl py-5 px-2 bg-blue-50">{header}</div>
+      )}
+      {maxItems !== Infinity && <Panel {...context} />}
       <table {...props} style={style}>
         <TableHead {...context} />
         <TableBody {...context} />