next-recomponents 2.0.72 → 2.0.73

package/dist/index.js

@@ -36917,9 +36917,10 @@ function Select({
             top: dropdownPos.top,
             bottom: dropdownPos.bottom,
             left: dropdownPos.left,
-            width: dropdownPos.width
+            width: dropdownPos.width,
+            maxHeight: "300px"
           },
-          className: "border rounded shadow bg-white max-h-100 overflow-y-auto",
+          className: "border rounded shadow bg-white  overflow-y-auto",
           children: [
             filtered.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "font-normal p-2 text-gray-400", children: "Loading options..." }),
             filtered.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -39598,6 +39599,7 @@ function HTable({
                                 className: "border shadow rounded bg-blue-500 text-white p-2 ",
                                 onClick: (e) => {
                                   var _a2;
+                                  console.log(pagination.pagina);
                                   setCurrentIndex(rowIndex);
                                   (_a2 = modalRef.current) == null ? void 0 : _a2.click();
                                 },
@@ -39801,7 +39803,8 @@ function HTable({
                 context,
                 currentIndex,
                 setCurrentIndex,
-                searchedData
+                searchedData,
+                pagination
               }
             )
           }
@@ -39823,8 +39826,10 @@ function ModalContent({
   setCurrentIndex,
   searchedData,
   context,
-  hide
+  hide,
+  pagination
 }) {
+  const slicedData = searchedData.slice(pagination.inicio - 1, pagination.fin);
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fixed top-0 left-0 p-10 ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -39840,16 +39845,16 @@ function ModalContent({
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "button",
         {
-          className: "p-2 border shadow rounded " + (currentIndex < searchedData.length - 1 ? "bg-white " : "bg-gray-100"),
+          className: "p-2 border shadow rounded " + (currentIndex < slicedData.length - 1 ? "bg-white " : "bg-gray-100"),
           onClick: (e) => {
-            currentIndex < searchedData.length - 1 && setCurrentIndex(currentIndex + 1);
+            currentIndex < slicedData.length - 1 && setCurrentIndex(currentIndex + 1);
           },
           children: "Siguiente"
         }
       )
     ] }),
     import_react20.default.cloneElement(context.modal, {
-      row: searchedData[currentIndex],
+      row: slicedData[currentIndex],
       hide
     })
   ] });

package/dist/index.mjs

@@ -36898,9 +36898,10 @@ function Select({
             top: dropdownPos.top,
             bottom: dropdownPos.bottom,
             left: dropdownPos.left,
-            width: dropdownPos.width
+            width: dropdownPos.width,
+            maxHeight: "300px"
           },
-          className: "border rounded shadow bg-white max-h-100 overflow-y-auto",
+          className: "border rounded shadow bg-white  overflow-y-auto",
           children: [
             filtered.length == 0 && /* @__PURE__ */ jsx10("div", { className: "font-normal p-2 text-gray-400", children: "Loading options..." }),
             filtered.map((opt, index) => /* @__PURE__ */ jsx10(
@@ -39593,6 +39594,7 @@ function HTable({
                                 className: "border shadow rounded bg-blue-500 text-white p-2 ",
                                 onClick: (e) => {
                                   var _a2;
+                                  console.log(pagination.pagina);
                                   setCurrentIndex(rowIndex);
                                   (_a2 = modalRef.current) == null ? void 0 : _a2.click();
                                 },
@@ -39796,7 +39798,8 @@ function HTable({
                 context,
                 currentIndex,
                 setCurrentIndex,
-                searchedData
+                searchedData,
+                pagination
               }
             )
           }
@@ -39818,8 +39821,10 @@ function ModalContent({
   setCurrentIndex,
   searchedData,
   context,
-  hide
+  hide,
+  pagination
 }) {
+  const slicedData = searchedData.slice(pagination.inicio - 1, pagination.fin);
   return /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs26("div", { className: "fixed top-0 left-0 p-10 ", children: [
       /* @__PURE__ */ jsx33(
@@ -39835,16 +39840,16 @@ function ModalContent({
       /* @__PURE__ */ jsx33(
         "button",
         {
-          className: "p-2 border shadow rounded " + (currentIndex < searchedData.length - 1 ? "bg-white " : "bg-gray-100"),
+          className: "p-2 border shadow rounded " + (currentIndex < slicedData.length - 1 ? "bg-white " : "bg-gray-100"),
           onClick: (e) => {
-            currentIndex < searchedData.length - 1 && setCurrentIndex(currentIndex + 1);
+            currentIndex < slicedData.length - 1 && setCurrentIndex(currentIndex + 1);
           },
           children: "Siguiente"
         }
       )
     ] }),
     React10.cloneElement(context.modal, {
-      row: searchedData[currentIndex],
+      row: slicedData[currentIndex],
       hide
     })
   ] });

package/package.json

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

package/src/select/index.tsx

@@ -236,8 +236,9 @@ export default function Select({
               bottom: dropdownPos.bottom,
               left: dropdownPos.left,
               width: dropdownPos.width,
+              maxHeight: "300px",
             }}
-            className="border rounded shadow bg-white max-h-100 overflow-y-auto"
+            className="border rounded shadow bg-white  overflow-y-auto"
           >
             {filtered.length == 0 && (
               <div className="font-normal p-2 text-gray-400">

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

@@ -331,6 +331,7 @@ export default function HTable({
                         <button
                           className="border shadow rounded bg-blue-500 text-white p-2 "
                           onClick={(e) => {
+                            console.log(pagination.pagina);
                             setCurrentIndex(rowIndex);
                             modalRef.current?.click();
                           }}
@@ -594,6 +595,7 @@ export default function HTable({
             currentIndex={currentIndex}
             setCurrentIndex={setCurrentIndex}
             searchedData={searchedData}
+            pagination={pagination}
           />
         </Modal>
       )}
@@ -615,13 +617,16 @@ function ModalContent({
   searchedData,
   context,
   hide,
+  pagination,
 }: {
   hide?: () => void;
   currentIndex: number;
   setCurrentIndex: Dispatch<number>;
   searchedData: any;
   context: any;
+  pagination: any;
 }) {
+  const slicedData = searchedData.slice(pagination.inicio - 1, pagination.fin);
   return (
     <div className="relative">
       <div className="fixed top-0 left-0 p-10 ">
@@ -639,12 +644,10 @@ function ModalContent({
         <button
           className={
             "p-2 border shadow rounded " +
-            (currentIndex < searchedData.length - 1
-              ? "bg-white "
-              : "bg-gray-100")
+            (currentIndex < slicedData.length - 1 ? "bg-white " : "bg-gray-100")
           }
           onClick={(e) => {
-            currentIndex < searchedData.length - 1 &&
+            currentIndex < slicedData.length - 1 &&
               setCurrentIndex(currentIndex + 1);
           }}
         >
@@ -652,7 +655,7 @@ function ModalContent({
         </button>
       </div>
       {React.cloneElement(context.modal, {
-        row: searchedData[currentIndex],
+        row: slicedData[currentIndex],
         hide,
       })}
     </div>