ab-ui-library 1.54.0 → 1.54.1

package/components/AdvancedTable/Table.d.ts

@@ -1,3 +1,3 @@
 import type { TTableProps } from './types';
 import 'react-loading-skeleton/dist/skeleton.css';
-export declare function Table<TData>({ data, columns, isLoading, hasError, isActionsVisible, totalCount, emptyTitle, emptySubTitle, emptyIllustration, withSelect, withBorder, defaultPageIndex, defaultPageSize, defaultHiddenColumns, collapsibleRows, renderExpandedContent, renderHeader, renderFooter, onSortChange, onRowClick, tableSettings, onRowSelection, onColumnSizing, onPaginationChange, rowEventsProps, activeRowId }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData>({ data, columns, isLoading, hasError, isActionsVisible, totalCount, emptyTitle, emptySubTitle, emptyIllustration, withSelect, withBorder, defaultPageIndex, defaultPageSize, defaultHiddenColumns, collapsibleRows, renderExpandedContent, renderHeader, renderFooter, onSortChange, onRowClick, tableSettings, onRowSelection, onColumnSizing, onPaginationChange, rowEventsProps, activeRowId, getRowId, resetExpandedOnPageChange }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;

package/components/AdvancedTable/Table.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../../extends-853d11fa.js';
 import { _ as _defineProperty } from '../../defineProperty-636f4bda.js';
 import { _ as _toConsumableArray } from '../../toConsumableArray-7902e9b8.js';
 import { _ as _slicedToArray } from '../../slicedToArray-c2957b14.js';
-import React, { useState, useCallback, useMemo } from 'react';
+import React, { useState, useCallback, useMemo, useEffect } from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
 import { SortableContext, horizontalListSortingStrategy } from '@dnd-kit/sortable';
@@ -108,7 +108,10 @@ function Table(_ref2) {
     onColumnSizing = _ref2.onColumnSizing,
     onPaginationChange = _ref2.onPaginationChange,
     rowEventsProps = _ref2.rowEventsProps,
-    activeRowId = _ref2.activeRowId;
+    activeRowId = _ref2.activeRowId,
+    getRowId = _ref2.getRowId,
+    _ref2$resetExpandedOn = _ref2.resetExpandedOnPageChange,
+    resetExpandedOnPageChange = _ref2$resetExpandedOn === void 0 ? true : _ref2$resetExpandedOn;
   var _useState = useState(new Set()),
     _useState2 = _slicedToArray(_useState, 2),
     expandedRows = _useState2[0],
@@ -169,7 +172,8 @@ function Table(_ref2) {
       onSortChange: onSortChange,
       onRowSelection: onRowSelection,
       onColumnSizing: onColumnSizing,
-      onPaginationChange: onPaginationChange
+      onPaginationChange: onPaginationChange,
+      getRowId: getRowId
     }),
     table = _useTableControl.table,
     sensors = _useTableControl.sensors,
@@ -205,6 +209,11 @@ function Table(_ref2) {
       length: table.getState().pagination.pageSize
     });
   }, [table.getState().pagination.pageSize]);
+  useEffect(function () {
+    if (resetExpandedOnPageChange) {
+      setExpandedRows(new Set());
+    }
+  }, [table.getState().pagination.pageIndex, resetExpandedOnPageChange]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('advanced-table', {
       'with-border': withBorder

package/components/AdvancedTable/hooks/useTableControl.d.ts

@@ -1,6 +1,6 @@
 import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
 import type { Column, TTableProps } from '../types';
-export declare function useTableControl<TData>({ withSelect, columns, data, tableSettings, totalCount, defaultPageSize, defaultPageIndex, defaultHiddenColumns, onSortChange, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): {
+export declare function useTableControl<TData>({ withSelect, columns, data, tableSettings, totalCount, defaultPageSize, defaultPageIndex, defaultHiddenColumns, onSortChange, onRowSelection, onColumnSizing, onPaginationChange, getRowId }: 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/hooks/useTableControl.js

@@ -54,7 +54,8 @@ function useTableControl(_ref) {
     onSortChange = _ref.onSortChange,
     onRowSelection = _ref.onRowSelection,
     onColumnSizing = _ref.onColumnSizing,
-    onPaginationChange = _ref.onPaginationChange;
+    onPaginationChange = _ref.onPaginationChange,
+    getRowId = _ref.getRowId;
   var shouldPersistToStorage = (tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.persistColumnSettings) === STORAGE_TYPE.LOCAL;
   var shouldEmitExternal = (tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.persistColumnSettings) === STORAGE_TYPE.EXTERNAL;
   var tableName = "".concat(TABLE_NAME_PREFIX, "-").concat(tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.tableName);
@@ -177,6 +178,7 @@ function useTableControl(_ref) {
     data: data,
     columns: reorderedColumns,
     pageCount: Math.ceil(totalCount / pagination.pageSize),
+    getRowId: getRowId,
     state: {
       sorting: sorting,
       pagination: pagination,

package/components/AdvancedTable/types.d.ts

@@ -41,6 +41,8 @@ export type TTableProps<TData> = {
     onRowSelection?: (state: TRowSelectionState) => void;
     onColumnSizing?: (state: TColumnSizingState) => void;
     onPaginationChange?: (state: TPaginationState) => void;
+    getRowId?: (row: TData) => string;
+    resetExpandedOnPageChange?: boolean;
 };
 export type Column<TData> = ColumnDef<TData> & {
     enableColumnDragging?: boolean;

package/package.json

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