@jobber/components 4.68.16 → 4.68.18

package/dist/DataTable/Body.d.ts

@@ -1,10 +1,10 @@
 import { Row, Table } from "@tanstack/react-table";
 import { ReactNode } from "react";
 interface BodyProps<T> {
-    table: Table<T>;
-    onRowClick?: (row: Row<T>) => void;
-    emptyState?: ReactNode | ReactNode[];
-    loading: boolean;
+    readonly table: Table<T>;
+    readonly onRowClick?: (row: Row<T>) => void;
+    readonly emptyState?: ReactNode | ReactNode[];
+    readonly loading: boolean;
 }
 export declare function Body<T extends object>({ table, onRowClick, emptyState, loading, }: BodyProps<T>): JSX.Element;
 export {};

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

@@ -78,7 +78,9 @@ function Body({ table, onRowClick, emptyState, loading, }) {
                     maxWidth: cell.column.columnDef.maxSize,
                 } }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())));
         })));
-    }))) : (React__default["default"].createElement("div", { className: classnames__default["default"](styles$3.emptyState) }, emptyState))));
+    }))) : (React__default["default"].createElement("tbody", null,
+        React__default["default"].createElement("tr", { className: bodyRowClasses },
+            React__default["default"].createElement("td", { colSpan: table.getAllColumns().length, className: classnames__default["default"](styles$3.emptyState) }, emptyState))))));
 }
 
 function createTableSettings(data, columns, options) {
@@ -229,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.16",
+  "version": "4.68.18",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "65448bf79d9bdf4caa24a0a073a6e948512fac70"
+  "gitHead": "d77f29e8f0decc8bffc4f570cff9183020ab137e"
 }