@bigbinary/neetoui 5.2.45 → 5.2.46

package/index.cjs.js

@@ -33839,19 +33839,22 @@ var Table = function Table(_ref) {
     _useState6 = _slicedToArray$2(_useState5, 2),
     columns = _useState6[0],
     setColumns = _useState6[1];
-  var isPageChangeHandlerDefault = handlePageChange === noop$3;
+  var isDefaultPageChangeHandler = handlePageChange === noop$3;
+  var history = reactRouterDom.useHistory();
   var headerRef = React$3.useRef();
   var resizeObserver = React$3.useRef(new ResizeObserver(function (_ref2) {
     var _ref3 = _slicedToArray$2(_ref2, 1),
-      height = _ref3[0].contentRect.height;
-    return setContainerHeight(height);
+      entry = _ref3[0];
+    return setContainerHeight(entry.contentRect.height);
   }));
   var tableRef = React$3.useCallback(function (table) {
     if (!fixedHeight) return;
     var observer = resizeObserver.current;
     if (table !== null) {
       observer.observe(table === null || table === void 0 ? void 0 : table.parentNode);
-    } else if (observer) observer.disconnect();
+    } else if (observer) {
+      observer.disconnect();
+    }
   }, [resizeObserver.current, fixedHeight]);
   useTimeout(function () {
     var headerHeight = headerRef.current ? headerRef.current.offsetHeight : TABLE_DEFAULT_HEADER_HEIGHT;
@@ -33882,7 +33885,7 @@ var Table = function Table(_ref) {
       dataIndex: neetoCist.snakeToCamelCase((_queryParams$sort_by = queryParams.sort_by) !== null && _queryParams$sort_by !== void 0 ? _queryParams$sort_by : "")
     }, ramda.assoc("sortOrder", TABLE_SORT_ORDERS[queryParams.order_by]), columnData);
   };
