@bigbinary/neeto-atoms 1.0.103 → 1.0.105

package/dist/cjs/{DataTable-ChgPVrRB.js → DataTable-OtA15NKE.js}

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var primitives_Table = require('./primitives/Table.js');
 var utils = require('./utils-BhM0B89p.js');
+var hyphenize = require('./hyphenize-BTrVNVv3.js');
 var reactRouterDom = require('react-router-dom');
 var reactI18next = require('react-i18next');
 var primitives_Checkbox = require('./primitives/Checkbox.js');
@@ -3884,29 +3885,36 @@ const BulkSelectCallout = ({
     allRowsSelectedMessage,
     clearSelectionButtonLabel
   } = bulkSelectAllRowsProps;
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: allRowsSelectedMessage ?? selectAllRowMessage }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      primitives_Button.Button,
-      {
-        "data-testid": "clear-selections-button",
-        variant: "link",
-        onClick: onClearBulkSelection,
-        children: clearSelectionButtonLabel ?? "Clear selection"
-      }
-    )
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: selectAllRowMessage }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      primitives_Button.Button,
-      {
-        "data-testid": "select-all-rows-button",
-        variant: "link",
-        onClick: onBulkSelectAll,
-        children: selectAllRowButtonLabel
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: allRowsSelectedMessage ?? selectAllRowMessage }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          primitives_Button.Button,
+          {
+            "data-testid": "clear-selections-button",
+            variant: "link",
+            onClick: onClearBulkSelection,
+            children: clearSelectionButtonLabel ?? "Clear selection"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: selectAllRowMessage }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          primitives_Button.Button,
+          {
+            "data-testid": "select-all-rows-button",
+            variant: "link",
+            onClick: onBulkSelectAll,
+            children: selectAllRowButtonLabel
+          }
+        )
+      ] })
+    }
+  );
 };
 
 const DataTablePagination = ({
@@ -4135,6 +4143,7 @@ const HeaderDescription = ({
             info.Info,
             {
               "aria-hidden": "true",
+              "data-testid": "column-info-icon",
               className: "size-4 text-muted-foreground"
             }
           )
@@ -4446,6 +4455,10 @@ const DataTable = ({
                       const columnIndexInData = dataHeaders.findIndex(
                         (dataHeader) => dataHeader.id === header.id
                       );
+                      const headerDef = header.column.columnDef.header;
+                      const headerTitleTestId = `${hyphenize.hyphenize(
+                        typeof headerDef === "string" ? headerDef : void 0
+                      )}-header-title`;
                       return /* @__PURE__ */ jsxRuntime.jsxs(
                         primitives_Table.TableHead,
                         {
@@ -4472,37 +4485,44 @@ const DataTable = ({
                             header.isPlaceholder ? null : isSelectionCol ? flexRender(
                               header.column.columnDef.header,
                               header.getContext()
-                            ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-                              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "me-auto flex min-w-0 items-center", children: [
-                                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: flexRender(
-                                  header.column.columnDef.header,
-                                  header.getContext()
-                                ) }),
-                                /* @__PURE__ */ jsxRuntime.jsx(HeaderDescription, { column: header.column })
-                              ] }),
-                              /* @__PURE__ */ jsxRuntime.jsx(SortIndicator, { column: header.column }),
-                              showHeaderMenu && !isSelectionCol && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+                              "div",
+                              {
+                                "data-testid": headerTitleTestId,
+                                className: "flex items-center",
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "me-auto flex min-w-0 items-center", children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: flexRender(
+                                      header.column.columnDef.header,
+                                      header.getContext()
+                                    ) }),
+                                    /* @__PURE__ */ jsxRuntime.jsx(HeaderDescription, { column: header.column })
+                                  ] }),
+                                  /* @__PURE__ */ jsxRuntime.jsx(SortIndicator, { column: header.column }),
+                                  showHeaderMenu && !isSelectionCol && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
                               ResizeHandle,
                               {
@@ -4590,4 +4610,4 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useTablePagination = useTablePagination;
 exports.useTableSelection = useTableSelection;
 exports.useTableSort = useTableSort;
-//# sourceMappingURL=DataTable-ChgPVrRB.js.map
+//# sourceMappingURL=DataTable-OtA15NKE.js.map