@ansible/ansible-ui-framework 2.4.291 → 2.4.293

package/framework/PageInputs/PageAsyncMultiSelect.cy.d.ts

@@ -0,0 +1 @@
+export {};

package/framework/PageInputs/PageAsyncMultiSelect.d.ts

@@ -0,0 +1,12 @@
+import { PageMultiSelectProps } from './PageMultiSelect';
+import { IPageSelectOption } from './PageSelectOption';
+export interface PageAsyncMultiSelectQueryResult<ValueT> {
+    total: number;
+    options: IPageSelectOption<ValueT>[];
+}
+export interface PageAsyncMultiSelectProps<ValueT> extends Omit<PageMultiSelectProps<ValueT>, 'options'> {
+    queryOptions: (page: number, signal: AbortSignal) => Promise<PageAsyncMultiSelectQueryResult<ValueT>>;
+    queryPlaceholder?: string;
+    queryErrorText?: string | ((error: Error) => string);
+}
+export declare function PageAsyncMultiSelect<ValueT>(props: PageAsyncMultiSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;

package/framework/PageInputs/PageAsyncSingleSelect.cy.d.ts

@@ -0,0 +1 @@
+export {};

package/framework/PageInputs/PageAsyncSingleSelect.d.ts

@@ -0,0 +1,12 @@
+import { IPageSelectOption } from './PageSelectOption';
+import { PageSingleSelectProps } from './PageSingleSelect';
+export interface PageAsyncSingleSelectQueryResult<ValueT> {
+    total: number;
+    options: IPageSelectOption<ValueT>[];
+}
+export interface PageAsyncSingleSelectProps<ValueT> extends Omit<PageSingleSelectProps<ValueT>, 'options'> {
+    queryOptions: (page: number, signal: AbortSignal) => Promise<PageAsyncSingleSelectQueryResult<ValueT>>;
+    queryPlaceholder?: string;
+    queryErrorText?: string | ((error: Error) => string);
+}
+export declare function PageAsyncSingleSelect<ValueT>(props: PageAsyncSingleSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;

package/framework/PageInputs/PageMultiSelect.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { PageSelectOption } from './PageSelectOption';
 import './PageMultiSelect.css';
-export declare function PageMultiSelect<ValueT>(props: {
+import { PageSelectOption } from './PageSelectOption';
+export interface PageMultiSelectProps<ValueT> {
     id?: string;
     icon?: ReactNode;
     placeholder: ReactNode;
@@ -9,4 +9,7 @@ export declare function PageMultiSelect<ValueT>(props: {
     onSelect: (setter: (currentValues: ValueT[] | undefined) => ValueT[] | undefined) => void;
     options: PageSelectOption<ValueT>[];
     variant?: 'chips' | 'count';
-}): import("react/jsx-runtime").JSX.Element;
+    footer?: ReactNode;
+    disableClearSelection?: boolean;
+}
+export declare function PageMultiSelect<ValueT>(props: PageMultiSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;

package/framework/PageInputs/PageSelectOption.d.ts

@@ -1,4 +1,4 @@
-interface IPageSelectOption<ValueT> {
+export interface IPageSelectOption<ValueT> {
     key?: string | number;
     value: ValueT;
     label: string;
@@ -6,4 +6,3 @@ interface IPageSelectOption<ValueT> {
 }
 export type PageSelectOption<ValueT = unknown> = string | number | IPageSelectOption<ValueT>;
 export declare function getPageSelectOptions<ValueT>(options: PageSelectOption<ValueT>[]): IPageSelectOption<ValueT>[];
-export {};

package/framework/PageInputs/PageSingleSelect.d.ts

@@ -1,11 +1,17 @@
 import { ReactNode } from 'react';
 import { PageSelectOption } from './PageSelectOption';
 import './PageSingleSelect.css';
-export declare function PageSingleSelect<ValueT>(props: {
+export interface PageSingleSelectProps<ValueT> {
     id?: string;
     icon?: ReactNode;
     placeholder: string;
     value: ValueT;
     onSelect: (value: ValueT) => void;
     options: PageSelectOption<ValueT>[];
-}): import("react/jsx-runtime").JSX.Element;
+    footer?: ReactNode;
+}
+export declare function PageSingleSelect<ValueT>(props: PageSingleSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;
+export declare const SelectPlacedholder: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SelectHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectListStyled: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@patternfly/react-core").MenuListProps>, any, {}, never>;

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[];