@canonical/maas-react-components 1.33.4 → 1.35.0

package/dist/src/lib/components/GenericTable/GenericTable.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, ReactElement, ReactNode, RefObject, SetStateAction, DetailedHTMLProps, HTMLAttributes } from 'react';
-import { Column, ColumnDef, ColumnSort, Header, Row, RowSelectionState } from '@tanstack/react-table';
+import { Column, ColumnDef, ColumnSort, Header, Row, RowSelectionState, SortingState } from '@tanstack/react-table';
 import { PaginationBarProps } from './PaginationBar';
 type GenericTableProps<T extends {
     id: number | string;
@@ -21,7 +21,8 @@ type GenericTableProps<T extends {
         value: string;
         isTop: boolean;
     }[];
-    sortBy?: ColumnSort[];
+    sorting?: ColumnSort[];
+    setSorting?: Dispatch<SetStateAction<SortingState>>;
     rowSelection?: RowSelectionState;
     setRowSelection?: Dispatch<SetStateAction<RowSelectionState>>;
     showChevron?: boolean;
@@ -51,7 +52,8 @@ type GenericTableProps<T extends {
  * @param {ReactNode} [props.noData] - Content to display when no data is available
  * @param {PaginationBarProps} [props.pagination] - Pagination configuration
  * @param {{ value: string; isTop: boolean }[]} [props.pinGroup] - Group pinning configuration
- * @param {ColumnSort[]} [props.sortBy] - Initial sort configuration
+ * @param {ColumnSort[]} [props.sorting] - Initial sort configuration
+ * @param {Dispatch<SetStateAction<SortingState>>} [props.setSorting] - Sorting state setter
  * @param {RowSelectionState} [props.rowSelection] - Selected rows state
  * @param {Dispatch<SetStateAction<RowSelectionState>>} [props.setRowSelection] - Selection state setter
  * @param {boolean} [props.showChevron=false] - Show group row expansion state chevrons
@@ -79,5 +81,5 @@ type GenericTableProps<T extends {
  */
 export declare const GenericTable: <T extends {
     id: number | string;
-}>({ className, canSelect, disabledSelectionTooltip, columns: initialColumns, containerRef, data: initialData, filterCells, filterHeaders, getSubRows, groupBy, isLoading, noData, pagination, pinGroup, sortBy, rowSelection, setRowSelection, showChevron, variant, ...props }: GenericTableProps<T>) => ReactElement;
+}>({ className, canSelect, disabledSelectionTooltip, columns: initialColumns, containerRef, data: initialData, filterCells, filterHeaders, getSubRows, groupBy, isLoading, noData, pagination, pinGroup, sorting, setSorting, rowSelection, setRowSelection, showChevron, variant, ...props }: GenericTableProps<T>) => ReactElement;
 export {};

package/dist/src/lib/components/GenericTable/GenericTable.stories.d.ts

@@ -23,3 +23,4 @@ export declare const GroupedNested: Story;
 export declare const Paginated: Story;
 export declare const Searchable: Story;
 export declare const Scrollable: Story;
+export declare const SortableExternal: Story;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@canonical/maas-react-components",
   "description": "React components for use in MAAS UI projects.",
-  "version": "1.33.4",
+  "version": "1.35.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/canonical/maas-react-components.git"