@etus/ui 0.4.0-beta.17 → 0.4.0-beta.19

package/dist/{chunk-P27ERD6W.js → chunk-IKLFWGFS.js}

@@ -1,16 +1,16 @@
-import { FilterBuilder, isFilterGroup, isFilterCondition } from './chunk-3W7FXRO5.js';
-import { Table, TableRow, TableHeader, TableHead, TableBody, TableCell, TableFooter } from './chunk-5SUD32RK.js';
-import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuSeparator, ContextMenuItem } from './chunk-4Y72SPNL.js';
-import { SkeletonLoader } from './chunk-QHKOBGLW.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuItem } from './chunk-OXDWUKGP.js';
+import { FilterBuilder, isFilterGroup, isFilterCondition } from './chunk-SKI25Q7O.js';
+import { Table, TableRow, TableHeader, TableHead, TableBody, TableCell, TableFooter } from './chunk-NHUUSXBL.js';
+import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuSeparator, ContextMenuItem } from './chunk-ZVSMLMMS.js';
+import { SkeletonLoader } from './chunk-NGX3ITG4.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuItem } from './chunk-6G5QK3SU.js';
 import { useMediaQuery } from './chunk-Y555RCRZ.js';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WBE6VQOO.js';
-import { Checkbox } from './chunk-XETKCF73.js';
-import { TextInput } from './chunk-PWCMCMDN.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-AFCSDND5.js';
-import { Button } from './chunk-7TF5PVEU.js';
-import { Badge } from './chunk-4GVOOXYD.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-5W3T767A.js';
+import { Checkbox } from './chunk-JXEIRIU4.js';
+import { TextInput } from './chunk-K4UCALQQ.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-EQ4YAADN.js';
+import { Button } from './chunk-L4OQ6BJ5.js';
+import { Badge } from './chunk-HNQX6ZG7.js';
+import { cn, isInteractiveTarget } from './chunk-RVAYDRMA.js';
 import * as React14 from 'react';
 import { cva } from 'class-variance-authority';
 import { useReactTable, getFacetedUniqueValues, getFacetedRowModel, getExpandedRowModel, getPaginationRowModel, getGroupedRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
@@ -21,6 +21,25 @@ import { arrayMove, SortableContext, horizontalListSortingStrategy, useSortable
 import { CSS } from '@dnd-kit/utilities';
 import { useVirtualizer } from '@tanstack/react-virtual';
 
+// src/components/data-display/DataTable/DataTable.types.ts
+function isEditableColumnMeta(meta) {
+  return meta !== null && typeof meta === "object" && "editable" in meta;
+}
+function isSpanColumnMeta(meta) {
+  return meta !== null && typeof meta === "object" && ("colSpan" in meta || "rowSpan" in meta);
+}
+var dataTableDefaultLocalization = {
+  selectedCount: (count) => count === 1 ? "1 selecionada" : `${String(count)} selecionadas`,
+  selectedOfTotal: (selected, total) => `${String(selected)} de ${String(total)} ${total === 1 ? "linha selecionada" : "linhas selecionadas"}.`,
+  rowsPerPage: "Linhas por p\xE1gina",
+  pageOf: (page, pageCount) => `P\xE1gina ${String(page)} de ${String(pageCount)}`,
+  rowCount: (count) => count === 1 ? "1 linha" : `${String(count)} linhas`,
+  filteredRowCount: (filtered, total) => `${String(filtered)} de ${String(total)} linhas`,
+  firstPage: "Primeira p\xE1gina",
+  previousPage: "P\xE1gina anterior",
+  nextPage: "Pr\xF3xima p\xE1gina",
+  lastPage: "\xDAltima p\xE1gina"
+};
 var dataTableVariants = cva(
   // Base styles (always applied)
   "space-y-4",
@@ -98,14 +117,6 @@ var dataTableResizeHandleVariants = cva(
     }
   }
 );
-
-// src/components/data-display/DataTable/DataTable.types.ts
-function isEditableColumnMeta(meta) {
-  return meta !== null && typeof meta === "object" && "editable" in meta;
-}
-function isSpanColumnMeta(meta) {
-  return meta !== null && typeof meta === "object" && ("colSpan" in meta || "rowSpan" in meta);
-}
 function highlightText(text, query) {
   if (!query || !text) return text;
   const escapedQuery = query.replaceAll(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -443,7 +454,8 @@ function DataTableBodyInner({
                         typeof rowClassName === "function" ? rowClassName(subRow) : rowClassName
                       ),
                       "data-state": subRow.getIsSelected() ? "selected" : void 0,
-                      onClick: onRowClick ? () => {
+                      onClick: onRowClick ? (e) => {
+                        if (isInteractiveTarget(e.target, e.currentTarget)) return;
                         onRowClick(subRow.original);
                       } : void 0,
                       children: subRow.getVisibleCells().map((cell, colIndex) => /* @__PURE__ */ jsx(
@@ -516,7 +528,8 @@ function DataTableBodyInner({
                 "data-row-id": enableRowAnimation ? row.id : void 0,
                 "data-state": row.getIsSelected() ? "selected" : void 0,
                 style: virtualRowStyle,
-                onClick: onRowClick ? () => {
+                onClick: onRowClick ? (e) => {
+                  if (isInteractiveTarget(e.target, e.currentTarget)) return;
                   onRowClick(row.original);
                 } : void 0,
                 ...enableRowReordering ? dragHandleProps?.(row.index) : void 0,
@@ -618,6 +631,7 @@ function DataTableBodyInner({
 var DataTableBody = DataTableBodyInner;
 function DataTableBulkActionsInner({
   actions,
+  localization,
   table
 }) {
   const selectedRows = table.getFilteredSelectedRowModel().flatRows;
@@ -629,10 +643,7 @@ function DataTableBulkActionsInner({
       className: "flex items-center gap-2 rounded-lg border bg-muted/50 px-4 py-2",
       "data-slot": "data-table-bulk-actions",
       children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
-          selectedRows.length,
-          " selected"
-        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: localization.selectedCount(selectedRows.length) }),
         /* @__PURE__ */ jsx("div", { className: "ml-2 flex items-center gap-2", children: actions.map((action) => /* @__PURE__ */ jsxs(
           Button,
           {
@@ -685,10 +696,12 @@ function DataTableCardViewInner({
         ),
         role: onRowClick ? "button" : void 0,
         tabIndex: onRowClick ? 0 : void 0,
-        onClick: onRowClick ? () => {
+        onClick: onRowClick ? (e) => {
+          if (isInteractiveTarget(e.target, e.currentTarget)) return;
           onRowClick(row.original);
         } : void 0,
         onKeyDown: onRowClick ? (e) => {
+          if (isInteractiveTarget(e.target, e.currentTarget)) return;
           if (e.key === "Enter" || e.key === " ") {
             e.preventDefault();
             onRowClick(row.original);
@@ -1834,6 +1847,7 @@ function DataTableHeaderCell({
 var DataTableHeader = DataTableHeaderInner;
 function DataTablePaginationInner({
   enableRowSelection,
+  localization,
   onPaginationChange,
   pageSizeOptions,
   pagination,
@@ -1846,16 +1860,13 @@ function DataTablePaginationInner({
       className: "flex w-full flex-col gap-4 px-[var(--datatable-pagination-padding-x)] py-4 sm:flex-row sm:items-center sm:justify-between",
       "data-slot": "data-table-pagination",
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1 text-[color:var(--datatable-pagination-info-color)] text-[length:var(--datatable-pagination-info-size)]", children: enableRowSelection && table.getFilteredSelectedRowModel().rows.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 text-[color:var(--datatable-pagination-info-color)] text-[length:var(--datatable-pagination-info-size)]", children: enableRowSelection && table.getFilteredSelectedRowModel().rows.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: localization.selectedOfTotal(
           table.getFilteredSelectedRowModel().rows.length,
-          " of",
-          " ",
-          table.getFilteredRowModel().rows.length,
-          " row(s) selected."
-        ] }) : /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "\xA0" }) }),
+          table.getFilteredRowModel().rows.length
+        ) }) : /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "\xA0" }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between sm:justify-end gap-x-6 gap-y-4 lg:gap-8", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-[color:var(--datatable-pagination-info-color)] text-[length:var(--datatable-pagination-info-size)] font-medium", children: "Rows per page" }),
+            /* @__PURE__ */ jsx("p", { className: "text-[color:var(--datatable-pagination-info-color)] text-[length:var(--datatable-pagination-info-size)] font-medium", children: localization.rowsPerPage }),
             /* @__PURE__ */ jsxs(
               Select,
               {
@@ -1875,24 +1886,19 @@ function DataTablePaginationInner({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Rows per page", className: "h-8 w-20 bg-background", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: String(pagination.pageSize) }) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": localization.rowsPerPage, className: "h-8 w-20 bg-background", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: String(pagination.pageSize) }) }),
                   /* @__PURE__ */ jsx(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx(SelectItem, { value: String(size), children: size }, size)) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 lg:gap-8", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex w-24 items-center justify-center text-[color:var(--datatable-pagination-info-color)] text-[length:var(--datatable-pagination-info-size)] font-medium", children: [
-              "Page ",
-              pagination.pageIndex + 1,
-              " of ",
-              table.getPageCount() || 1
-            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex w-24 items-center justify-center text-[color:var(--datatable-pagination-info-color)] text-[length:var(--datatable-pagination-info-size)] font-medium", children: localization.pageOf(pagination.pageIndex + 1, table.getPageCount() || 1) }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ jsx(
                 Button,
                 {
-                  "aria-label": "Go to first page",
+                  "aria-label": localization.firstPage,
                   className: "hidden sm:flex",
                   disabled: !table.getCanPreviousPage(),
                   size: "icon-sm",
@@ -1906,7 +1912,7 @@ function DataTablePaginationInner({
               /* @__PURE__ */ jsx(
                 Button,
                 {
-                  "aria-label": "Go to previous page",
+                  "aria-label": localization.previousPage,
                   disabled: !table.getCanPreviousPage(),
                   size: "icon-sm",
                   variant: "outline",
@@ -1919,7 +1925,7 @@ function DataTablePaginationInner({
               /* @__PURE__ */ jsx(
                 Button,
                 {
-                  "aria-label": "Go to next page",
+                  "aria-label": localization.nextPage,
                   disabled: !table.getCanNextPage(),
                   size: "icon-sm",
                   variant: "outline",
@@ -1932,7 +1938,7 @@ function DataTablePaginationInner({
               /* @__PURE__ */ jsx(
                 Button,
                 {
-                  "aria-label": "Go to last page",
+                  "aria-label": localization.lastPage,
                   className: "hidden sm:flex",
                   disabled: !table.getCanNextPage(),
                   size: "icon-sm",
@@ -2051,6 +2057,7 @@ var DataTableSidePanel = DataTableSidePanelInner;
 function DataTableStatusBarInner({
   enableRowSelection,
   items,
+  localization,
   table
 }) {
   const totalRows = table.getCoreRowModel().rows.length;
@@ -2063,11 +2070,8 @@ function DataTableStatusBarInner({
       className: "flex items-center gap-4 border-t px-4 py-2 text-xs text-muted-foreground",
       "data-slot": "data-table-status-bar",
       children: [
-        /* @__PURE__ */ jsx("span", { children: isFiltered ? `${String(filteredRows)} of ${String(totalRows)} rows` : `${String(totalRows)} rows` }),
-        enableRowSelection && selectedRows > 0 && /* @__PURE__ */ jsxs("span", { children: [
-          selectedRows,
-          " selected"
-        ] }),
+        /* @__PURE__ */ jsx("span", { children: isFiltered ? localization.filteredRowCount(filteredRows, totalRows) : localization.rowCount(totalRows) }),
+        enableRowSelection && selectedRows > 0 && /* @__PURE__ */ jsx("span", { children: localization.selectedCount(selectedRows) }),
         items?.map((item) => /* @__PURE__ */ jsxs("span", { children: [
           item.label,
           ": ",
@@ -3974,6 +3978,7 @@ function DataTable(props) {
     onLoadMore,
     onPaginationChange,
     onPaste,
+    localization,
     onRowClick,
     onRowEdit,
     onRowEditCancel,
@@ -4020,6 +4025,10 @@ function DataTable(props) {
   const containerRef = React14.useRef(null);
   const isBelowBreakpoint = useMediaQuery(`(max-width: ${String(responsiveBreakpoint)}px)`);
   const showCardView = enableResponsive && isBelowBreakpoint;
+  const l10n = React14.useMemo(
+    () => ({ ...dataTableDefaultLocalization, ...localization }),
+    [localization]
+  );
   const selectionColumn = React14.useMemo(() => {
     if (!enableRowSelection) return null;
     return {
@@ -4031,6 +4040,9 @@ function DataTable(props) {
           "aria-label": "Select all",
           onCheckedChange: (value) => {
             table2.toggleAllPageRowsSelected(!!value);
+          },
+          onClick: (e) => {
+            e.stopPropagation();
           }
         }
       ),
@@ -4041,6 +4053,9 @@ function DataTable(props) {
           checked: row.getIsSelected(),
           onCheckedChange: (value) => {
             row.toggleSelected(!!value);
+          },
+          onClick: (e) => {
+            e.stopPropagation();
           }
         }
       ),
@@ -4256,6 +4271,7 @@ function DataTable(props) {
           DataTableBulkActions,
           {
             actions: bulkActions,
+            localization: l10n,
             table
           }
         ) }),
@@ -4385,6 +4401,7 @@ function DataTable(props) {
           DataTablePagination,
           {
             enableRowSelection,
+            localization: l10n,
             pageSizeOptions,
             pagination,
             setInternalPagination,
@@ -4397,6 +4414,7 @@ function DataTable(props) {
           {
             enableRowSelection,
             items: statusBarItems,
+            localization: l10n,
             table
           }
         ) }),
@@ -4501,5 +4519,5 @@ function DataTableDateCell({
 }
 
 export { DataTable, DataTableBooleanCell, DataTableCurrencyCell, DataTableDateCell, DataTableProgressCell, DataTableRatingCell, downloadFile, exportToCSV, exportToExcel, exportToPDF, tableToCSV };
-//# sourceMappingURL=chunk-P27ERD6W.js.map
-//# sourceMappingURL=chunk-P27ERD6W.js.map
+//# sourceMappingURL=chunk-IKLFWGFS.js.map
+//# sourceMappingURL=chunk-IKLFWGFS.js.map