@paubox/ui 0.8.6 → 0.8.8

package/index.esm.js

@@ -1715,7 +1715,7 @@ function _templateObject9$1() {
     };
     return data;
 }
-function _templateObject10() {
+function _templateObject10$1() {
     var data = _tagged_template_literal$o([
         "\n  ",
         "\n  font-size: ",
@@ -1723,7 +1723,7 @@ function _templateObject10() {
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 600;\n"
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject10$1 = function _templateObject() {
         return data;
     };
     return data;
@@ -1935,7 +1935,7 @@ var $headline300Semibold = css(_templateObject6$2(), commonStyles, headline300Fo
 var $paragraph100Regular = css(_templateObject7$1(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
 var $paragraph100Semibold = css(_templateObject8$1(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
 var $paragraph200Regular = css(_templateObject9$1(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
-var $paragraph200Semibold = css(_templateObject10(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
+var $paragraph200Semibold = css(_templateObject10$1(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
 var $paragraph300Regular = css(_templateObject11(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
 var $paragraph300Medium = css(_templateObject12(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
 var $paragraph300Semibold = css(_templateObject13(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
@@ -2140,6 +2140,17 @@ function _templateObject9() {
     };
     return data;
 }
+function _templateObject10() {
+    var data = _tagged_template_literal$n([
+        "\n        ",
+        "\n        ",
+        "\n      "
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 var AlertBar = function(props) {
     var title = props.title, _props_text = props.text, text = _props_text === void 0 ? '' : _props_text, _props_size = props.size, size = _props_size === void 0 ? 'small' : _props_size, _props_type = props.type, type = _props_type === void 0 ? 'info' : _props_type;
     var _useState = _sliced_to_array$e(useState(false), 2), isExpanded = _useState[0], setIsExpanded = _useState[1];
@@ -2167,10 +2178,7 @@ var AlertBar = function(props) {
     };
     var Icon = icon[type];
     return /*#__PURE__*/ jsxs("div", {
-        css: [
-            alertBaseStyles,
-            alertStyles[type]
-        ],
+        css: css(_templateObject10(), alertBaseStyles, alertStyles[type]),
         children: [
             /*#__PURE__*/ jsx(Icon, {
                 css: iconStyles
@@ -32098,15 +32106,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,
@@ -32120,7 +32132,8 @@ var Table = function(param) {
         defaultColumn: {
             minSize: 100,
             maxSize: 500,
-            size: 200
+            size: 200,
+            sortDescFirst: false
         },
         state: {
             pagination: {
@@ -32128,7 +32141,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.6",
+  "version": "0.8.8",
   "type": "module",
   "private": false,
   "publishConfig": {