@ansible/ansible-ui-framework 2.4.58 → 2.4.59

package/framework/PageTable/PageToolbar.d.ts

@@ -3,6 +3,7 @@ import { IPageAction } from '../PageActions/PageAction';
 import { PageTableViewType } from './PageTableViewType';
 import './PageToolbar.css';
 import { IToolbarFilter } from './PageToolbarFilter';
+import { PageTableSortOption } from './PageToolbarSort';
 export type PagetableToolbarProps<T extends object> = {
     openColumnModal?: () => void;
     keyFn: (item: T) => string | number;
@@ -24,6 +25,10 @@ export type PagetableToolbarProps<T extends object> = {
     unselectAll?: () => void;
     onSelect?: (item: T) => void;
     showSelect?: boolean;
+    sort?: string;
+    setSort?: (sort: string) => void;
+    sortDirection?: 'asc' | 'desc';
+    setSortDirection?: (sortDirection: 'asc' | 'desc') => void;
     viewType: PageTableViewType;
     setViewType: (viewType: PageTableViewType) => void;
     disableTableView?: boolean;
@@ -31,5 +36,6 @@ export type PagetableToolbarProps<T extends object> = {
     disableCardView?: boolean;
     disableColumnManagement?: boolean;
     bottomBorder?: boolean;
+    sortOptions?: PageTableSortOption[];
 };
 export declare function PageTableToolbar<T extends object>(props: PagetableToolbarProps<T>): JSX.Element;

package/framework/PageTable/PageToolbarFilter.d.ts

@@ -24,9 +24,9 @@ export interface IToolbarSelectFilter {
 }
 export type IToolbarFilter = IToolbarStringFilter | IToolbarSelectFilter;
 export type IFilterState = Record<string, string[] | undefined>;
-export type PageTableToolbarFiltersProps = {
+export type PageToolbarFiltersProps = {
     toolbarFilters?: IToolbarFilter[];
     filters?: Record<string, string[]>;
     setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
 };
-export declare function PageTableToolbarFilters(props: PageTableToolbarFiltersProps): JSX.Element;
+export declare function PageToolbarFilters(props: PageToolbarFiltersProps): JSX.Element;

package/framework/PageTable/PageToolbarSort.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ITableColumn } from './PageTableColumn';
+export type PageToolbarSortProps = {
+    sort?: string;
+    setSort?: (sort: string) => void;
+    sortDirection?: 'asc' | 'desc';
+    setSortDirection?: (sortDirection: 'asc' | 'desc') => void;
+    sortOptions?: PageTableSortOption[];
+};
+export interface PageTableSortOption {
+    label: string;
+    value: string;
+    type?: 'text' | 'number' | undefined;
+}
+export declare function PageToolbarSort(props: PageToolbarSortProps): JSX.Element;
+export declare function usePageToolbarSortOptionsFromColumns<T extends object>(tableColumns: ITableColumn<T>[]): PageTableSortOption[];

package/framework/PageTable/PageToolbarView.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { PageTableViewType } from './PageTableViewType';
+export type PageToolbarViewProps = {
+    disableTableView?: boolean;
+    disableCardView?: boolean;
+    disableListView?: boolean;
+    disableColumnManagement?: boolean;
+    openColumnModal?: () => void;
+    viewType: PageTableViewType;
+    setViewType: (viewType: PageTableViewType) => void;
+};
+export declare function PageToolbarView(props: PageToolbarViewProps): JSX.Element;

package/framework/useFrameworkTranslations.d.ts

@@ -3,6 +3,7 @@ export interface IFrameworkTranslations {
     by: string;
     cancelText: string;
     canceledText: string;
+    cardView: string;
     clearAllFilters: string;
     clickToRefresh: string;
     closeText: string;
@@ -10,6 +11,8 @@ export interface IFrameworkTranslations {
     countMore: string;
     documentation: string;
     errorText: string;
+    filter: string;
+    listView: string;
     manageColumns: string;
     moreInformation: string;
     noItemsFound: string;
@@ -24,9 +27,11 @@ export interface IFrameworkTranslations {
     selectNone: string;
     selectedText: string;
     showLess: string;
+    sort: string;
     submitText: string;
     submittingText: string;
     successText: string;
+    tableView: string;
     unknownError: string;
     validating: string;
 }