@ansible/ansible-ui-framework 2.4.51 → 2.4.53

package/framework/PageDialogs/MultiSelectDialog.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbar';
+import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';
 export type MultiSelectDialogProps<T extends object> = {

package/framework/PageDialogs/SelectSingleDialog.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbar';
+import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';
 export type SelectSingleDialogProps<T extends object> = {

package/framework/PageDialogs/useSelectDialog.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbar';
+import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';
 interface ISelectDialogOptions<T extends object, TMultiple> {

package/framework/PageTable/PageTable.d.ts

@@ -3,7 +3,7 @@ import { IPageAction } from '../PageActions/PageAction';
 import './PageTable.css';
 import { ITableColumn } from './PageTableColumn';
 import { PageTableViewType } from './PageTableViewType';
-import { IToolbarFilter } from './PageToolbar';
+import { IToolbarFilter } from './PageToolbarFilter';
 export type PageTableProps<T extends object> = {
     keyFn: (item: T) => string | number;
     itemCount?: number;

package/framework/PageTable/PageToolbar.d.ts

@@ -2,37 +2,7 @@ import { Dispatch, SetStateAction } from 'react';
 import { IPageAction } from '../PageActions/PageAction';
 import { PageTableViewType } from './PageTableViewType';
 import './PageToolbar.css';
-export interface IItemFilter<T extends object> {
-    label: string;
-    type?: 'search' | 'filter';
-    options: {
-        label: string;
-        value: string;
-    }[];
-    filter: (item: T, values: string[]) => boolean;
-}
-export type SetFilterValues<T extends object> = (filter: IItemFilter<T>, values: string[]) => void;
-export declare function toolbarActionsHaveBulkActions<T extends object>(actions?: IPageAction<T>[]): boolean;
-export interface IToolbarStringFilter {
-    key: string;
-    label: string;
-    type: 'string';
-    query: string;
-    placeholder: string;
-}
-export interface IToolbarSelectFilter {
-    key: string;
-    label: string;
-    type: 'select';
-    options: {
-        label: string;
-        value: string;
-    }[];
-    query: string;
-    placeholder: string;
-}
-export type IToolbarFilter = IToolbarStringFilter | IToolbarSelectFilter;
-export type IFilterState = Record<string, string[] | undefined>;
+import { IToolbarFilter } from './PageToolbarFilter';
 export type PagetableToolbarProps<T extends object> = {
     openColumnModal?: () => void;
     keyFn: (item: T) => string | number;

package/framework/PageTable/PageToolbarFilter.d.ts

@@ -0,0 +1,32 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const enum PageFilterTypeE {
+    string = "string",
+    select = "select"
+}
+export type PageFilterType = keyof typeof PageFilterTypeE;
+export interface IToolbarStringFilter {
+    key: string;
+    label: string;
+    type: 'string';
+    query: string;
+    placeholder: string;
+}
+export interface IToolbarSelectFilter {
+    key: string;
+    label: string;
+    type: 'select';
+    options: {
+        label: string;
+        value: string;
+    }[];
+    query: string;
+    placeholder: string;
+}
+export type IToolbarFilter = IToolbarStringFilter | IToolbarSelectFilter;
+export type IFilterState = Record<string, string[] | undefined>;
+export type PageTableToolbarFiltersProps = {
+    toolbarFilters?: IToolbarFilter[];
+    filters?: Record<string, string[]>;
+    setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
+};
+export declare function PageTableToolbarFilters(props: PageTableToolbarFiltersProps): JSX.Element;

package/framework/index.d.ts

@@ -37,6 +37,7 @@ export * from './PageTable/PageTable';
 export * from './PageTable/PageTableCards';
 export * from './PageTable/PageTableColumn';
 export * from './PageTable/PageToolbar';
+export * from './PageTable/PageToolbarFilter';
 export * from './PageTable/useTableItems';
 export * from './PageTabs';
 export * from './RoutedTabs';

package/framework/useInMemoryView.d.ts

@@ -1,5 +1,5 @@
 import { ITableColumn } from './PageTable/PageTableColumn';
-import { IToolbarFilter } from './PageTable/PageToolbar';
+import { IToolbarFilter } from './PageTable/PageToolbarFilter';
 import { ISelected } from './PageTable/useTableItems';
 import { IView } from './useView';
 export type IInMemoryView<T extends object> = IView & ISelected<T> & {