@helpwave/hightide 0.1.12 → 0.1.13

package/dist/components/table/Table.mjs

@@ -675,7 +675,7 @@ var Pagination = ({
 };
 
 // src/components/table/Table.tsx
-import clsx9 from "clsx";
+import clsx10 from "clsx";
 import {
   flexRender,
   getCoreRowModel,
@@ -1115,8 +1115,18 @@ var useResizeCallbackWrapper = (callback) => {
   }, [callback]);
 };
 
+// src/components/table/TableCell.tsx
+import { clsx as clsx9 } from "clsx";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var TableCell = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsx11("span", { className: clsx9("block max-w-full overflow-ellipsis truncate", className), children });
+};
+
 // src/components/table/Table.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var Table = ({
   data,
   fillerRow,
@@ -1234,6 +1244,9 @@ var Table = ({
     defaultColumn: {
       minSize: 60,
       maxSize: 700,
+      cell: ({ cell }) => {
+        return /* @__PURE__ */ jsx12(TableCell, { children: cell.getValue() });
+      },
       ...defaultColumn
     },
     columns,
@@ -1317,18 +1330,18 @@ var Table = ({
     }
     return colSizes;
   }, [table.getState().columnSizingInfo, table.getState().columnSizing]);
-  return /* @__PURE__ */ jsxs7("div", { ref, className: clsx9("col gap-y-4", className), children: [
-    /* @__PURE__ */ jsx11(Scrollbars, { autoHeight: true, autoHeightMax: tableRef.current?.offsetHeight, autoHide: true, children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs7("div", { ref, className: clsx10("col gap-y-4", className), children: [
+    /* @__PURE__ */ jsx12(Scrollbars, { autoHeight: true, autoHeightMax: tableRef.current?.offsetHeight, autoHide: true, children: /* @__PURE__ */ jsxs7(
       "table",
       {
         ref: tableRef,
-        className: clsx9(tableClassName),
+        className: clsx10(tableClassName),
         style: {
           ...columnSizeVars,
           width: Math.max(table.getTotalSize(), ref.current?.offsetWidth ?? table.getTotalSize())
         },
         children: [
-          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx11("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx11(
+          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx12("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx12(
             "col",
             {
               style: {
@@ -1339,22 +1352,22 @@ var Table = ({
             },
             header.id
           )) }, headerGroup.id)),
-          /* @__PURE__ */ jsx11("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx11("tr", { className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
+          /* @__PURE__ */ jsx12("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx12("tr", { className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
             return /* @__PURE__ */ jsxs7(
               "th",
               {
                 colSpan: header.colSpan,
-                className: clsx9("relative group", header.column.columnDef.meta?.className),
+                className: clsx10("relative group", header.column.columnDef.meta?.className),
                 children: [
-                  /* @__PURE__ */ jsx11("div", { className: "row w-full", children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs7("div", { className: "row gap-x-1 items-center", children: [
-                    header.column.getCanSort() && /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12("div", { className: "row w-full", children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs7("div", { className: "row gap-x-1 items-center", children: [
+                    header.column.getCanSort() && /* @__PURE__ */ jsx12(
                       TableSortButton,
                       {
                         sortDirection: header.column.getIsSorted(),
                         onClick: () => header.column.toggleSorting()
                       }
                     ),
-                    header.column.getCanFilter() && header.column.columnDef.meta?.filterType ? /* @__PURE__ */ jsx11(
+                    header.column.getCanFilter() && header.column.columnDef.meta?.filterType ? /* @__PURE__ */ jsx12(
                       TableFilterButton,
                       {
                         column: header.column,
@@ -1366,7 +1379,7 @@ var Table = ({
                       header.getContext()
                     )
                   ] }) }),
-                  header.column.getCanResize() && /* @__PURE__ */ jsx11(
+                  header.column.getCanResize() && /* @__PURE__ */ jsx12(
                     "div",
                     {
                       onMouseDown: header.getResizeHandler(),
@@ -1387,23 +1400,23 @@ var Table = ({
           }) }, headerGroup.id)) }),
           /* @__PURE__ */ jsxs7("tbody", { children: [
             table.getRowModel().rows.map((row) => {
-              return /* @__PURE__ */ jsx11("tr", { onClick: () => onRowClick(row, table), className: table.options.meta?.bodyRowClassName, children: row.getVisibleCells().map((cell) => {
-                return /* @__PURE__ */ jsx11("td", { children: flexRender(
+              return /* @__PURE__ */ jsx12("tr", { onClick: () => onRowClick(row, table), className: table.options.meta?.bodyRowClassName, children: row.getVisibleCells().map((cell) => {
+                return /* @__PURE__ */ jsx12("td", { children: 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__ */ jsx11("tr", { children: columns.map((column) => {
-                return /* @__PURE__ */ jsx11("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ jsx11(FillerRowElement, {}) }, column.id);
+              return /* @__PURE__ */ jsx12("tr", { children: columns.map((column) => {
+                return /* @__PURE__ */ jsx12("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ jsx12(FillerRowElement, {}) }, column.id);
               }) }, "filler-row-" + index);
             })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx11("div", { className: "row justify-center", children: /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12("div", { className: "row justify-center", children: /* @__PURE__ */ jsx12(
       Pagination,
       {
         pageIndex: table.getState().pagination.pageIndex,
@@ -1418,7 +1431,7 @@ var TableUncontrolled = ({ data, ...props }) => {
   useEffect11(() => {
     setUsedData(data);
   }, [data]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Table,
     {
       ...props,
@@ -1441,7 +1454,7 @@ var TableWithSelection = ({
       {
         id: selectionRowId,
         header: ({ table }) => {
-          return /* @__PURE__ */ jsx11(
+          return /* @__PURE__ */ jsx12(
             Checkbox,
             {
               checked: table.getIsSomeRowsSelected() ? "indeterminate" : table.getIsAllRowsSelected(),
@@ -1454,7 +1467,7 @@ var TableWithSelection = ({
           );
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx11(
+          return /* @__PURE__ */ jsx12(
             Checkbox,
             {
               disabled: !row.getCanSelect(),
@@ -1473,15 +1486,15 @@ var TableWithSelection = ({
       ...columns
     ];
   }, [columns, selectionRowId]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Table,
     {
       columns: columnsWithSelection,
       fillerRow: (columnId, table) => {
         if (columnId === selectionRowId) {
-          return /* @__PURE__ */ jsx11(Checkbox, { checked: false, disabled: true, containerClassName: "max-w-6" });
+          return /* @__PURE__ */ jsx12(Checkbox, { checked: false, disabled: true, containerClassName: "max-w-6" });
         }
-        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ jsx11(FillerRowElement, {});
+        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ jsx12(FillerRowElement, {});
       },
       state: {
         rowSelection,