@bigbinary/neeto-atoms 1.0.103 → 1.0.105

package/dist/{DataTable-CwWARMEv.js → DataTable-mxDU-16D.js}

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { useState, useCallback, useEffect, useMemo, useRef, useLayoutEffect } from 'react';
 import { TableRow, TableCell, Table, TableHeader, TableHead, TableBody } from './primitives/Table.js';
 import { c as cn } from './utils-BJnb9o5c.js';
+import { h as hyphenize } from './hyphenize-TRhMI0tl.js';
 import { useHistory, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { Checkbox } from './primitives/Checkbox.js';
@@ -3863,29 +3864,36 @@ const BulkSelectCallout = ({
     allRowsSelectedMessage,
     clearSelectionButtonLabel
   } = bulkSelectAllRowsProps;
-  return /* @__PURE__ */ jsx("div", { className: "mb-2 flex items-center justify-center gap-1 rounded-sm bg-primary/10 px-4 py-1.5 text-sm text-primary", children: isBulkAllSelected ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: allRowsSelectedMessage ?? selectAllRowMessage }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        "data-testid": "clear-selections-button",
-        variant: "link",
-        onClick: onClearBulkSelection,
-        children: clearSelectionButtonLabel ?? "Clear selection"
-      }
-    )
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: selectAllRowMessage }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        "data-testid": "select-all-rows-button",
-        variant: "link",
-        onClick: onBulkSelectAll,
-        children: selectAllRowButtonLabel
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": isBulkAllSelected ? "clear-selections-callout" : "select-all-rows-callout",
+      className: "mb-2 flex items-center justify-center gap-1 rounded-sm bg-primary/10 px-4 py-1.5 text-sm text-primary",
+      children: isBulkAllSelected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: allRowsSelectedMessage ?? selectAllRowMessage }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "data-testid": "clear-selections-button",
+            variant: "link",
+            onClick: onClearBulkSelection,
+            children: clearSelectionButtonLabel ?? "Clear selection"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: selectAllRowMessage }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "data-testid": "select-all-rows-button",
+            variant: "link",
+            onClick: onBulkSelectAll,
+            children: selectAllRowButtonLabel
+          }
+        )
+      ] })
+    }
+  );
 };
 
 const DataTablePagination = ({
@@ -4114,6 +4122,7 @@ const HeaderDescription = ({
             Info,
             {
               "aria-hidden": "true",
+              "data-testid": "column-info-icon",
               className: "size-4 text-muted-foreground"
             }
           )
@@ -4425,6 +4434,10 @@ const DataTable = ({
                       const columnIndexInData = dataHeaders.findIndex(
                         (dataHeader) => dataHeader.id === header.id
                       );
+                      const headerDef = header.column.columnDef.header;
+                      const headerTitleTestId = `${hyphenize(
+                        typeof headerDef === "string" ? headerDef : void 0
+                      )}-header-title`;
                       return /* @__PURE__ */ jsxs(
                         TableHead,
                         {
@@ -4451,37 +4464,44 @@ const DataTable = ({
                             header.isPlaceholder ? null : isSelectionCol ? flexRender(
                               header.column.columnDef.header,
                               header.getContext()
-                            ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-                              /* @__PURE__ */ jsxs("div", { className: "me-auto flex min-w-0 items-center", children: [
-                                /* @__PURE__ */ jsx("span", { className: "truncate", children: flexRender(
-                                  header.column.columnDef.header,
-                                  header.getContext()
-                                ) }),
-                                /* @__PURE__ */ jsx(HeaderDescription, { column: header.column })
-                              ] }),
-                              /* @__PURE__ */ jsx(SortIndicator, { column: header.column }),
-                              showHeaderMenu && !isSelectionCol && /* @__PURE__ */ jsx(
-                                HeaderCellMenu,
-                                {
-                                  column: header.column,
-                                  columnIndex: columnIndexInData,
-                                  enableAddColumn,
-                                  enableColumnFreeze,
-                                  isColumnPinned: isColumnPinned(
-                                    header.column.id
-                                  ),
-                                  canMoveLeft: headerIndex > (selectionColumn ? 1 : 0),
-                                  canMoveRight: headerIndex < headerGroup.headers.length - 1,
-                                  onSort: handleSort,
-                                  onHideColumn: onColumnHideProp ? hideColumn : void 0,
-                                  onTogglePin: toggleColumnPin,
-                                  onAddColumn: onColumnAdd,
-                                  onDeleteColumn: onColumnDelete,
-                                  onMoveColumn: onColumnUpdate ? (colId, dir) => moveColumn(colId, dir) : void 0,
-                                  onMoreActionClick
-                                }
-                              )
-                            ] }),
+                            ) : /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                "data-testid": headerTitleTestId,
+                                className: "flex items-center",
+                                children: [
+                                  /* @__PURE__ */ jsxs("div", { className: "me-auto flex min-w-0 items-center", children: [
+                                    /* @__PURE__ */ jsx("span", { className: "truncate", children: flexRender(
+                                      header.column.columnDef.header,
+                                      header.getContext()
+                                    ) }),
+                                    /* @__PURE__ */ jsx(HeaderDescription, { column: header.column })
+                                  ] }),
+                                  /* @__PURE__ */ jsx(SortIndicator, { column: header.column }),
+                                  showHeaderMenu && !isSelectionCol && /* @__PURE__ */ jsx(
+                                    HeaderCellMenu,
+                                    {
+                                      column: header.column,
+                                      columnIndex: columnIndexInData,
+                                      enableAddColumn,
+                                      enableColumnFreeze,
+                                      isColumnPinned: isColumnPinned(
+                                        header.column.id
+                                      ),
+                                      canMoveLeft: headerIndex > (selectionColumn ? 1 : 0),
+                                      canMoveRight: headerIndex < headerGroup.headers.length - 1,
+                                      onSort: handleSort,
+                                      onHideColumn: onColumnHideProp ? hideColumn : void 0,
+                                      onTogglePin: toggleColumnPin,
+                                      onAddColumn: onColumnAdd,
+                                      onDeleteColumn: onColumnDelete,
+                                      onMoveColumn: onColumnUpdate ? (colId, dir) => moveColumn(colId, dir) : void 0,
+                                      onMoreActionClick
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
                             enableColumnResize && /* @__PURE__ */ jsx(
                               ResizeHandle,
                               {
@@ -4563,4 +4583,4 @@ const DataTable = ({
 };
 
 export { DataTable as D, useColumnPinning as a, useColumnVisibility as b, useTablePagination as c, useTableSelection as d, useTableSort as e, useColumnOrdering as u };
-//# sourceMappingURL=DataTable-CwWARMEv.js.map
+//# sourceMappingURL=DataTable-mxDU-16D.js.map