next-recomponents 1.6.86 → 1.6.88

package/dist/index.d.mts

@@ -164,11 +164,4 @@ declare function useExcel(): {
     export: (data: any[][], fileName?: string) => void;
 };
 
-declare function MyCalendar({ enabledDates, onChange, defaultValue, className, }: {
-    enabledDates: Date[];
-    onChange: (e: any) => void;
-    defaultValue?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-export { Alert, Button, Container, Form, Input, Modal, MyCalendar, Pre, Select, Table, TextArea, regularExpresions, useDates, useExcel, useResources };
+export { Alert, Button, Container, Form, Input, Modal, Pre, Select, Table, TextArea, regularExpresions, useDates, useExcel, useResources };

package/dist/index.d.ts

@@ -164,11 +164,4 @@ declare function useExcel(): {
     export: (data: any[][], fileName?: string) => void;
 };
 
-declare function MyCalendar({ enabledDates, onChange, defaultValue, className, }: {
-    enabledDates: Date[];
-    onChange: (e: any) => void;
-    defaultValue?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-export { Alert, Button, Container, Form, Input, Modal, MyCalendar, Pre, Select, Table, TextArea, regularExpresions, useDates, useExcel, useResources };
+export { Alert, Button, Container, Form, Input, Modal, Pre, Select, Table, TextArea, regularExpresions, useDates, useExcel, useResources };

package/dist/index.js

@@ -2974,7 +2974,6 @@ __export(index_exports, {
   Form: () => Form,
   Input: () => Input,
   Modal: () => Modal,
-  MyCalendar: () => MyCalendar,
   Pre: () => pre_default,
   Select: () => Select,
   Table: () => Table,
@@ -11382,7 +11381,7 @@ function FilterMenu({
       "div",
       {
         className: "absolute bg-white border rounded min-w-[200px] ",
-        style: { zIndex: 9999999 },
+        style: { zIndex: 99999999999 },
         children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col items-start text-black", children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
             "div",
@@ -11425,7 +11424,6 @@ function FilterMenu({
                       md[h].exclude = true;
                     }
                   }
-                  console.log(hasText, md);
                   return md;
                 });
                 setMapedData(changed);
@@ -43335,7 +43333,7 @@ function HTable(_a) {
     totals,
     exportName,
     onSave,
-    maxItems = 0,
+    maxItems = Infinity,
     loader = "Loading..."
   } = _b, props = __objRest(_b, [
     "data",
@@ -43413,7 +43411,7 @@ function HTable(_a) {
     })).map((d) => Object.assign({}, ...d)) : {};
   }, [mapedData]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    maxItems && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    maxItems !== Infinity && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Pagination,
       {
         totalPages,
@@ -43566,12 +43564,6 @@ function Table(_a) {
     "div",
     {
       className: "bg-gray-200 border rounded shadow p-1",
-      style: {
-        minHeight: "500px",
-        overflowY: "auto",
-        contentVisibility: "auto",
-        containIntrinsicSize: "500px"
-      },
       children: Array.isArray(props.data) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HTable, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: " p-5 border rounded shadow bg-yellw-500", children: "No es un array" })
     }
   );
@@ -44389,114 +44381,6 @@ function useExcel() {
   }
   return { import: importFile, export: exportFile };
 }
-
-// src/calendar/index.tsx
-var import_react31 = require("react");
-var import_react_calendar = __toESM(require("react-calendar"));
-
-// src/calendar/calendar.icon.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function CalendarIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 448 512",
-      height: "20px",
-      width: "20px",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z" })
-    }
-  );
-}
-
-// src/calendar/index.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function MyCalendar({
-  enabledDates,
-  onChange,
-  defaultValue = "",
-  className = ""
-}) {
-  const modalRef = (0, import_react31.useRef)(null);
-  const [date, setDate] = (0, import_react31.useState)(defaultValue);
-  const [selectedDate, setSelectedDate] = (0, import_react31.useState)(/* @__PURE__ */ new Date());
-  const [visible, setVisible] = (0, import_react31.useState)(false);
-  const isDateDisabled = ({ date: date2, view }) => {
-    if (view === "month") {
-      return !enabledDates.some(
-        (enabledDate) => date2.getFullYear() === enabledDate.getFullYear() && date2.getMonth() === enabledDate.getMonth() && date2.getDate() === enabledDate.getDate()
-      );
-    }
-    return false;
-  };
-  function handleChange(e) {
-    var _a, _b;
-    setSelectedDate(e);
-    const date2 = new Date(e);
-    const formattedDate = date2.toISOString().split("T")[0];
-    setDate(formattedDate);
-    onChange(e);
-    (_b = (_a = modalRef == null ? void 0 : modalRef.current) == null ? void 0 : _a.close) == null ? void 0 : _b.call(_a);
-  }
-  (0, import_react31.useEffect)(() => {
-    setVisible(typeof window != "undefined");
-  }, [typeof window]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-      "div",
-      {
-        onClick: (e) => {
-          var _a, _b;
-          return (_b = (_a = modalRef == null ? void 0 : modalRef.current) == null ? void 0 : _a.showModal) == null ? void 0 : _b.call(_a);
-        },
-        className: "cursor-pointer flex items-center justify-center",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-            "input",
-            {
-              className: [
-                "p-2 w-full rounded border shadow cursor-pointer",
-                className
-              ].join(" "),
-              value: date,
-              onChange: (e) => {
-              },
-              readOnly: true
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute", style: { right: "10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CalendarIcon, {}) })
-        ]
-      }
-    ),
-    visible && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      "dialog",
-      {
-        ref: modalRef,
-        onClick: (e) => {
-          var _a;
-          const element = e.target;
-          if ((element == null ? void 0 : element.id) == "my-calendar-modal-item") {
-            (_a = modalRef.current) == null ? void 0 : _a.close();
-          }
-        },
-        id: "my-calendar-modal-item",
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          import_react_calendar.default,
-          {
-            onChange: (e) => {
-              handleChange(e);
-            },
-            value: selectedDate,
-            tileDisabled: isDateDisabled
-          }
-        )
-      }
-    )
-  ] });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -44505,7 +44389,6 @@ function MyCalendar({
   Form,
   Input,
   Modal,
-  MyCalendar,
   Pre,
   Select,
   Table,

package/dist/index.mjs

@@ -11366,7 +11366,7 @@ function FilterMenu({
       "div",
       {
         className: "absolute bg-white border rounded min-w-[200px] ",
-        style: { zIndex: 9999999 },
+        style: { zIndex: 99999999999 },
         children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-start text-black", children: [
           /* @__PURE__ */ jsxs8(
             "div",
@@ -11409,7 +11409,6 @@ function FilterMenu({
                       md[h].exclude = true;
                     }
                   }
-                  console.log(hasText, md);
                   return md;
                 });
                 setMapedData(changed);
@@ -43319,7 +43318,7 @@ function HTable(_a) {
     totals,
     exportName,
     onSave,
-    maxItems = 0,
+    maxItems = Infinity,
     loader = "Loading..."
   } = _b, props = __objRest(_b, [
     "data",
@@ -43397,7 +43396,7 @@ function HTable(_a) {
     })).map((d) => Object.assign({}, ...d)) : {};
   }, [mapedData]);
   return /* @__PURE__ */ jsxs10(Fragment5, { children: [
-    maxItems && /* @__PURE__ */ jsx12(
+    maxItems !== Infinity && /* @__PURE__ */ jsx12(
       Pagination,
       {
         totalPages,
@@ -43550,12 +43549,6 @@ function Table(_a) {
     "div",
     {
       className: "bg-gray-200 border rounded shadow p-1",
-      style: {
-        minHeight: "500px",
-        overflowY: "auto",
-        contentVisibility: "auto",
-        containIntrinsicSize: "500px"
-      },
       children: Array.isArray(props.data) ? /* @__PURE__ */ jsx13(HTable, __spreadValues({}, props)) : /* @__PURE__ */ jsx13("div", { className: " p-5 border rounded shadow bg-yellw-500", children: "No es un array" })
     }
   );
@@ -44379,114 +44372,6 @@ function useExcel() {
   }
   return { import: importFile, export: exportFile };
 }
-
-// src/calendar/index.tsx
-import { useEffect as useEffect9, useRef as useRef7, useState as useState10 } from "react";
-import Calendar from "react-calendar";
-
-// src/calendar/calendar.icon.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-function CalendarIcon() {
-  return /* @__PURE__ */ jsx21(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 448 512",
-      height: "20px",
-      width: "20px",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx21("path", { d: "M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z" })
-    }
-  );
-}
-
-// src/calendar/index.tsx
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
-function MyCalendar({
-  enabledDates,
-  onChange,
-  defaultValue = "",
-  className = ""
-}) {
-  const modalRef = useRef7(null);
-  const [date, setDate] = useState10(defaultValue);
-  const [selectedDate, setSelectedDate] = useState10(/* @__PURE__ */ new Date());
-  const [visible, setVisible] = useState10(false);
-  const isDateDisabled = ({ date: date2, view }) => {
-    if (view === "month") {
-      return !enabledDates.some(
-        (enabledDate) => date2.getFullYear() === enabledDate.getFullYear() && date2.getMonth() === enabledDate.getMonth() && date2.getDate() === enabledDate.getDate()
-      );
-    }
-    return false;
-  };
-  function handleChange(e) {
-    var _a, _b;
-    setSelectedDate(e);
-    const date2 = new Date(e);
-    const formattedDate = date2.toISOString().split("T")[0];
-    setDate(formattedDate);
-    onChange(e);
-    (_b = (_a = modalRef == null ? void 0 : modalRef.current) == null ? void 0 : _a.close) == null ? void 0 : _b.call(_a);
-  }
-  useEffect9(() => {
-    setVisible(typeof window != "undefined");
-  }, [typeof window]);
-  return /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs14(
-      "div",
-      {
-        onClick: (e) => {
-          var _a, _b;
-          return (_b = (_a = modalRef == null ? void 0 : modalRef.current) == null ? void 0 : _a.showModal) == null ? void 0 : _b.call(_a);
-        },
-        className: "cursor-pointer flex items-center justify-center",
-        children: [
-          /* @__PURE__ */ jsx22(
-            "input",
-            {
-              className: [
-                "p-2 w-full rounded border shadow cursor-pointer",
-                className
-              ].join(" "),
-              value: date,
-              onChange: (e) => {
-              },
-              readOnly: true
-            }
-          ),
-          /* @__PURE__ */ jsx22("div", { className: "absolute", style: { right: "10px" }, children: /* @__PURE__ */ jsx22(CalendarIcon, {}) })
-        ]
-      }
-    ),
-    visible && /* @__PURE__ */ jsx22(
-      "dialog",
-      {
-        ref: modalRef,
-        onClick: (e) => {
-          var _a;
-          const element = e.target;
-          if ((element == null ? void 0 : element.id) == "my-calendar-modal-item") {
-            (_a = modalRef.current) == null ? void 0 : _a.close();
-          }
-        },
-        id: "my-calendar-modal-item",
-        children: /* @__PURE__ */ jsx22(
-          Calendar,
-          {
-            onChange: (e) => {
-              handleChange(e);
-            },
-            value: selectedDate,
-            tileDisabled: isDateDisabled
-          }
-        )
-      }
-    )
-  ] });
-}
 export {
   Alert,
   Button,
@@ -44494,7 +44379,6 @@ export {
   Form,
   Input,
   Modal,
-  MyCalendar,
   pre_default as Pre,
   Select,
   Table,

package/package.json

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

package/src/index.tsx

@@ -12,4 +12,4 @@ export { default as Modal } from "./modal";
 export { default as Pre } from "./pre";
 export { default as useDates } from "./use-dates";
 export { default as useExcel } from "./use-excel";
-export { default as MyCalendar } from "./calendar";
+// export { default as MyCalendar } from "./calendar";

package/src/table/filter.menu.tsx

@@ -33,7 +33,7 @@ export default function FilterMenu({
       <>
         <div
           className="absolute bg-white border rounded min-w-[200px] "
-          style={{ zIndex: 9999999 }}
+          style={{ zIndex: 99999999999 }}
         >
           <div className="flex flex-col items-start text-black">
             <div
@@ -75,7 +75,7 @@ export default function FilterMenu({
                         md[h].exclude = true;
                       }
                     }
-                    console.log(hasText, md);
+
                     return md;
                   });
                   setMapedData(changed);

package/src/table/h.tsx

@@ -1,15 +1,7 @@
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { TableProps } from ".";
 import TD from "./td";
-import {
-  ExcelIcon,
-  FilterOffIcon,
-  SaveIcon,
-  MdFirstPage,
-  MdLastPage,
-  MdNavigateBefore,
-  MdNavigateNext,
-} from "./filters";
+import { ExcelIcon, FilterOffIcon, SaveIcon } from "./filters";
 import FilterMenu from "./filter.menu";
 import useExportdata from "./export";
 import Pagination from "./pagination";
@@ -20,7 +12,7 @@ export default function HTable({
   totals,
   exportName,
   onSave,
-  maxItems = 0,
+  maxItems = Infinity,
   loader = "Loading...",
   ...props
 }: TableProps) {
@@ -109,7 +101,7 @@ export default function HTable({
 
   return (
     <>
-      {maxItems && (
+      {maxItems !== Infinity && (
         <Pagination
           totalPages={totalPages}
           page={page}

package/src/table/index.tsx

@@ -23,12 +23,11 @@ export default function Table({ ...props }: TableProps) {
   return (
     <div
       className="bg-gray-200 border rounded shadow p-1"
-      style={{
-        minHeight: "500px",
-        overflowY: "auto",
-        contentVisibility: "auto",
-        containIntrinsicSize: "500px",
-      }}
+      // style={{
+      //   overflowY: "auto",
+      //   contentVisibility: "auto",
+      //   containIntrinsicSize: "500px",
+      // }}
     >
       {Array.isArray(props.data) ? (
         <HTable {...props} />