uibee 2.13.1 → 2.13.2

package/dist/src/components/table/body.js

@@ -102,9 +102,9 @@ export default function Body({ list, columns, menuItems, redirectPath, variant =
                             }
                         }
                         return (_jsx("td", { className: `
-                                        flex-1 px-6 py-4 whitespace-nowrap text-sm min-w-40 flex items-center text-login-100
+                                        flex-1 min-w-0 px-6 py-4 whitespace-nowrap text-sm flex items-center text-login-100
                                         ${variant === 'minimal' ? 'px-4! py-2!' : ''}
-                                    `, children: _jsx("div", { className: 'relative', children: _jsx("h1", { className: badgeClass, children: formatValue(col.key, value) }) }) }, col.key));
+                                    `, children: _jsx("div", { className: 'relative w-full min-w-0', children: _jsx("h1", { className: `block max-w-full truncate ${badgeClass}`, children: formatValue(col.key, value) }) }) }, col.key));
                     }), menuItems && (_jsx("td", { className: 'shrink-0 w-16 flex flex-row items-center justify-end p-2 px-4\n                                    whitespace-nowrap text-right text-sm font-medium', children: _jsxs("div", { className: 'relative', children: [_jsx("button", { type: 'button', className: `p-1.5 rounded flex items-center justify-center transition-colors ${buttonClass}`, onMouseDown: (e) => e.nativeEvent.stopImmediatePropagation(), onClick: (e) => {
                                         e.stopPropagation();
                                         const rect = e.currentTarget.getBoundingClientRect();

package/dist/src/components/table/header.js

@@ -33,9 +33,9 @@ export default function Header({ columns, hideMenu, variant = 'default' }) {
                             .slice(1)
                             .replaceAll('_', ' ')}`);
                     return (_jsx("th", { className: `
-                                flex-1 px-6 py-3 text-xs font-medium uppercase tracking-wider text-left
+                                flex-1 min-w-0 px-6 py-3 text-xs font-medium uppercase tracking-wider text-left
                                 ${variant === 'default' ? 'text-login-200' : 'text-login-100'}
-                                ${variant === 'minimal' ? 'px-4!!' : ''}
-                            `, children: _jsxs("button", { className: 'flex flex-row items-center gap-2 group uppercase', onClick: () => handleChange(key), children: [value, _jsx("span", { className: 'flex flex-col', children: column === key ? (order === 'asc' ? (_jsx(ChevronUp, { className: 'h-4 w-4' })) : (_jsx(ChevronDown, { className: 'h-4 w-4' }))) : (_jsx(ChevronUp, { className: 'h-4 w-4 stroke-login-200 opacity-0 group-hover:opacity-100' })) })] }) }, key));
+                                ${variant === 'minimal' ? 'px-4!' : ''}
+                            `, children: _jsxs("button", { className: 'flex w-full min-w-0 flex-row items-center gap-2 group uppercase whitespace-nowrap', onClick: () => handleChange(key), children: [_jsx("span", { className: 'min-w-0 truncate', children: value }), _jsx("span", { className: 'flex flex-col', children: column === key ? (order === 'asc' ? (_jsx(ChevronUp, { className: 'h-4 w-4' })) : (_jsx(ChevronDown, { className: 'h-4 w-4' }))) : (_jsx(ChevronUp, { className: 'h-4 w-4 stroke-login-200 opacity-0 group-hover:opacity-100' })) })] }) }, key));
                 }), !hideMenu && _jsx("th", { className: 'shrink-0 w-16 px-6 py-3' })] }) }));
 }

package/dist/src/components/table/table.js

@@ -7,7 +7,7 @@ export default function Table({ data, columns, menuItems, redirectPath, variant
         return _jsx("div", { className: 'p-4 text-center text-login-200', children: "No data found" });
     }
     return (_jsx("div", { className: `
-            flex-1 flex flex-col min-h-0 overflow-x-auto h-full w-full
+            flex-1 flex flex-col min-h-0 overflow-x-auto overflow-y-hidden h-full w-full
             ${variant === 'default' ? 'bg-login-500/50 rounded-lg shadow border border-login-600' : ''}
             ${variant === 'minimal' ? 'bg-transparent' : ''}
         `, children: _jsxs("table", { className: 'min-w-full w-max divide-y divide-login-600 flex flex-col flex-1 min-h-0', children: [_jsx(Header, { columns: columns, hideMenu: !menuItems, variant: variant }), _jsx(Body, { list: data, columns: columns, menuItems: menuItems, redirectPath: redirectPath, variant: variant, idKey: idKey })] }) }));

package/dist/src/globals.css

@@ -1236,6 +1236,9 @@
   .max-w-200 {
     max-width: calc(var(--spacing) * 200);
   }
+  .max-w-full {
+    max-width: 100%;
+  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -1257,9 +1260,6 @@
   .min-w-30 {
     min-width: calc(var(--spacing) * 30);
   }
-  .min-w-40 {
-    min-width: calc(var(--spacing) * 40);
-  }
   .min-w-70 {
     min-width: calc(var(--spacing) * 70);
   }
@@ -1451,6 +1451,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
   .rounded {
     border-radius: 0.25rem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uibee",
-  "version": "2.13.1",
+  "version": "2.13.2",
   "description": "Shared components, functions and hooks for reuse across Login projects",
   "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
   "bugs": {