@paubox/ui 4.0.0 → 5.0.1

package/index.esm.js

@@ -36210,7 +36210,7 @@ var ResizeHandleContainer = styled.div(_templateObject3$3());
 var ResizeHandle = styled.div(_templateObject4$3(), neutral300$1);
 var SortIcon = styled.span(_templateObject5$2(), spacing(1));
 var TableHeader = function(param) {
-    var table = param.table, disableControls = param.disableControls, dense = param.dense, tableId = param.tableId;
+    var table = param.table, disableSort = param.disableSort, dense = param.dense, tableId = param.tableId;
     return /*#__PURE__*/ jsx(StyledHeader, {
         children: table.getHeaderGroups().map(function(headerGroup) {
             return /*#__PURE__*/ jsx("tr", {
@@ -36238,7 +36238,7 @@ var TableHeader = function(param) {
                         children: [
                             header.isPlaceholder ? null : /*#__PURE__*/ jsxs(HeaderContent, {
                                 role: header.column.getCanSort() ? 'button' : undefined,
-                                onClick: !disableControls ? header.column.getToggleSortingHandler() : undefined,
+                                onClick: !disableSort ? header.column.getToggleSortingHandler() : undefined,
                                 style: {
                                     width: (actionHeaders === null || actionHeaders === void 0 ? void 0 : actionHeaders.includes(header === null || header === void 0 ? void 0 : header.id)) ? "".concat(header.getSize(), "px") : '100%',
                                     cursor: header.column.getCanSort() ? 'pointer' : 'default',
@@ -36738,7 +36738,11 @@ var Table = function(param) {
                 id: key,
                 accessorKey: key,
                 accessorFn: getter,
-                enableSorting: sortable,
+                // Sorting is opt-in: a column is only sortable when it explicitly
+                // sets `sortable: true`. (TanStack's own default is `true`, so we
+                // coerce undefined to false here.) This prevents columns whose
+                // backend can't sort them from presenting a sort affordance.
+                enableSorting: sortable !== null && sortable !== void 0 ? sortable : false,
                 enableResizing: !autoWidth,
                 header: header
             }, restCol), {
@@ -36990,7 +36994,7 @@ var Table = function(param) {
                                     }),
                                     /*#__PURE__*/ jsx(TableHeader, {
                                         table: table,
-                                        disableControls: disableControls,
+                                        disableSort: isLoading,
                                         dense: dense,
                                         tableId: tableId
                                     }),

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "4.0.0",
+  "version": "5.0.1",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/Table/TableHeader.d.ts

@@ -1,9 +1,14 @@
 import { Table } from '@tanstack/react-table';
 interface TableHeaderProps<T> {
     table: Table<T>;
-    disableControls: boolean;
+    /**
+     * Disable the sort affordance. Gated on loading only — NOT on empty/errored
+     * results — so a user who sorts into an empty/error state can still change
+     * the sort to recover (rather than being stuck on a dead sort).
+     */
+    disableSort: boolean;
     dense: boolean;
     tableId: string;
 }
-export declare const TableHeader: <T extends object>({ table, disableControls, dense, tableId, }: TableHeaderProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TableHeader: <T extends object>({ table, disableSort, dense, tableId, }: TableHeaderProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};