@paubox/ui 0.8.5 → 0.8.7

package/index.esm.js

@@ -31670,14 +31670,15 @@ var TableHeader = function(param) {
                         'row-select',
                         'context'
                     ];
-                    var autoWidth = !!(header === null || header === void 0 ? void 0 : (_header_column = header.column) === null || _header_column === void 0 ? void 0 : _header_column.columnDef).autoWidth;
+                    var columnDef = header === null || header === void 0 ? void 0 : (_header_column = header.column) === null || _header_column === void 0 ? void 0 : _header_column.columnDef;
+                    var autoWidth = !!columnDef.autoWidth;
                     return /*#__PURE__*/ jsxs(Th, {
                         variant: "paragraph200Semibold",
                         as: "th",
                         style: {
-                            width: header.getSize() && !autoWidth ? "".concat(header.getSize(), "px") : 'auto',
-                            minWidth: header.getSize() && !autoWidth ? "".concat(header.getSize(), "px") : 'auto',
-                            maxWidth: header.getSize() && !autoWidth ? "".concat(header.getSize(), "px") : 'auto',
+                            width: columnDef.width && !autoWidth ? "".concat(columnDef.width, "px") : "".concat(!autoWidth ? "".concat(header.getSize(), "px") : 'auto'),
+                            minWidth: columnDef.minSize && !autoWidth ? "".concat(columnDef.minSize, "px") : "auto",
+                            maxWidth: columnDef.maxSize && !autoWidth ? "".concat(columnDef.maxSize, "px") : 'auto',
                             padding: dense ? "".concat(spacing(1), "px ").concat(spacing(header.id === 'row-select' ? 1 : 1.5), "px") : "".concat(spacing(1.5), "px ").concat(spacing(header.id === 'row-select' ? 1 : 1.5), "px")
                         },
                         children: [
@@ -32041,9 +32042,9 @@ var Table = function(param) {
         if (enableRowSelection) {
             cols.unshift({
                 id: 'row-select',
-                size: 22,
-                minSize: 22,
-                maxSize: 22,
+                size: 32,
+                minSize: 32,
+                maxSize: 32,
                 header: function(param) {
                     var table = param.table;
                     return /*#__PURE__*/ jsx(Checkbox, {
@@ -32072,9 +32073,9 @@ var Table = function(param) {
         if (contextMenuActions === null || contextMenuActions === void 0 ? void 0 : contextMenuActions.length) {
             cols.push({
                 id: 'context',
-                size: 22,
-                minSize: 22,
-                maxSize: 22,
+                size: 32,
+                minSize: 32,
+                maxSize: 32,
                 header: '',
                 cell: function(param) {
                     var row = param.row;
@@ -32097,15 +32098,19 @@ var Table = function(param) {
         openMenuId
     ]);
     var handleSortingChange = useCallback(function(updater) {
-        var nextState = typeof updater === 'function' ? updater(sortBy && sortOrder ? [
+        var currentSort = sortBy ? [
             {
                 id: sortBy,
                 desc: sortOrder === 'desc'
             }
-        ] : []) : updater;
+        ] : [];
+        var nextState = typeof updater === 'function' ? updater(currentSort) : updater;
         if (typeof onSortChange === 'function') {
-            var _nextState_, _nextState_1;
-            onSortChange((_nextState_ = nextState[0]) === null || _nextState_ === void 0 ? void 0 : _nextState_.id, ((_nextState_1 = nextState[0]) === null || _nextState_1 === void 0 ? void 0 : _nextState_1.desc) ? 'desc' : 'asc');
+            if (nextState.length === 0) {
+                onSortChange('', '');
+            } else {
+                onSortChange(nextState[0].id, nextState[0].desc ? 'desc' : 'asc');
+            }
         }
     }, [
         sortBy,
@@ -32117,9 +32122,10 @@ var Table = function(param) {
         columns: allColumns,
         getRowId: getRowId,
         defaultColumn: {
-            minSize: 50,
+            minSize: 100,
             maxSize: 500,
-            size: 200
+            size: 200,
+            sortDescFirst: false
         },
         state: {
             pagination: {
@@ -32127,7 +32133,7 @@ var Table = function(param) {
                 pageSize: pageInfo.items
             },
             columnSizing: columnSizing,
-            sorting: sortBy && sortOrder ? [
+            sorting: sortBy ? [
                 {
                     id: sortBy,
                     desc: sortOrder === 'desc'

package/package.json

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