@helpwave/hightide 0.1.12 → 0.1.13

package/dist/components/table/Table.d.mts

@@ -23,9 +23,9 @@ type TableProps<T> = {
     initialState?: Omit<InitialTableState, 'columnSizing' | 'columnSizingInfo'>;
     className?: string;
     onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
-    state: Omit<TableState, 'columnSizing' | 'columnSizingInfo'>;
+    state?: Omit<TableState, 'columnSizing' | 'columnSizingInfo'>;
     tableClassName?: string;
-} & Partial<TableOptions<T>>;
+} & TableOptions<T>;
 /**
  * The standard table
  */

package/dist/components/table/Table.d.ts

@@ -23,9 +23,9 @@ type TableProps<T> = {
     initialState?: Omit<InitialTableState, 'columnSizing' | 'columnSizingInfo'>;
     className?: string;
     onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
-    state: Omit<TableState, 'columnSizing' | 'columnSizingInfo'>;
+    state?: Omit<TableState, 'columnSizing' | 'columnSizingInfo'>;
     tableClassName?: string;
-} & Partial<TableOptions<T>>;
+} & TableOptions<T>;
 /**
  * The standard table
  */

package/dist/components/table/Table.js

@@ -710,7 +710,7 @@ var Pagination = ({
 };
 
 // src/components/table/Table.tsx
-var import_clsx9 = __toESM(require("clsx"));
+var import_clsx10 = __toESM(require("clsx"));
 var import_react_table = require("@tanstack/react-table");
 
 // src/util/array.ts
@@ -1143,8 +1143,18 @@ var useResizeCallbackWrapper = (callback) => {
   }, [callback]);
 };
 
-// src/components/table/Table.tsx
+// src/components/table/TableCell.tsx
+var import_clsx9 = require("clsx");
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var TableCell = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: (0, import_clsx9.clsx)("block max-w-full overflow-ellipsis truncate", className), children });
+};
+
+// src/components/table/Table.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Table = ({
   data,
   fillerRow,
@@ -1262,6 +1272,9 @@ var Table = ({
     defaultColumn: {
       minSize: 60,
       maxSize: 700,
+      cell: ({ cell }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TableCell, { children: cell.getValue() });
+      },
       ...defaultColumn
     },
     columns,
@@ -1345,18 +1358,18 @@ var Table = ({
     }
     return colSizes;
   }, [table.getState().columnSizingInfo, table.getState().columnSizing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref, className: (0, import_clsx9.default)("col gap-y-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_custom_scrollbars_2.Scrollbars, { autoHeight: true, autoHeightMax: tableRef.current?.offsetHeight, autoHide: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { ref, className: (0, import_clsx10.default)("col gap-y-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_custom_scrollbars_2.Scrollbars, { autoHeight: true, autoHeightMax: tableRef.current?.offsetHeight, autoHide: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "table",
       {
         ref: tableRef,
-        className: (0, import_clsx9.default)(tableClassName),
+        className: (0, import_clsx10.default)(tableClassName),
         style: {
           ...columnSizeVars,
           width: Math.max(table.getTotalSize(), ref.current?.offsetWidth ?? table.getTotalSize())
         },
         children: [
-          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "col",
             {
               style: {
@@ -1367,22 +1380,22 @@ var Table = ({
             },
             header.id
           )) }, headerGroup.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
               "th",
               {
                 colSpan: header.colSpan,
-                className: (0, import_clsx9.default)("relative group", header.column.columnDef.meta?.className),
+                className: (0, import_clsx10.default)("relative group", header.column.columnDef.meta?.className),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "row w-full", children: header.isPlaceholder ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "row gap-x-1 items-center", children: [
-                    header.column.getCanSort() && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "row w-full", children: header.isPlaceholder ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "row gap-x-1 items-center", children: [
+                    header.column.getCanSort() && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       TableSortButton,
                       {
                         sortDirection: header.column.getIsSorted(),
                         onClick: () => header.column.toggleSorting()
                       }
                     ),
-                    header.column.getCanFilter() && header.column.columnDef.meta?.filterType ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                    header.column.getCanFilter() && header.column.columnDef.meta?.filterType ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       TableFilterButton,
                       {
                         column: header.column,
@@ -1394,7 +1407,7 @@ var Table = ({
                       header.getContext()
                     )
                   ] }) }),
-                  header.column.getCanResize() && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  header.column.getCanResize() && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                     "div",
                     {
                       onMouseDown: header.getResizeHandler(),
@@ -1413,25 +1426,25 @@ var Table = ({
               header.id
             );
           }) }, headerGroup.id)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tbody", { children: [
             table.getRowModel().rows.map((row) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { onClick: () => onRowClick(row, table), className: table.options.meta?.bodyRowClassName, children: row.getVisibleCells().map((cell) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { children: (0, import_react_table.flexRender)(
+              return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { onClick: () => onRowClick(row, table), className: table.options.meta?.bodyRowClassName, children: row.getVisibleCells().map((cell) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { children: (0, import_react_table.flexRender)(
                   cell.column.columnDef.cell,
                   cell.getContext()
                 ) }, cell.id);
               }) }, row.id);
             }),
             range(table.getState().pagination.pageSize - table.getRowModel().rows.length, { allowEmptyRange: true }).map((row, index) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { children: columns.map((column) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FillerRowElement, {}) }, column.id);
+              return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: columns.map((column) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FillerRowElement, {}) }, column.id);
               }) }, "filler-row-" + index);
             })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "row justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "row justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Pagination,
       {
         pageIndex: table.getState().pagination.pageIndex,
@@ -1446,7 +1459,7 @@ var TableUncontrolled = ({ data, ...props }) => {
   (0, import_react14.useEffect)(() => {
     setUsedData(data);
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Table,
     {
       ...props,
@@ -1469,7 +1482,7 @@ var TableWithSelection = ({
       {
         id: selectionRowId,
         header: ({ table }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Checkbox,
             {
               checked: table.getIsSomeRowsSelected() ? "indeterminate" : table.getIsAllRowsSelected(),
@@ -1482,7 +1495,7 @@ var TableWithSelection = ({
           );
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Checkbox,
             {
               disabled: !row.getCanSelect(),
@@ -1501,15 +1514,15 @@ var TableWithSelection = ({
       ...columns
     ];
   }, [columns, selectionRowId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Table,
     {
       columns: columnsWithSelection,
       fillerRow: (columnId, table) => {
         if (columnId === selectionRowId) {
-          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Checkbox, { checked: false, disabled: true, containerClassName: "max-w-6" });
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Checkbox, { checked: false, disabled: true, containerClassName: "max-w-6" });
         }
-        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FillerRowElement, {});
+        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FillerRowElement, {});
       },
       state: {
         rowSelection,