-  var sortedColumns = isPageChangeHandlerDefault ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
+  var sortedColumns = isDefaultPageChangeHandler ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
   var locale = {
     emptyText: /*#__PURE__*/React__default["default"].createElement(Typography, {
       style: "body2"
@@ -33892,87 +33895,78 @@ var Table = function Table(_ref) {
     return _objectSpread$6(_objectSpread$6({}, sortedColumn), {}, {
       onHeaderCell: function onHeaderCell(column) {
         var _sortedColumn$onHeade;
-        var col = (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column);
-        return _objectSpread$6(_objectSpread$6({}, col), {}, {
+        return _objectSpread$6(_objectSpread$6({}, (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column)), {}, {
           "data-text-align": column.align
         });
       }
     });
   });
-  var isPaginationVisible = otherProps.pagination !== false && rowData.length > defaultPageSize;
-  var rowSelectionProps = false;
-  if (rowSelection) {
-    rowSelectionProps = _objectSpread$6(_objectSpread$6({
-      type: "checkbox"
-    }, rowSelection), {}, {
-      onChange: function onChange(selectedRowKeys, selectedRows) {
-        return onRowSelect && onRowSelect(selectedRowKeys, selectedRows);
-      },
-      selectedRowKeys: selectedRowKeys
-    });
-  }
+  var rowSelectionProps = rowSelection ? _objectSpread$6(_objectSpread$6({
+    type: "checkbox"
+  }, rowSelection), {}, {
+    onChange: function onChange(selectedRowKeys, selectedRows) {
+      return onRowSelect && onRowSelect(selectedRowKeys, selectedRows);
+    },
+    selectedRowKeys: selectedRowKeys
+  }) : false;
   var reordableHeader = {
     header: {
       cell: enableColumnResize ? enableColumnReorder ? HeaderCell : ResizableHeaderCell : enableColumnReorder ? ReorderableHeaderCell : null
     }
   };
-  var componentOverrides = _objectSpread$6(_objectSpread$6({}, components), reordableHeader);
-  var calculateTableContainerHeight = function calculateTableContainerHeight() {
-    return containerHeight - headerHeight - (isPaginationVisible ? TABLE_PAGINATION_HEIGHT : 0);
-  };
-  var itemRender = function itemRender(_, type, originalElement) {
-    if (type === "prev") {
-      return /*#__PURE__*/React__default["default"].createElement(Button, {
-        className: "",
-        icon: neetoIcons.Left,
-        size: "small",
-        style: "text"
-      });
-    }
-    if (type === "next") {
-      return /*#__PURE__*/React__default["default"].createElement(Button, {
-        className: "",
-        icon: neetoIcons.Right,
-        size: "small",
-        style: "text"
-      });
-    }
-    if (type === "jump-prev") {
-      return /*#__PURE__*/React__default["default"].createElement(Button, {
-        className: "",
-        icon: neetoIcons.MenuHorizontal,
-        size: "small",
-        style: "text"
-      });
-    }
-    if (type === "jump-next") {
-      return /*#__PURE__*/React__default["default"].createElement(Button, {
-        className: "",
-        icon: neetoIcons.MenuHorizontal,
-        size: "small",
-        style: "text"
-      });
-    }
-    return originalElement;
-  };
   var calculateRowsPerPage = function calculateRowsPerPage() {
     var viewportHeight = window.innerHeight;
     var rowsPerPage = Math.floor((viewportHeight - TABLE_PAGINATION_HEIGHT) / TABLE_ROW_HEIGHT * 3);
     return Math.ceil(rowsPerPage / 10) * 10;
   };
+  var pageSize = shouldDynamicallyRenderRowSize ? calculateRowsPerPage() : paginationProps.pageSize || defaultPageSize;
+  var calculateTableContainerHeight = function calculateTableContainerHeight() {
+    var isPaginationVisible = otherProps.pagination !== false && rowData.length > pageSize;
+    return containerHeight - headerHeight - (isPaginationVisible ? TABLE_PAGINATION_HEIGHT : 0);
+  };
   var calculatePageSizeOptions = function calculatePageSizeOptions() {
-    var rowsPerPage = shouldDynamicallyRenderRowSize ? calculateRowsPerPage() : defaultPageSize;
     return neetoCist.dynamicArray(5, function (index) {
-      return (index + 1) * rowsPerPage;
+      return (index + 1) * pageSize;
     });
   };
+  var itemRender = function itemRender(_, type, originalElement) {
+    var commonProps = {
+      size: "small",
+      style: "text"
+    };
+    if (type === "prev") return /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+      icon: neetoIcons.Left
+    }, commonProps));
+    if (type === "next") return /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+      icon: neetoIcons.Right
+    }, commonProps));
+    if (type === "jump-prev" || type === "jump-next") {
+      return /*#__PURE__*/React__default["default"].createElement(Button, _extends$4({
+        icon: neetoIcons.MenuHorizontal
+      }, commonProps));
+    }
+    return originalElement;
+  };
+  React$3.useEffect(function () {
+    var shouldNavigateToLastPage = ramda.isEmpty(rowData) && !loading && currentPageNumber !== 1;
+    if (!shouldNavigateToLastPage) return;
+    var lastPage = Math.ceil(totalCount / pageSize);
+    var page = Math.max(1, lastPage);
+    var pathname = window.location.pathname;
+    isDefaultPageChangeHandler ? history.push(buildUrl(pathname, ramda.mergeLeft({
+      page: page
+    }, queryParams))) : handlePageChange(page, pageSize);
+  }, [rowData]);
+  React$3.useEffect(function () {
+    return setColumns(columnData);
+  }, [columnData]);
   var renderTable = function renderTable() {
     return /*#__PURE__*/React__default["default"].createElement(_Table__default["default"], _extends$4({
       bordered: bordered,
       loading: loading,
       locale: locale,
       columns: sortedColumnsWithAlignment,
-      components: componentOverrides,
+      components: _objectSpread$6(_objectSpread$6({}, components), reordableHeader),
       dataSource: rowData,
       ref: tableRef,
       rowKey: "id",
@@ -33984,7 +33978,7 @@ var Table = function Table(_ref) {
         showSizeChanger: false,
         total: totalCount !== null && totalCount !== void 0 ? totalCount : 0,
         current: currentPageNumber,
-        defaultPageSize: shouldDynamicallyRenderRowSize ? calculateRowsPerPage() : defaultPageSize,
+        defaultPageSize: pageSize,
         pageSizeOptions: calculatePageSizeOptions(),
         onChange: handlePageChange,
         itemRender: itemRender
@@ -33997,7 +33991,7 @@ var Table = function Table(_ref) {
         y: calculateTableContainerHeight()
       }, scroll),
       onChange: function onChange(pagination, _, sorter) {
-        isPageChangeHandlerDefault && handleTableChange(pagination, sorter);
+        isDefaultPageChangeHandler && handleTableChange(pagination, sorter);
       },
       onHeaderRow: function onHeaderRow() {
         return {
@@ -34017,13 +34011,7 @@ var Table = function Table(_ref) {
       }
     }, otherProps));
   };
-  React$3.useEffect(function () {
-    setColumns(columnData);
-  }, [columnData]);
-  if (enableColumnReorder) {
-    return /*#__PURE__*/React__default["default"].createElement(ReactDragListView.DragColumn, dragProps, renderTable());
-  }
-  return renderTable();
+  return enableColumnReorder ? /*#__PURE__*/React__default["default"].createElement(ReactDragListView.DragColumn, dragProps, renderTable()) : renderTable();
 };
 
 var _excluded$4 = ["size", "rows", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps"];