@motor-hero/ui-kit 0.49.0 → 0.50.0

package/dist/index.js

@@ -1984,6 +1984,7 @@ function PageHeader({ title, description, action, className }) {
 }
 
 // src/components/pagination.tsx
+import { useId as useId2, useState as useState11 } from "react";
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var navButtonClass2 = "inline-flex h-8 max-sm:h-10 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50";
 function Pagination({
@@ -1992,6 +1993,7 @@ function Pagination({
   hasNextPage,
   hasPreviousPage,
   totalPages,
+  showPageJump = false,
   showPageSizeSelector = false,
   pageSize,
   onPageSizeChange,
@@ -2027,7 +2029,7 @@ function Pagination({
               children: "Anterior"
             }
           ),
-          /* @__PURE__ */ jsxs19("span", { className: "text-sm text-muted-foreground", children: [
+          showPageJump && totalPages !== void 0 ? /* @__PURE__ */ jsx23(PageJumpInput, { page, totalPages, onPageChange }) : /* @__PURE__ */ jsxs19("span", { className: "text-sm text-muted-foreground", children: [
             "P\xE1gina ",
             page,
             totalPages ? ` de ${totalPages}` : ""
@@ -2047,6 +2049,50 @@ function Pagination({
     }
   );
 }
+function PageJumpInput({ page, totalPages, onPageChange }) {
+  const inputId = useId2();
+  const [draft, setDraft] = useState11(null);
+  const [prevPage, setPrevPage] = useState11(page);
+  if (page !== prevPage) {
+    setPrevPage(page);
+    setDraft(null);
+  }
+  const commit = () => {
+    if (draft === null) return;
+    setDraft(null);
+    if (draft === "") return;
+    const target = Math.max(1, Math.min(Number(draft), totalPages));
+    if (target !== page) onPageChange(target);
+  };
+  return /* @__PURE__ */ jsxs19("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsx23("label", { htmlFor: inputId, className: "max-sm:sr-only", children: "P\xE1gina" }),
+    /* @__PURE__ */ jsx23(
+      "input",
+      {
+        id: inputId,
+        type: "text",
+        inputMode: "numeric",
+        enterKeyHint: "go",
+        autoComplete: "off",
+        "aria-label": "Ir para a p\xE1gina",
+        value: draft ?? String(page),
+        onChange: (e) => setDraft(e.target.value.replace(/\D/g, "")),
+        onFocus: (e) => e.target.select(),
+        onBlur: commit,
+        onKeyDown: (e) => {
+          if (e.key === "Enter") commit();
+          else if (e.key === "Escape") setDraft(null);
+        },
+        style: { width: `${String(totalPages).length + 3}ch` },
+        className: "h-8 max-sm:h-10 rounded-md border border-input bg-background px-1.5 text-center text-xs font-medium tabular-nums text-foreground shadow-sm transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+      }
+    ),
+    /* @__PURE__ */ jsxs19("span", { children: [
+      "de ",
+      totalPages
+    ] })
+  ] });
+}
 
 // src/components/password-input.tsx
 import { Eye, EyeOff } from "lucide-react";
@@ -2169,7 +2215,7 @@ function ResponsiveDataView({
 // src/components/row-actions-menu.tsx
 import * as DropdownMenu3 from "@radix-ui/react-dropdown-menu";
 import { ChevronRight as ChevronRight3, MoreVertical } from "lucide-react";
-import { useState as useState12 } from "react";
+import { useState as useState13 } from "react";
 import { Drawer as DrawerPrimitive6 } from "vaul";
 import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var triggerClass = "inline-flex h-8 w-8 max-sm:h-10 max-sm:w-10 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50";
@@ -2183,7 +2229,7 @@ function RowActionsMenu({
   renderLink = defaultRenderLink
 }) {
   const isDesktop = useIsDesktop();
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState13(false);
   if (actions.length === 0) return null;
   const trigger = /* @__PURE__ */ jsx27(
     "button",
@@ -2527,14 +2573,14 @@ function Toaster(props) {
 import { RefreshCw } from "lucide-react";
 
 // src/hooks/use-version-check.ts
-import { useCallback as useCallback3, useEffect as useEffect7, useState as useState13 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect7, useState as useState14 } from "react";
 function useVersionCheck({
   currentBuild,
   url = "/version.json",
   intervalMs = 6e4
 }) {
-  const [latestBuild, setLatestBuild] = useState13(null);
-  const [staleChecks, setStaleChecks] = useState13(0);
+  const [latestBuild, setLatestBuild] = useState14(null);
+  const [staleChecks, setStaleChecks] = useState14(0);
   useEffect7(() => {
     if (!currentBuild) return;
     let cancelled = false;
@@ -2612,7 +2658,7 @@ function UpdateBanner({
 }
 
 // src/hooks/use-company-subdomain.ts
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 var ALWAYS_RESERVED = ["www", "localhost"];
 function getSubdomain(hostname, reservedSubdomains = []) {
   const labels = hostname.split(".");
@@ -2645,7 +2691,7 @@ function useCompanySubdomain(opts = {}) {
     overrideStorageKey = "company-subdomain",
     reservedSubdomains = []
   } = opts;
-  const [subdomain] = useState14(() => {
+  const [subdomain] = useState15(() => {
     if (enableOverride) {
       const override = resolveOverride(overrideStorageKey);
       if (override) return override;
@@ -2657,9 +2703,9 @@ function useCompanySubdomain(opts = {}) {
 }
 
 // src/hooks/use-disclosure.ts
-import { useCallback as useCallback4, useState as useState15 } from "react";
+import { useCallback as useCallback4, useState as useState16 } from "react";
 function useDisclosure(initial = false) {
-  const [open, setOpen] = useState15(initial);
+  const [open, setOpen] = useState16(initial);
   const onOpen = useCallback4(() => setOpen(true), []);
   const onClose = useCallback4(() => setOpen(false), []);
   const onToggle = useCallback4(() => setOpen((v) => !v), []);