@jobber/components 4.68.17 → 4.68.18

package/dist/DataTable/Header.d.ts

@@ -2,10 +2,10 @@
 import { Row, Table } from "@tanstack/react-table";
 import { SortingType } from "./types";
 interface HeaderProps<T> {
-    table: Table<T>;
-    stickyHeader?: boolean;
-    sorting?: SortingType;
-    onRowClick?: (row: Row<T>) => void;
+    readonly table: Table<T>;
+    readonly stickyHeader?: boolean;
+    readonly sorting?: SortingType;
+    readonly onRowClick?: (row: Row<T>) => void;
 }
 export declare function Header<T extends object>({ table, stickyHeader, sorting, onRowClick, }: HeaderProps<T>): JSX.Element;
 export {};

package/dist/DataTable/index.js

@@ -231,21 +231,23 @@ function Header({ table, stickyHeader, sorting, onRowClick, }) {
     const stickyClass = classnames__default["default"]({ [styles$3.stickyHeader]: stickyHeader });
     return (React__default["default"].createElement("thead", { className: stickyClass }, table.getHeaderGroups().map(headerGroup => (React__default["default"].createElement("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
         const isSorting = sorting && header.column.getCanSort();
+        const headingCellInlineStyle = {
+            width: header.getSize(),
+            minWidth: header.column.columnDef.minSize,
+            maxWidth: header.column.columnDef.maxSize,
+        };
+        if (isSorting) {
+            headingCellInlineStyle.paddingRight = 0;
+        }
         return (React__default["default"].createElement("th", { key: header.id, colSpan: header.colSpan, className: isSorting
                 ? classnames__default["default"](styles$3.sortableColumn, {
                     [styles$3.pinFirstHeaderSortable]: !!onRowClick,
                 })
-                : "", onClick: sorting ? header.column.getToggleSortingHandler() : undefined, style: {
-                width: header.getSize(),
-                minWidth: header.column.columnDef.minSize,
-                maxWidth: header.column.columnDef.maxSize,
-                paddingRight: isSorting ? 0 : "inherit",
-            } }, header.isPlaceholder ? null : (React__default["default"].createElement("div", null,
-            React__default["default"].createElement(React__default["default"].Fragment, null,
-                reactTable.flexRender(header.column.columnDef.header, header.getContext()),
-                header.column.getCanSort() &&
-                    sorting &&
-                    !header.column.getIsSorted() && (React__default["default"].createElement(SortIcon, { direction: SortDirection.equilibrium }))),
+                : "", onClick: sorting ? header.column.getToggleSortingHandler() : undefined, style: headingCellInlineStyle }, header.isPlaceholder ? null : (React__default["default"].createElement("div", null,
+            reactTable.flexRender(header.column.columnDef.header, header.getContext()),
+            header.column.getCanSort() &&
+                sorting &&
+                !header.column.getIsSorted() && (React__default["default"].createElement(SortIcon, { direction: SortDirection.equilibrium })),
             {
                 asc: React__default["default"].createElement(SortIcon, { direction: SortDirection.ascending }),
                 desc: React__default["default"].createElement(SortIcon, { direction: SortDirection.descending }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.68.17",
+  "version": "4.68.18",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8418b113ace24b07be8e2917b90b2460d6954a5a"
+  "gitHead": "d77f29e8f0decc8bffc4f570cff9183020ab137e"
 }