@ansible/ansible-ui-framework 2.4.672 → 2.4.1113

package/framework/PageTable/PageTableColumn.d.ts

@@ -1,42 +1,49 @@
 import { ReactNode } from 'react';
 import { PageTableViewTypeE } from '../PageToolbar/PageTableViewType';
 export declare enum ColumnTableOption {
-    Description = "description",
-    Expanded = "expanded",
-    Hidden = "hidden"
+    description = "description",
+    expanded = "expanded",
+    hidden = "hidden"
 }
 export declare enum ColumnListOption {
-    Name = "name",
-    Subtitle = "subtitle",
-    Description = "description",
-    Hidden = "hidden",
-    Primary = "primary",
-    Secondary = "secondary"
+    name = "name",
+    subtitle = "subtitle",
+    description = "description",
+    hidden = "hidden",
+    primary = "primary",
+    secondary = "secondary"
 }
 export declare enum ColumnCardOption {
-    Name = "name",
-    Subtitle = "subtitle",
-    Description = "description",
-    Hidden = "hidden"
+    name = "name",
+    subtitle = "subtitle",
+    description = "description",
+    hidden = "hidden"
 }
 export declare enum ColumnModalOption {
-    Hidden = "hidden"
+    hidden = "hidden"
+}
+export declare enum ColumnDashboardOption {
+    hidden = "hidden"
+}
+export declare enum ColumnPriority {
+    last = "last"
 }
 interface ITableColumnCommon<T extends object> {
     id?: string;
     header: string;
     minWidth?: number;
     maxWidth?: number;
-    enabled?: boolean;
-    isIdColumn?: boolean;
+    fullWidth?: boolean;
     sort?: string;
     defaultSortDirection?: 'asc' | 'desc';
     defaultSort?: boolean;
     icon?: (item: T) => ReactNode;
-    table?: ColumnTableOption;
-    list?: 'name' | 'subtitle' | 'description' | 'hidden' | 'primary' | 'secondary';
-    card?: 'name' | 'subtitle' | 'description' | 'hidden';
-    modal?: ColumnModalOption;
+    table?: keyof typeof ColumnTableOption;
+    list?: keyof typeof ColumnListOption;
+    card?: keyof typeof ColumnCardOption;
+    modal?: keyof typeof ColumnModalOption;
+    dashboard?: keyof typeof ColumnDashboardOption;
+    priority?: keyof typeof ColumnPriority;
 }
 export interface ITableColumnTypeReactNode<T extends object> extends ITableColumnCommon<T> {
     type?: undefined;
@@ -46,6 +53,7 @@ export interface ITableColumnTypeReactNode<T extends object> extends ITableColum
 export interface ITableColumnTypeText<T extends object> extends ITableColumnCommon<T> {
     type: 'text';
     value: CellFn<T, string | null | undefined>;
+    to?: (item: T) => string | undefined;
 }
 export interface ITableColumnTypeDescription<T extends object> extends ITableColumnCommon<T> {
     type: 'description';
@@ -72,6 +80,7 @@ export declare function useVisibleTableColumns<T extends object>(columns: ITable
 export declare function useVisibleListColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
 export declare function useVisibleCardColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
 export declare function useVisibleModalColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
+export declare function useDashboardColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
 export declare function useVisibleColumns<T extends object>(columns: ITableColumn<T>[], viewType: PageTableViewTypeE): ITableColumn<T>[];
 export declare function useDescriptionColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
 export declare function useExpandedColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
@@ -85,32 +94,35 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    table?: ColumnTableOption | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
     sort: undefined;
     type: "text";
     value: CellFn<T, string | null | undefined>;
+    to?: ((item: T) => string | undefined) | undefined;
     id?: string | undefined;
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    table?: ColumnTableOption | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
     sort: undefined;
     type: "description";
@@ -119,15 +131,16 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    table?: ColumnTableOption | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
     sort: undefined;
     type: "datetime";
@@ -136,15 +149,16 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    table?: ColumnTableOption | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
     sort: undefined;
     type: "labels";
@@ -153,15 +167,16 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    table?: ColumnTableOption | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
     sort: undefined;
     type: "count";
@@ -170,18 +185,19 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    table?: ColumnTableOption | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 })[];
 export declare function useColumnsWithoutExpandedRow<T extends object>(columns: ITableColumn<T>[]): ({
-    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
+    table: "hidden" | "description" | undefined;
     type?: undefined;
     value?: CellFn<T, string | number | boolean | string[] | null | undefined> | undefined;
     cell: CellFn<T, ReactNode>;
@@ -189,99 +205,106 @@ export declare function useColumnsWithoutExpandedRow<T extends object>(columns:
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     sort?: string | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
-    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
+    table: "hidden" | "description" | undefined;
     type: "text";
     value: CellFn<T, string | null | undefined>;
+    to?: ((item: T) => string | undefined) | undefined;
     id?: string | undefined;
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     sort?: string | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
-    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
+    table: "hidden" | "description" | undefined;
     type: "description";
     value: CellFn<T, string | null | undefined>;
     id?: string | undefined;
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     sort?: string | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
-    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
+    table: "hidden" | "description" | undefined;
     type: "datetime";
     value: CellFn<T, string | number | undefined>;
     id?: string | undefined;
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     sort?: string | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
-    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
+    table: "hidden" | "description" | undefined;
     type: "labels";
     value: CellFn<T, string[] | undefined>;
     id?: string | undefined;
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     sort?: string | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 } | {
-    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
+    table: "hidden" | "description" | undefined;
     type: "count";
     value: CellFn<T, number | undefined>;
     id?: string | undefined;
     header: string;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
-    enabled?: boolean | undefined;
-    isIdColumn?: boolean | undefined;
+    fullWidth?: boolean | undefined;
     sort?: string | undefined;
     defaultSortDirection?: "desc" | "asc" | undefined;
     defaultSort?: boolean | undefined;
     icon?: ((item: T) => ReactNode) | undefined;
-    list?: "name" | "hidden" | "primary" | "secondary" | "description" | "subtitle" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
-    modal?: ColumnModalOption | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
 })[];
 export {};

package/framework/PageTable/useTableItems.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import debounce from 'debounce';
 export declare function useTableItems<T extends object>(items: T[], keyFn: (item: T) => string | number, defaults?: {
     search?: string | null;
 }): {
@@ -17,11 +18,7 @@ export declare function useTableItems<T extends object>(items: T[], keyFn: (item
     setFilterFn: (filterFn: ((item: T) => boolean) | undefined) => void;
     setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
     setPerPage: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setSearch: ((search: string) => void) & {
-        clear(): void;
-    } & {
-        flush(): void;
-    };
+    setSearch: debounce.DebouncedFunction<(search: string) => void>;
     setSearchFn: (searchFn: (item: T, search: string) => number) => void;
     setSort: import("react").Dispatch<import("react").SetStateAction<ISort<T> | undefined>>;
     sort: ISort<T> | undefined;

package/framework/PageTabs/PageBreadcrumbs.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { ICatalogBreadcrumb } from '../PageHeader';
+export type PageBreadcrumbsContext = {
+    tabBreadcrumb?: ICatalogBreadcrumb;
+    setTabBreadcrumb: Dispatch<SetStateAction<ICatalogBreadcrumb | undefined>>;
+};
+export declare const PageBreadcrumbsContext: import("react").Context<PageBreadcrumbsContext>;
+export declare function PageBreadcrumbsProvider(props: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const usePageBreadcrumbs: () => PageBreadcrumbsContext;

package/framework/PageTabs/PageRoutedTabs.d.ts

@@ -1,3 +1,4 @@
+import './PageTabs.css';
 export declare function PageRoutedTabs(props: {
     backTab?: {
         label: string;
@@ -7,8 +8,13 @@ export declare function PageRoutedTabs(props: {
     tabs: ({
         label: string;
         page: string;
+        dataCy?: string;
     } | false)[];
     params?: {
         [key: string]: string | number | undefined;
     };
+    componentParams?: {
+        [key: string]: unknown;
+    };
+    sharedQueryKeys?: string[];
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageTabs/PageTabs.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import './PageTabs.css';
 export declare function PageTabs(props: {
     children: ReactNode;
     initialTabIndex?: number;

package/framework/PageToolbar/PageToolbar.d.ts

@@ -38,8 +38,10 @@ export type PageToolbarProps<T extends object> = {
     disableListView?: boolean;
     disableCardView?: boolean;
     disablePagination?: boolean;
+    autoHidePagination?: boolean;
     sortOptions?: PageTableSortOption[];
     maxSelections?: number;
     toolbarContent?: React.ReactNode;
+    limitFiltersToOneOrOperation?: boolean;
 };
 export declare function PageToolbar<T extends object>(props: PageToolbarProps<T>): import("react/jsx-runtime").JSX.Element;

package/framework/PageToolbar/PageToolbarFilter.d.ts

@@ -4,20 +4,22 @@ import { IToolbarAsyncSingleSelectFilter } from './PageToolbarFilters/ToolbarAsy
 import { IToolbarDateRangeFilter } from './PageToolbarFilters/ToolbarDateRangeFilter';
 import { IToolbarMultiSelectFilter } from './PageToolbarFilters/ToolbarMultiSelectFilter';
 import { IToolbarSingleSelectFilter } from './PageToolbarFilters/ToolbarSingleSelectFilter';
-import { IToolbarTextFilter } from './PageToolbarFilters/ToolbarTextFilter';
+import { IToolbarMultiTextFilter, IToolbarSingleTextFilter } from './PageToolbarFilters/ToolbarTextFilter';
 export declare enum ToolbarFilterType {
-    Text = 0,
-    SingleSelect = 1,
-    MultiSelect = 2,
-    DateRange = 3,
-    AsyncSingleSelect = 4,
-    AsyncMultiSelect = 5
+    SingleText = 0,
+    MultiText = 1,
+    SingleSelect = 2,
+    MultiSelect = 3,
+    DateRange = 4,
+    AsyncSingleSelect = 5,
+    AsyncMultiSelect = 6
 }
-export type IToolbarFilter = IToolbarTextFilter | IToolbarDateRangeFilter | IToolbarSingleSelectFilter | IToolbarMultiSelectFilter | IToolbarAsyncSingleSelectFilter | IToolbarAsyncMultiSelectFilter;
+export type IToolbarFilter = IToolbarSingleTextFilter | IToolbarMultiTextFilter | IToolbarDateRangeFilter | IToolbarSingleSelectFilter | IToolbarMultiSelectFilter | IToolbarAsyncSingleSelectFilter | IToolbarAsyncMultiSelectFilter;
 export type IFilterState = Record<string, string[] | undefined>;
 export type PageToolbarFiltersProps = {
     toolbarFilters?: IToolbarFilter[];
     filterState: IFilterState;
     setFilterState: Dispatch<SetStateAction<IFilterState>>;
+    limitFiltersToOneOrOperation?: boolean;
 };
 export declare function PageToolbarFilters(props: PageToolbarFiltersProps): import("react/jsx-runtime").JSX.Element;

package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncMultiSelectFilter.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarFilterType } from '../PageToolbarFilter';
 import { PageAsyncMultiSelectOptionsFn } from '../../PageInputs/PageAsyncMultiSelect';
 import { PageAsyncQueryErrorTextType } from '../../PageInputs/PageAsyncSingleSelect';
+import { ToolbarFilterType } from '../PageToolbarFilter';
 import { ToolbarFilterCommon } from './ToolbarFilterCommon';
 type ToolbarOpenMultiSelectBrowse = (onSelect: (values: string[]) => void, defaultSelections?: string[]) => void;
 export interface IToolbarAsyncMultiSelectFilter extends ToolbarFilterCommon {
@@ -8,8 +8,13 @@ export interface IToolbarAsyncMultiSelectFilter extends ToolbarFilterCommon {
     queryOptions: PageAsyncMultiSelectOptionsFn<string>;
     queryPlaceholder?: string;
     queryErrorText?: PageAsyncQueryErrorTextType;
+    queryLabel?: (value: string) => Promise<string | undefined>;
     openBrowse?: ToolbarOpenMultiSelectBrowse;
     isRequired?: boolean;
 }
-export declare function toolbarMultiSelectBrowseAdapter<T>(selectFn: (onItemsSelect: (itemValue: T[]) => void, itemDefaultSelections?: T[]) => void, keyFn: (item: T) => string, objectFn: (name: string) => object): ToolbarOpenMultiSelectBrowse;
+export declare function multiSelectBrowseAdapter<T>(selectFn: (onItemsSelect: (itemValue: T[]) => void, itemDefaultSelections?: T[]) => void, keyFn: (item: T) => string, objectFn: (name: string) => object, customOnSelect?: (items: T[]) => void): ToolbarOpenMultiSelectBrowse;
+export declare function AsyncQueryChip(props: {
+    value: string;
+    queryLabel?: (value: string) => Promise<string | undefined>;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncSelectFilterBuilder.d.ts

@@ -1,5 +1,6 @@
 import { ITableColumn, IToolbarFilter, ISelected } from '../../../framework';
 import { IView, ViewExtendedOptions } from '../../useView';
+import { MultiDialogs } from '../../../frontend/hub/administration/repositories/hooks/useAddCollections';
 type BaseView<T extends object> = IView & ISelected<T> & {
     itemCount: number | undefined;
     pageItems: T[] | undefined;
@@ -11,11 +12,12 @@ export type AsyncSelectFilterBuilderProps<T extends object> = {
     toolbarFilters?: IToolbarFilter[];
     viewParams: ViewExtendedOptions<T>;
     useView: (viewParams: ViewExtendedOptions<T>) => BaseView<T>;
+    multiDialogs?: MultiDialogs;
 };
 export declare function useAsyncSingleSelectFilterBuilder<T extends object>(props: AsyncSelectFilterBuilderProps<T>): {
-    onBrowse: (onSelect: (value: T) => void, defaultSelection?: T) => void;
+    openBrowse: (onSelect: (value: T) => void, defaultSelection?: T) => void;
 };
 export declare function useAsyncMultiSelectFilterBuilder<T extends object>(props: AsyncSelectFilterBuilderProps<T>): {
-    onBrowse: (onSelect: (value: T[]) => void, defaultSelection?: T[]) => void;
+    openBrowse: (onSelect: (value: T[]) => void, defaultSelection?: T[]) => void;
 };
 export {};

package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncSingleSelectFilter.d.ts

@@ -8,7 +8,8 @@ export interface IToolbarAsyncSingleSelectFilter extends ToolbarFilterCommon {
     queryPlaceholder?: string;
     queryErrorText?: PageAsyncQueryErrorTextType;
     openBrowse?: ToolbarOpenSingleSelectBrowse;
+    queryLabel?: (value: string) => Promise<string | undefined>;
     isRequired?: boolean;
 }
-export declare function toolbarSingleSelectBrowseAdapter<T>(selectFn: (onItemSelect: (itemValue: T) => void, itemDefaultSelection?: T) => void, keyFn: (item: T) => string, objectFn: (name: string) => object): ToolbarOpenSingleSelectBrowse;
+export declare function singleSelectBrowseAdapter<T>(selectFn: (onItemSelect: (itemValue: T) => void, itemDefaultSelection?: T) => void, keyFn: (item: T) => string, objectFn: (name: string) => object, customOnSelect?: (item: T) => void): ToolbarOpenSingleSelectBrowse;
 export {};

package/framework/PageToolbar/PageToolbarFilters/ToolbarTextFilter.d.ts

@@ -1,13 +1,24 @@
 import { ToolbarFilterType } from '../PageToolbarFilter';
 import { ToolbarFilterCommon } from './ToolbarFilterCommon';
-export interface IToolbarTextFilter extends ToolbarFilterCommon {
-    type: ToolbarFilterType.Text;
+export interface IToolbarSingleTextFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.SingleText;
     comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
 }
-export interface IToolbarTextFilterProps {
+export interface IToolbarMultiTextFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.MultiText;
+    comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
+}
+export declare function ToolbarTextMultiFilter(props: {
     id?: string;
     addFilter: (value: string) => void;
     placeholder?: string;
     comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
-}
-export declare function ToolbarTextFilter(props: IToolbarTextFilterProps): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarSingleTextFilter(props: {
+    id?: string;
+    placeholder?: string;
+    comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
+    setValue: (value: string) => void;
+    value: string;
+    hasKey: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageWizard/PageWizard.d.ts

@@ -1,10 +1,12 @@
 import '@patternfly/patternfly/components/Wizard/wizard.css';
 import { ErrorAdapter } from '../PageForm/typesErrorAdapter';
 import type { PageWizardStep } from './types';
-export default function PageWizard<T extends object>(props: {
+export declare function PageWizard<T extends object>(props: {
     steps: PageWizardStep[];
     defaultValue?: Record<string, object>;
     onCancel?: () => void;
     onSubmit: (wizardData: T) => Promise<void>;
     errorAdapter?: ErrorAdapter;
+    disableGrid?: boolean;
+    title?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageWizard/PageWizardBody.d.ts

@@ -1,6 +1,2 @@
-import { ErrorAdapter } from '../PageForm/typesErrorAdapter';
-export default function PageWizardBody<T>(props: {
-    onCancel?: () => void;
-    onSubmit: (wizardData: T) => Promise<void>;
-    errorAdapter?: ErrorAdapter;
-}): import("react/jsx-runtime").JSX.Element;
+import type { PageWizardBody } from './types';
+export declare function PageWizardBody<T>({ onCancel, onSubmit, disableGrid, errorAdapter, isVertical, singleColumn, }: PageWizardBody<T>): import("react/jsx-runtime").JSX.Element;

package/framework/PageWizard/PageWizardFooter.d.ts

@@ -1,4 +1,4 @@
-export default function PageWizardFooter(props: {
+export declare function PageWizardFooter(props: {
     onNext?: () => void;
     onBack: () => void;
     onCancel: () => void;

package/framework/PageWizard/PageWizardHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function PageWizardHeader(props: {
+    title: React.ReactNode;
+    onClose?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageWizard/PageWizardNavigation.d.ts

@@ -1 +1 @@
-export default function PageWizardNavigation(): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function PageWizardNavigation(): import("react/jsx-runtime").JSX.Element | undefined;

package/framework/PageWizard/PageWizardProvider.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import type { PageWizardStep, PageWizardState } from './types';
 export declare const PageWizardContext: import("react").Context<PageWizardState>;
 export declare function usePageWizard(): PageWizardState;
+export declare function isStepVisible(step: PageWizardStep, values: object): PageWizardStep | null;
 export declare function PageWizardProvider<T extends object>(props: {
     children: ReactNode;
     steps: PageWizardStep[];

package/framework/PageWizard/PageWizardToggle.d.ts

@@ -1 +1 @@
-export default function PageWizardToggle(): import("react/jsx-runtime").JSX.Element;
+export declare function PageWizardToggle(): import("react/jsx-runtime").JSX.Element;

package/framework/PageWizard/index.d.ts

@@ -1,3 +1,3 @@
-import PageWizard from './PageWizard';
+import { PageWizard } from './PageWizard';
 import type { PageWizardStep } from './types';
 export { PageWizard, PageWizardStep };

package/framework/PageWizard/types.d.ts

@@ -1,4 +1,5 @@
 import { SetStateAction } from 'react';
+import { ErrorAdapter } from '../PageForm/typesErrorAdapter';
 export interface PageWizardStep {
     id: string;
     label: string;
@@ -16,6 +17,16 @@ export interface PageWizardState {
     setWizardData: (data: object) => void;
     stepData: Record<string, object>;
     stepError: Record<string, object>;
-    steps: PageWizardStep[];
+    allSteps: PageWizardStep[];
+    visibleSteps: PageWizardStep[];
+    setVisibleSteps: (steps: PageWizardStep[]) => void;
     wizardData: object;
 }
+export interface PageWizardBody<T> {
+    onCancel?: () => void;
+    onSubmit: (wizardData: T) => Promise<void>;
+    errorAdapter?: ErrorAdapter;
+    disableGrid?: boolean;
+    isVertical?: boolean;
+    singleColumn?: boolean;
+}