@fayz-ai/admin 0.65.6 → 0.67.0

package/dist/{chunk-7WNLL3F6.js → chunk-RLZCH4NU.js}

@@ -18,8 +18,8 @@ import { payeeAccountFields, usePluginRuntimeOptional, useActiveUnitId, unitDisa
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useAuthStore } from '@fayz-ai/auth';
 import { create } from 'zustand';
-import { Loader2, MapPin, Package, Pencil, Building2, Trash2, Upload, Search, ArrowDown, ArrowUp, ArrowUpDown, Check, Download, ChevronLeft, ChevronRight, AlertTriangle, X, Users, Plus, ExternalLink, Sparkles, Edit, Camera, ChevronDown, Inbox, Copy, Eye, Star, Landmark, User, ImagePlus, Clock, FileText, CalendarDays, BarChart3, Tag, Truck, ShieldCheck, UserMinus, Mail, UserX, KeyRound, Globe2, Heart, Briefcase, Settings2 } from 'lucide-react';
-import { ModalTask, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Button, Checkbox, Card, getLucideIcon, Badge, useRowSelection, ListFilterBar, Dropdown, DropdownTrigger, Hint, cn, DropdownContent, DropdownLabel, DropdownItem, DropdownSeparator, RefreshButton, PageHeaderActions, PageTabs, StatTiles, BulkActionBar, DataTable, toast, usePageTrailParent, navigateToCrumb, PageHeader, ConfirmDialog, Markdown, PhoneLink, Switch, Skeleton, useSaveBar, Tabs, TabsContent, CardContent, useBackHandler, SubpageHeader, Modal, ModalPortal, ModalOverlay, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, Avatar, AvatarImage, AvatarFallback, PersonAvatar, RowActions, TabsList, TabsTrigger, ICON_MAP, ViewTabs, CurrencyInput, MarkdownEditor, Textarea, PhoneField, SearchSelect } from '@fayz-ai/ui';
+import { Loader2, MapPin, Package, Pencil, Building2, Trash2, Upload, Search, ArrowDown, ArrowUp, ArrowUpDown, Check, Download, AlertTriangle, X, Users, Plus, ExternalLink, Sparkles, Edit, Camera, ChevronLeft, ChevronRight, ChevronDown, Inbox, Copy, Eye, Star, Landmark, User, ImagePlus, Clock, FileText, CalendarDays, BarChart3, Tag, Truck, ShieldCheck, UserMinus, Mail, UserX, KeyRound, Globe2, Heart, Briefcase, Settings2 } from 'lucide-react';
+import { ModalTask, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Button, Checkbox, Card, getLucideIcon, Badge, useRowSelection, ListFilterBar, Dropdown, DropdownTrigger, Hint, cn, DropdownContent, DropdownLabel, DropdownItem, DropdownSeparator, RefreshButton, Pagination, PageHeaderActions, PageTabs, StatTiles, BulkActionBar, DataTable, usePageSize, toast, usePageTrailParent, navigateToCrumb, PageHeader, ConfirmDialog, Markdown, PhoneLink, Switch, Skeleton, useSaveBar, Tabs, TabsContent, CardContent, useBackHandler, SubpageHeader, Modal, ModalPortal, ModalOverlay, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, Avatar, AvatarImage, AvatarFallback, PersonAvatar, RowActions, TabsList, TabsTrigger, ICON_MAP, ViewTabs, CurrencyInput, MarkdownEditor, Textarea, PhoneField, SearchSelect } from '@fayz-ai/ui';
 
 function useSystemPermission() {
   const currentProfile = usePermissionsStore((s) => s.currentProfile);
@@ -2894,6 +2894,7 @@ function CrudListView({
   totalIsEstimate,
   page = 1,
   pageSize = 50,
+  onPageSizeChange,
   onPageChange,
   display = "table",
   search,
@@ -3159,51 +3160,20 @@ function CrudListView({
   ] }) : null;
   const rows = items?.length ?? 0;
   const totalItems = total > 0 ? total : rows;
-  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
   const podeHaverMais = rows >= pageSize;
-  const temProxima = page < totalPages || podeHaverMais;
-  const from = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
-  const to = Math.min(page * pageSize, totalItems);
-  const pagerBtn = "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40";
-  const tableFooter = !isInitialLoad && !isEmpty ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("crud.list.rangeCount", {
-      from: from.toLocaleString(),
-      to: to.toLocaleString(),
-      // "~3.545" e não "3.545": o número é a estimativa do planejador, e
-      // apresentá-lo como contagem seria inventar precisão que não existe.
-      total: `${totalIsEstimate ? "~" : ""}${totalItems.toLocaleString()}`,
-      entities: (namePlural ?? t("crud.list.records")).toLowerCase()
-    }) }),
-    onPageChange && (totalPages > 1 || podeHaverMais || page > 1) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "bare",
-          size: "bare",
-          type: "button",
-          "aria-label": t("crud.list.prevPage"),
-          className: pagerBtn,
-          disabled: page <= 1,
-          onClick: () => onPageChange(page - 1),
-          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "px-1 text-xs tabular-nums text-muted-foreground", children: totalIsEstimate ? t("crud.list.pageN", { page: page.toLocaleString() }) : t("crud.list.pageOf", { page: page.toLocaleString(), pages: totalPages.toLocaleString() }) }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "bare",
-          size: "bare",
-          type: "button",
-          "aria-label": t("crud.list.nextPage"),
-          className: pagerBtn,
-          disabled: !temProxima,
-          onClick: () => onPageChange(page + 1),
-          children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-        }
-      )
-    ] })
-  ] }) : null;
+  const tableFooter = !isInitialLoad && !isEmpty ? /* @__PURE__ */ jsx(
+    Pagination,
+    {
+      page,
+      pageSize,
+      total: totalItems,
+      onPageChange,
+      onPageSizeChange,
+      noun: (namePlural ?? t("crud.list.records")).toLowerCase(),
+      totalIsEstimate: totalIsEstimate || total <= 0,
+      hasMore: podeHaverMais && (totalIsEstimate || total <= 0)
+    }
+  ) : null;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     actions && (embedded ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-end gap-3", children: actions }) : /* @__PURE__ */ jsx(PageHeaderActions, { children: actions })),
     headerTabs && // The same band a module's sub-nav draws, closed by the hairline that
@@ -3620,6 +3590,7 @@ function CrudPage({ entityDef: rawEntityDef, useStore: useStore2, basePath, disp
   const [activeFilters, setActiveFilters] = useState(initialFilters);
   const activeFiltersRef = useRef(initialFilters());
   const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = usePageSize(`crud.${entityDef.name}`, PAGE_SIZE);
   const pluralKey = entityDef.namePluralKey ?? entityDef.nameKey;
   const namePlural = pluralKey ? t(pluralKey) : t("crud.list.records");
   const navLabel = pluralKey ? t(pluralKey) : entityDef.namePlural ?? entityDef.name;
@@ -3653,6 +3624,11 @@ function CrudPage({ entityDef: rawEntityDef, useStore: useStore2, basePath, disp
     setPage(next);
     store.setQuery({ page: next });
   }, [store]);
+  const handlePageSizeChange = useCallback((next) => {
+    setPageSize(next);
+    setPage(1);
+    store.setQuery({ page: 1, pageSize: next });
+  }, [store, setPageSize]);
   const [sort, setSort] = useState({
     by: entityDef.defaultSort,
     dir: entityDef.defaultSortDir ?? "asc"
@@ -3715,7 +3691,7 @@ function CrudPage({ entityDef: rawEntityDef, useStore: useStore2, basePath, disp
   const currentOrgId = useOrganizationStore((s) => s.currentOrg?.id);
   const guardImport = useLimitGuard(entityDef.limitKey ?? "");
   useEffect(() => {
-    if (currentOrgId) store.setQuery({ page: 1, pageSize: PAGE_SIZE, filters: activeFiltersRef.current });
+    if (currentOrgId) store.setQuery({ page: 1, pageSize, filters: activeFiltersRef.current });
   }, [currentOrgId]);
   const detailId = sub.startsWith("/") && sub.length > 1 && !sub.endsWith("/edit") && sub !== "/new" ? sub.slice(1).split("/")[0] : null;
   useEffect(() => {
@@ -3926,8 +3902,9 @@ function CrudPage({ entityDef: rawEntityDef, useStore: useStore2, basePath, disp
           total: store.total,
           totalIsEstimate: store.totalIsEstimate,
           page,
-          pageSize: PAGE_SIZE,
+          pageSize,
           onPageChange: handlePageChange,
+          onPageSizeChange: handlePageSizeChange,
           display,
           emptyHint,
           search: searchInput,
@@ -7885,5 +7862,5 @@ function CrudRecordModal({
 }
 
 export { AddressFormModal, CrudCardGrid, CrudDetailPage, CrudDetailSkeleton, CrudFormPage, CrudFormSkeleton, CrudListView, CrudPage, CrudRecordModal, EntitlementGate, EntityLink, InlineEditor, InlineField, LimitGate, PermissionGate, RecordMetaFooter, RelatedListTab, TagChip, TagsField, UnitMembersTab, WidgetSlot, applyFieldRules, createCrudPage, createCrudStore, duplicateWrite, exportToCSV, fetchMyPersonRecord, findMyPersonCandidate, formatFieldValue, getCrudNavTabs, getPersonPath, getTabCountProviders, humanizeWriteError, invalidateRelationOptions, invalidateTabCounts, linkPersonToLogin, registerCrudNavTabs, registerEntityPath, registerTabCountProvider, unregisterTabCountProvider, useFieldRules, useHeaderAction, useHeaderActions, useInviteStore, useModuleAccess, useMyPersonId, usePersonTabCounts, useSystemPermission, useUnitFilter, useUnitSwitchingStore, useWidgetSurface };
-//# sourceMappingURL=chunk-7WNLL3F6.js.map
-//# sourceMappingURL=chunk-7WNLL3F6.js.map
+//# sourceMappingURL=chunk-RLZCH4NU.js.map
+//# sourceMappingURL=chunk-RLZCH4NU.js.map