@jmruthers/pace-core 0.5.102 → 0.5.103

package/dist/{chunk-EVVRUGQ2.js → chunk-62AVH7CM.js}

@@ -10745,12 +10745,25 @@ function useTableColumns({
   columnOrder
 }) {
   const enhancedColumns = useMemo13(() => {
-    const baseColumns = [...columns].map((column) => ({
-      ...column,
-      enableSorting: features.sorting && column.enableSorting !== false,
-      enableColumnFilter: features.filtering && column.enableColumnFilter !== false,
-      enableGrouping: features.grouping && column.enableGrouping !== false
-    }));
+    const baseColumns = [...columns].map((column) => {
+      const baseColumn = {
+        ...column,
+        enableSorting: features.sorting && column.enableSorting !== false,
+        enableColumnFilter: features.filtering && column.enableColumnFilter !== false,
+        enableGrouping: features.grouping && column.enableGrouping !== false
+      };
+      const dataTableColumn = column;
+      const isNumericColumn = column.meta?.type === "number" || dataTableColumn.fieldType === "number" || dataTableColumn.filterType === "number";
+      const isDateColumn = column.meta?.type === "date" || dataTableColumn.fieldType === "date" || dataTableColumn.filterType === "date";
+      if (isNumericColumn && !isDateColumn) {
+        baseColumn.meta = {
+          ...baseColumn.meta,
+          align: "right",
+          type: "number"
+        };
+      }
+      return baseColumn;
+    });
     const selectionColumn = features.selection ? {
       id: "select",
       header: ({ table }) => {
@@ -11968,62 +11981,72 @@ function DataTableInternal({
             /* @__PURE__ */ jsx24("col", { span: dataColumns, "data-col-type": "data" }),
             hasActionsColumn && /* @__PURE__ */ jsx24("col", { span: 1, "data-col-type": "actions" })
           ] }),
-          /* @__PURE__ */ jsx24("thead", { children: table?.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx24("tr", { children: headerGroup.headers.filter((header) => {
-            return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
-          }).map((header) => {
-            const isSortable = header.column.getCanSort();
-            const ariaSort = isSortable ? header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none" : void 0;
-            const isRightAligned = header.column.columnDef.meta?.align === "right";
-            const handleSortClick = (event) => {
-              const originalHandler = header.column.getToggleSortingHandler();
-              if (originalHandler) {
-                originalHandler(event);
-              }
-              const columnName = typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column";
-              const currentSort = header.column.getIsSorted();
-              const newSort = currentSort === "asc" ? "desc" : currentSort === "desc" ? null : "asc";
-              announceSortChange(columnName, newSort);
-            };
-            const headerKeyboardHandlers = keyboardNavigation.getHeaderKeyboardHandlers(
-              header.index,
-              () => {
+          /* @__PURE__ */ jsx24("thead", { children: table?.getHeaderGroups().map((headerGroup) => {
+            const visibleHeaders = headerGroup.headers.filter((header) => {
+              return typeof header.column.getIsVisible === "function" ? header.column.getIsVisible() : true;
+            });
+            return /* @__PURE__ */ jsx24("tr", { children: visibleHeaders.map((header, index) => {
+              const isFirst = index === 0;
+              const isLast = index === visibleHeaders.length - 1;
+              const isSortable = header.column.getCanSort();
+              const ariaSort = isSortable ? header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none" : void 0;
+              const isRightAligned = header.column.columnDef.meta?.align === "right";
+              const handleSortClick = (event) => {
                 const originalHandler = header.column.getToggleSortingHandler();
                 if (originalHandler) {
-                  originalHandler({});
+                  originalHandler(event);
                 }
                 const columnName = typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column";
                 const currentSort = header.column.getIsSorted();
                 const newSort = currentSort === "asc" ? "desc" : currentSort === "desc" ? null : "asc";
                 announceSortChange(columnName, newSort);
-              }
-            );
-            return /* @__PURE__ */ jsx24(
-              "th",
-              {
-                className: `px-3 py-2 ${isRightAligned ? "text-right" : "text-left"}`,
-                scope: "col",
-                role: "columnheader",
-                ...isSortable ? { "aria-sort": ariaSort } : {},
-                ...isSortable ? headerKeyboardHandlers : {},
-                children: header.isPlaceholder ? null : isSortable ? /* @__PURE__ */ jsxs17(
-                  Button,
-                  {
-                    variant: "ghost",
-                    className: `h-auto p-0 font-medium hover:bg-transparent ${isRightAligned ? "justify-end" : "justify-start"}`,
-                    onClick: handleSortClick,
-                    ...headerKeyboardHandlers,
-                    "aria-label": `Sort by ${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column"}`,
-                    tabIndex: 0,
-                    children: [
-                      typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
-                      header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx24(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx24(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx24(ChevronsUpDown, { className: "h-4 w-4" })
-                    ]
+              };
+              const headerKeyboardHandlers = keyboardNavigation.getHeaderKeyboardHandlers(
+                header.index,
+                () => {
+                  const originalHandler = header.column.getToggleSortingHandler();
+                  if (originalHandler) {
+                    originalHandler({});
                   }
-                ) : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
-              },
-              header.id
-            );
-          }) }, headerGroup.id)) }),
+                  const columnName = typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column";
+                  const currentSort = header.column.getIsSorted();
+                  const newSort = currentSort === "asc" ? "desc" : currentSort === "desc" ? null : "asc";
+                  announceSortChange(columnName, newSort);
+                }
+              );
+              return /* @__PURE__ */ jsx24(
+                "th",
+                {
+                  className: cn(
+                    "px-3 py-2 bg-main-200",
+                    isRightAligned ? "text-right" : "text-left",
+                    isFirst && "rounded-l-md",
+                    isLast && "rounded-r-md"
+                  ),
+                  scope: "col",
+                  role: "columnheader",
+                  ...isSortable ? { "aria-sort": ariaSort } : {},
+                  ...isSortable ? headerKeyboardHandlers : {},
+                  children: header.isPlaceholder ? null : isSortable ? /* @__PURE__ */ jsxs17(
+                    Button,
+                    {
+                      variant: "ghost",
+                      className: `h-auto p-0 font-bold hover:bg-transparent ${isRightAligned ? "justify-end" : "justify-start"}`,
+                      onClick: handleSortClick,
+                      ...headerKeyboardHandlers,
+                      "aria-label": `Sort by ${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column"}`,
+                      tabIndex: 0,
+                      children: [
+                        typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
+                        header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx24(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx24(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx24(ChevronsUpDown, { className: "h-4 w-4" })
+                      ]
+                    }
+                  ) : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
+                },
+                header.id
+              );
+            }) }, headerGroup.id);
+          }) }),
           /* @__PURE__ */ jsx24(
             UnifiedTableBody,
             {
@@ -12402,4 +12425,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-EVVRUGQ2.js.map
+//# sourceMappingURL=chunk-62AVH7CM.js.map