@tipp/ui 2.1.9 → 2.1.11

package/dist/molecules/index.js

@@ -46,7 +46,7 @@ import {
 import {
   ExpandTable,
   createColumnHelper
-} from "../chunk-BE6JPXUV.js";
+} from "../chunk-3H5JZH44.js";
 import "../chunk-WDUSQ6HR.js";
 import "../chunk-AI7EZKUN.js";
 import {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.1.9",
+  "version": "2.1.11",
   "private": false,
   "type": "module",
   "exports": {

package/src/molecules/expand-table/index.tsx

@@ -91,7 +91,7 @@ export function ExpandTable<Datum extends RowData>(
   const gridTemplateColumns = useMemo<string>(() => {
     return columns
       .map((col) => {
-        if (col.meta?.autoSize) return '1fr';
+        if (col.meta?.autoSize) return `minmax(${col.size || 50}px, 1fr)`;
         return `${col.size || 150}px`;
       })
       .join(' ');
@@ -145,6 +145,7 @@ export function ExpandTable<Datum extends RowData>(
   }, [data, pageSize]);
 
   return (
+    <div className="expand-table-wrapper">
     <div className="expand-table" style={tableStyle}>
       <div className="thead">
         {getHeaderGroups().map((headerGroup) => (
@@ -220,17 +221,17 @@ export function ExpandTable<Datum extends RowData>(
             );
           })}
       </div>
-
+    </div>
       {showPagination ? (
-        <Flex justify="end" pt="3" width="100%">
-          <Pagination
-            count={pageCount}
-            onChange={onChangePagination}
-            page={pagination.pageIndex + 1}
-            siblingCount={siblingCount}
-          />
-        </Flex>
-      ) : null}
+          <Flex justify="end" pt="3" width="100%">
+            <Pagination
+              count={pageCount}
+              onChange={onChangePagination}
+              page={pagination.pageIndex + 1}
+              siblingCount={siblingCount}
+            />
+          </Flex>
+        ) : null}
     </div>
   );
 }