ab-ui-library 1.1.10 → 1.1.11

package/components/AdvancedTable/AdvancedPagination.js

@@ -112,6 +112,11 @@ function AdvancedPagination(_ref) {
     var page = navigatePage ? Number(navigatePage) - 1 : 0;
     table.setPageIndex(page);
   };
+  var onRowCountChange = function onRowCountChange(value) {
+    if (value) {
+      table.setPageSize(Number(value));
+    }
+  };
   var getVisiblePageNumbers = function getVisiblePageNumbers() {
     var currentPage = pageIndex;
     var totalPages = table.getPageCount();
@@ -137,7 +142,7 @@ function AdvancedPagination(_ref) {
     className: "advanced-table__pagination"
   }, /*#__PURE__*/React.createElement(Select, {
     setSelectedItem: function setSelectedItem(value) {
-      return table.setPageSize(Number(value));
+      return onRowCountChange(value);
     },
     selectedItem: "".concat(pageSize),
     className: 'no-border',

package/components/AdvancedTable/Table.d.ts

@@ -1,2 +1,2 @@
 import type { TTableProps } from './types';
-export declare function Table<TData>({ data, columns, isLoading, hasError, tableHeight, emptyTitle, emptySubTitle, emptyIllustration, withSelect, withBorder, reloadAction, reloadButtonText, reloadButtonIcon, defaultPageIndex, defaultPageSize, renderHeader, renderFooter, onSortChange, onRowClick, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData>({ data, columns, isLoading, hasError, totalCount, tableHeight, emptyTitle, emptySubTitle, emptyIllustration, withSelect, withBorder, reloadButtonText, reloadButtonIcon, defaultPageIndex, defaultPageSize, reloadAction, renderHeader, renderFooter, onSortChange, onRowClick, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;

package/components/AdvancedTable/Table.js

@@ -54,6 +54,7 @@ function Table(_ref) {
     columns = _ref.columns,
     isLoading = _ref.isLoading,
     hasError = _ref.hasError,
+    totalCount = _ref.totalCount,
     _ref$tableHeight = _ref.tableHeight,
     tableHeight = _ref$tableHeight === void 0 ? '70vh' : _ref$tableHeight,
     emptyTitle = _ref.emptyTitle,
@@ -63,11 +64,11 @@ function Table(_ref) {
     withSelect = _ref$withSelect === void 0 ? false : _ref$withSelect,
     _ref$withBorder = _ref.withBorder,
     withBorder = _ref$withBorder === void 0 ? true : _ref$withBorder,
-    reloadAction = _ref.reloadAction,
     reloadButtonText = _ref.reloadButtonText,
     reloadButtonIcon = _ref.reloadButtonIcon,
     defaultPageIndex = _ref.defaultPageIndex,
     defaultPageSize = _ref.defaultPageSize,
+    reloadAction = _ref.reloadAction,
     renderHeader = _ref.renderHeader,
     renderFooter = _ref.renderFooter,
     onSortChange = _ref.onSortChange,
@@ -79,6 +80,7 @@ function Table(_ref) {
       data: data,
       columns: columns,
       withSelect: withSelect,
+      totalCount: totalCount,
       defaultPageIndex: defaultPageIndex,
       defaultPageSize: defaultPageSize,
       onSortChange: onSortChange,

package/components/AdvancedTable/types.d.ts

@@ -10,6 +10,7 @@ export type TTableProps<TData> = {
     isLoading?: boolean;
     columns: ColumnDef<TData>[];
     wi?: boolean;
+    totalCount: number;
     tableHeight?: string;
     hasError?: boolean;
     emptyTitle?: string;

package/components/AdvancedTable/useTable.d.ts

@@ -1,6 +1,6 @@
 import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
 import type { Column, TTableProps } from './types';
-export declare function useTable<TData>({ withSelect, columns, data, defaultPageSize, defaultPageIndex, onSortChange, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): {
+export declare function useTable<TData>({ withSelect, columns, data, totalCount, defaultPageSize, defaultPageIndex, onSortChange, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): {
     table: import("@tanstack/react-table").Table<TData>;
     activeHeader: import("@tanstack/react-table").Header<TData, unknown> | null | undefined;
     sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];

package/components/AdvancedTable/useTable.js

@@ -34,6 +34,7 @@ function useTable(_ref) {
   var withSelect = _ref.withSelect,
     columns = _ref.columns,
     data = _ref.data,
+    totalCount = _ref.totalCount,
     _ref$defaultPageSize = _ref.defaultPageSize,
     defaultPageSize = _ref$defaultPageSize === void 0 ? 10 : _ref$defaultPageSize,
     _ref$defaultPageIndex = _ref.defaultPageIndex,
@@ -136,6 +137,7 @@ function useTable(_ref) {
   var table = useReactTable({
     data: data,
     columns: reorderedColumns,
+    pageCount: Math.ceil(totalCount / pagination.pageSize),
     state: {
       sorting: sorting,
       pagination: pagination,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",