@rehagro/ui 1.0.16 → 1.0.18

package/dist/index.mjs

@@ -233,6 +233,54 @@ var CloseIcon = (props) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
   }
 );
+function CaretLeftIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10 12L6 8L10 4",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function CaretRightIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 4L10 8L6 12",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 var variantIconMap = {
   info: InfoIcon,
   warning: WarningIcon,
@@ -2720,6 +2768,159 @@ var Typography = forwardRef(function Typography2({ variant = "body", color = "de
     children
   );
 });
+function getVisiblePages(currentPage, totalPages, maxVisible) {
+  if (totalPages <= maxVisible) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const half = Math.floor(maxVisible / 2);
+  let start = currentPage - half;
+  let end = currentPage + half;
+  if (start < 1) {
+    start = 1;
+    end = maxVisible;
+  }
+  if (end > totalPages) {
+    end = totalPages;
+    start = totalPages - maxVisible + 1;
+  }
+  const pages = [];
+  if (start > 1) {
+    pages.push(1);
+    if (start > 2) {
+      pages.push("ellipsis-start");
+    }
+  }
+  for (let i = start; i <= end; i++) {
+    if (i >= 1 && i <= totalPages && !pages.includes(i)) {
+      pages.push(i);
+    }
+  }
+  if (end < totalPages) {
+    if (end < totalPages - 1) {
+      pages.push("ellipsis-end");
+    }
+    if (!pages.includes(totalPages)) {
+      pages.push(totalPages);
+    }
+  }
+  return pages;
+}
+var Pagination = forwardRef(function Pagination2({
+  currentPage,
+  totalPages,
+  onPageChange,
+  maxVisible = 5,
+  showArrows = true,
+  className = "",
+  disabled = false
+}, ref) {
+  const visiblePages = useMemo(
+    () => getVisiblePages(currentPage, totalPages, maxVisible),
+    [currentPage, totalPages, maxVisible]
+  );
+  const canGoPrev = currentPage > 1;
+  const canGoNext = currentPage < totalPages;
+  const handlePageClick = (page) => {
+    if (!disabled && page !== currentPage && page >= 1 && page <= totalPages) {
+      onPageChange(page);
+    }
+  };
+  const handlePrev = () => {
+    if (!disabled && canGoPrev) {
+      onPageChange(currentPage - 1);
+    }
+  };
+  const handleNext = () => {
+    if (!disabled && canGoNext) {
+      onPageChange(currentPage + 1);
+    }
+  };
+  if (totalPages <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref,
+      role: "navigation",
+      "aria-label": "Pagina\xE7\xE3o",
+      className: [
+        "rh-flex rh-flex-row rh-items-center rh-justify-end rh-gap-1",
+        disabled ? "rh-opacity-50 rh-pointer-events-none" : "",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        showArrows && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handlePrev,
+            disabled: !canGoPrev || disabled,
+            "aria-label": "P\xE1gina anterior",
+            className: [
+              "rh-w-8 rh-h-8 rh-rounded-full rh-flex rh-items-center rh-justify-center",
+              "rh-bg-transparent",
+              "rh-transition-colors rh-duration-150",
+              "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring",
+              canGoPrev && !disabled ? "rh-text-gray-700 hover:rh-bg-gray-100 rh-cursor-pointer" : "rh-text-gray-300 rh-cursor-not-allowed"
+            ].filter(Boolean).join(" "),
+            children: /* @__PURE__ */ jsx(CaretLeftIcon, { className: "rh-w-4 rh-h-4" })
+          }
+        ),
+        visiblePages.map((page, index) => {
+          if (page === "ellipsis-start" || page === "ellipsis-end") {
+            return /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "rh-w-8 rh-h-8 rh-flex rh-items-center rh-justify-center rh-text-gray-500 rh-font-display rh-text-xs rh-font-bold",
+                "aria-hidden": "true",
+                children: "..."
+              },
+              page
+            );
+          }
+          const isActive = page === currentPage;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handlePageClick(page),
+              disabled,
+              "aria-label": `P\xE1gina ${page}`,
+              "aria-current": isActive ? "page" : void 0,
+              className: [
+                "rh-w-8 rh-h-8 rh-rounded-full rh-flex rh-items-center rh-justify-center",
+                "rh-font-display rh-text-xs rh-font-bold rh-leading-5",
+                "rh-transition-colors rh-duration-150",
+                "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring focus-visible:rh-ring-offset-1",
+                isActive ? "rh-bg-primary rh-text-white" : "rh-bg-transparent rh-text-gray-700 hover:rh-bg-gray-100 rh-cursor-pointer"
+              ].filter(Boolean).join(" "),
+              children: page
+            },
+            page
+          );
+        }),
+        showArrows && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleNext,
+            disabled: !canGoNext || disabled,
+            "aria-label": "Pr\xF3xima p\xE1gina",
+            className: [
+              "rh-w-8 rh-h-8 rh-rounded-full rh-flex rh-items-center rh-justify-center",
+              "rh-bg-transparent",
+              "rh-transition-colors rh-duration-150",
+              "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring",
+              canGoNext && !disabled ? "rh-text-gray-700 hover:rh-bg-gray-100 rh-cursor-pointer" : "rh-text-gray-300 rh-cursor-not-allowed"
+            ].filter(Boolean).join(" "),
+            children: /* @__PURE__ */ jsx(CaretRightIcon, { className: "rh-w-4 rh-h-4" })
+          }
+        )
+      ]
+    }
+  );
+});
 var Container = forwardRef(
   function Container2({ fluid = false, className = "", children, ...rest }, ref) {
     return /* @__PURE__ */ jsx(
@@ -2889,6 +3090,6 @@ var GridItem = forwardRef(
   }
 );
 
-export { Avatar, Button, Card, CardContent, CardFooter, CardHeader, Checkbox, CloseIcon, Container, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, PlusIcon, ProgressBar, RehagroProvider, SearchIcon, Select, Spinner, SuccessIcon, Table, Tag, TagInput, TextInput, Toast, ToastContainer, ToastProvider, ToggleGroup, Tooltip, Typography, WarningIcon, useToast };
+export { Avatar, Button, Card, CardContent, CardFooter, CardHeader, CaretLeftIcon, CaretRightIcon, Checkbox, CloseIcon, Container, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, Pagination, PlusIcon, ProgressBar, RehagroProvider, SearchIcon, Select, Spinner, SuccessIcon, Table, Tag, TagInput, TextInput, Toast, ToastContainer, ToastProvider, ToggleGroup, Tooltip, Typography, WarningIcon, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map