@ansible/ansible-ui-framework 2.4.290 → 2.4.292

package/framework/PageInputs/PageMultiSelect.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { PageSelectOption } from './PageSelectOption';
+import './PageMultiSelect.css';
 export declare function PageMultiSelect<ValueT>(props: {
     id?: string;
     icon?: ReactNode;

package/framework/PageInputs/PageSingleSelect.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { PageSelectOption } from './PageSelectOption';
+import './PageSingleSelect.css';
 export declare function PageSingleSelect<ValueT>(props: {
     id?: string;
     icon?: ReactNode;

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 './PageToolbar/PageTableViewType';
-import { IToolbarFilter } from './PageToolbar/PageToolbarFilter';
+import { IFilterState, IToolbarFilter } from './PageToolbar/PageToolbarFilter';
 export type IPaginationRelatedProps = {
     page: number;
     perPage: number;
@@ -19,8 +19,8 @@ export type PageTableProps<T extends object> = {
     tableColumns: ITableColumn<T>[];
     rowActions?: IPageAction<T>[];
     toolbarFilters?: IToolbarFilter[];
-    filters?: Record<string, string[]>;
-    setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
+    filterState?: IFilterState;
+    setFilterState?: Dispatch<SetStateAction<IFilterState>>;
     clearAllFilters?: () => void;
     pagination?: IPaginationRelatedProps;
     sort?: string;

package/framework/PageTable/PageToolbar/PageToolbar.d.ts

@@ -2,7 +2,7 @@ import { Dispatch, SetStateAction } from 'react';
 import { IPageAction } from '../../PageActions/PageAction';
 import { PageTableViewType } from './PageTableViewType';
 import './PageToolbar.css';
-import { IToolbarFilter } from './PageToolbarFilter';
+import { IFilterState, IToolbarFilter } from './PageToolbarFilter';
 import { PageTableSortOption } from './PageToolbarSort';
 export type PageTableToolbarProps<T extends object> = {
     localStorageKey?: string;
@@ -11,8 +11,8 @@ export type PageTableToolbarProps<T extends object> = {
     itemCount?: number;
     toolbarActions?: IPageAction<T>[];
     toolbarFilters?: IToolbarFilter[];
-    filters?: Record<string, string[]>;
-    setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
+    filterState?: IFilterState;
+    setFilterState?: Dispatch<SetStateAction<IFilterState>>;
     clearAllFilters?: () => void;
     page?: number;
     perPage?: number;

package/framework/PageTable/PageToolbar/PageToolbarFilter.d.ts

@@ -9,10 +9,10 @@ export declare enum ToolbarFilterType {
     DateRange = "daterange"
 }
 export type IToolbarFilter = IToolbarTextFilter | IToolbarSingleSelectFilter | IToolbarMultiSelectFilter | IToolbarDateRangeFilter;
-export type IFilterState = Record<string, string[]>;
+export type IFilterState = Record<string, string[] | undefined>;
 export type PageToolbarFiltersProps = {
     toolbarFilters?: IToolbarFilter[];
     filterState: IFilterState;
-    setFilterState?: Dispatch<SetStateAction<IFilterState>>;
+    setFilterState: Dispatch<SetStateAction<IFilterState>>;
 };
 export declare function PageToolbarFilters(props: PageToolbarFiltersProps): import("react/jsx-runtime").JSX.Element;

package/framework/useView.d.ts

@@ -1,4 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
+import { IFilterState } from './PageTable/PageToolbar/PageToolbarFilter';
 export interface IView {
     page: number;
     setPage: (page: number) => void;
@@ -8,12 +9,12 @@ export interface IView {
     setSort: (sort: string) => void;
     sortDirection: 'asc' | 'desc';
     setSortDirection: (sortDirection: 'asc' | 'desc') => void;
-    filters: Record<string, string[]>;
-    setFilters: Dispatch<SetStateAction<Record<string, string[]>>>;
+    filterState: IFilterState;
+    setFilterState: Dispatch<SetStateAction<IFilterState>>;
     clearAllFilters: () => void;
 }
 export declare function useView(options: {
-    defaultValues?: Partial<Pick<IView, 'filters' | 'sort' | 'sortDirection'>> | undefined;
+    defaultValues?: Partial<Pick<IView, 'filterState' | 'sort' | 'sortDirection'>> | undefined;
     disableQueryString?: boolean;
     ignoreQueryStringKeys?: string[];
     filterQueryStringKeys?: string[];