@ansible/ansible-ui-framework 0.0.0

package/framework/PageTable/PageTableColumn.d.ts

@@ -0,0 +1,310 @@
+import { ReactNode } from 'react';
+import { PageTableViewTypeE } from '../PageToolbar/PageTableViewType';
+export declare enum ColumnTableOption {
+    description = "description",
+    expanded = "expanded",
+    hidden = "hidden"
+}
+export declare enum ColumnListOption {
+    name = "name",
+    subtitle = "subtitle",
+    description = "description",
+    hidden = "hidden",
+    primary = "primary",
+    secondary = "secondary"
+}
+export declare enum ColumnCardOption {
+    name = "name",
+    subtitle = "subtitle",
+    description = "description",
+    hidden = "hidden"
+}
+export declare enum ColumnModalOption {
+    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;
+    fullWidth?: boolean;
+    sort?: string;
+    defaultSortDirection?: 'asc' | 'desc';
+    defaultSort?: boolean;
+    icon?: (item: T) => ReactNode;
+    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;
+    value?: CellFn<T, string | string[] | number | boolean | undefined | null>;
+    cell: CellFn<T, ReactNode | undefined>;
+}
+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';
+    value: CellFn<T, string | undefined | null>;
+}
+export interface ITableColumnTypeCount<T extends object> extends ITableColumnCommon<T> {
+    type: 'count';
+    value: CellFn<T, number | undefined>;
+}
+export interface ITableColumnTypeLabels<T extends object> extends ITableColumnCommon<T> {
+    type: 'labels';
+    value: CellFn<T, string[] | undefined>;
+}
+export interface ITableColumnTypeDateTime<T extends object> extends ITableColumnCommon<T> {
+    type: 'datetime';
+    value: CellFn<T, number | string | undefined>;
+}
+export type ITableColumn<T extends object> = ITableColumnTypeReactNode<T> | ITableColumnTypeText<T> | ITableColumnTypeDescription<T> | ITableColumnTypeDateTime<T> | ITableColumnTypeLabels<T> | ITableColumnTypeCount<T>;
+export declare function TableColumnCell<T extends object>(props: {
+    item: T;
+    column?: ITableColumn<T>;
+}): JSX.Element;
+export declare function useVisibleTableColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
+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>[];
+type CellFn<T extends object, R> = (item: T) => R;
+export declare function useColumnsWithoutSort<T extends object>(columns: ITableColumn<T>[]): ({
+    sort: undefined;
+    type?: undefined;
+    value?: CellFn<T, string | number | boolean | string[] | null | undefined> | undefined;
+    cell: CellFn<T, ReactNode>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | 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;
+    fullWidth?: boolean | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+} | {
+    sort: undefined;
+    type: "description";
+    value: CellFn<T, string | null | undefined>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+} | {
+    sort: undefined;
+    type: "datetime";
+    value: CellFn<T, string | number | undefined>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+} | {
+    sort: undefined;
+    type: "labels";
+    value: CellFn<T, string[] | undefined>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+} | {
+    sort: undefined;
+    type: "count";
+    value: CellFn<T, number | undefined>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    table?: "hidden" | "description" | "expanded" | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+})[];
+export declare function useColumnsWithoutExpandedRow<T extends object>(columns: ITableColumn<T>[]): ({
+    table: "hidden" | "description" | undefined;
+    type?: undefined;
+    value?: CellFn<T, string | number | boolean | string[] | null | undefined> | undefined;
+    cell: CellFn<T, ReactNode>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    sort?: string | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | 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;
+    fullWidth?: boolean | undefined;
+    sort?: string | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+} | {
+    table: "hidden" | "description" | undefined;
+    type: "description";
+    value: CellFn<T, string | null | undefined>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    sort?: string | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+} | {
+    table: "hidden" | "description" | undefined;
+    type: "datetime";
+    value: CellFn<T, string | number | undefined>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    sort?: string | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+} | {
+    table: "hidden" | "description" | undefined;
+    type: "labels";
+    value: CellFn<T, string[] | undefined>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    sort?: string | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+} | {
+    table: "hidden" | "description" | undefined;
+    type: "count";
+    value: CellFn<T, number | undefined>;
+    id?: string | undefined;
+    header: string;
+    minWidth?: number | undefined;
+    maxWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    sort?: string | undefined;
+    defaultSortDirection?: "desc" | "asc" | undefined;
+    defaultSort?: boolean | undefined;
+    icon?: ((item: T) => ReactNode) | undefined;
+    list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
+    card?: "name" | "hidden" | "description" | "subtitle" | undefined;
+    modal?: "hidden" | undefined;
+    dashboard?: "hidden" | undefined;
+    priority?: "last" | undefined;
+})[];
+export {};

package/framework/PageTable/PageTableList.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { IPageAction } from '../PageActions/PageAction';
+import { PageTableProps } from './PageTable';
+import { ITableColumn } from './PageTableColumn';
+export type PageTableListProps<T extends object> = PageTableProps<T>;
+export declare function PageTableList<T extends object>(props: PageTableListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function useColumnsToDataList<T extends object>(tableColumns: ITableColumn<T>[], keyFn: (item: T) => string | number, isSelected?: (item: T) => boolean, selectItem?: (item: T) => void, unselectItem?: (item: T) => void, rowActions?: IPageAction<T>[], defaultCardSubtitle?: ReactNode, showSelect?: boolean): (item: T) => ReactNode;

package/framework/PageTable/useTableItems.d.ts

@@ -0,0 +1,74 @@
+/// <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;
+}): {
+    allSelected: boolean;
+    filtered: T[];
+    isSelected: (item: T) => boolean;
+    page: number;
+    paged: T[];
+    perPage: number;
+    search: string;
+    searched: T[];
+    selectAll: () => void;
+    selectItem: (item: T) => void;
+    selectPage: () => void;
+    selectedItems: T[];
+    setFilterFn: (filterFn: ((item: T) => boolean) | undefined) => void;
+    setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPerPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    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;
+    sorted: T[];
+    unselectAll: () => void;
+    unselectItem: (item: T) => void;
+};
+export interface ISelected<T extends object> {
+    selectedItems: T[];
+    selectItem: (item: T) => void;
+    selectItems: (items: T[]) => void;
+    unselectItem: (item: T) => void;
+    unselectItems: (items: T[]) => void;
+    isSelected: (item: T) => boolean;
+    selectAll: () => void;
+    unselectAll: () => void;
+    allSelected: boolean;
+    keyFn: (item: T) => string | number;
+}
+export declare function useSelected<T extends object>(items: T[], keyFn: (item: T) => string | number, defaultSelection?: T[]): ISelected<T>;
+export declare function useSelectedInMemory<T extends object>(items: T[] | undefined, keyFn: (item: T) => string | number): {
+    selectedItems: T[];
+    selectItem: (item: T) => void;
+    unselectItem: (item: T) => void;
+    isSelected: (item: T) => boolean;
+    selectItems: (items: T[]) => void;
+    selectAll: () => void;
+    unselectAll: () => void;
+    allSelected: boolean;
+    keyFn: (item: T) => string | number;
+    unselectItems: (items: T[]) => void;
+};
+export interface ISort<T extends object> {
+    id: string;
+    sortFn: (l: T, r: T) => number;
+    direction: 'asc' | 'desc';
+}
+export declare function useSorted<T extends object>(items: T[] | undefined): {
+    sorted: T[];
+    sort: ISort<T> | undefined;
+    setSort: import("react").Dispatch<import("react").SetStateAction<ISort<T> | undefined>>;
+};
+export declare function useFiltered<T extends object>(items: T[], keyFn: (item: T) => string | number): {
+    filtered: T[];
+    setFilterFn: (filterFn: ((item: T) => boolean) | undefined) => void;
+};
+export declare function usePaged<T extends object>(source: T[]): {
+    paged: T[];
+    page: number;
+    setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    perPage: number;
+    setPerPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+};

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

@@ -0,0 +1,20 @@
+import './PageTabs.css';
+export declare function PageRoutedTabs(props: {
+    backTab?: {
+        label: string;
+        page: string;
+        persistentFilterKey: string;
+    };
+    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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import './PageTabs.css';
+export declare function PageTabs(props: {
+    children: ReactNode;
+    initialTabIndex?: number;
+    loading?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PageTab(props: {
+    label?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageToolbar/PageTableViewType.d.ts

@@ -0,0 +1,6 @@
+export declare enum PageTableViewTypeE {
+    Table = "table",
+    List = "list",
+    Cards = "cards"
+}
+export type PageTableViewType = 'table' | 'list' | 'cards';

package/framework/PageToolbar/PageToolbar.d.ts

@@ -0,0 +1,47 @@
+import { PerPageOptions } from '@patternfly/react-core';
+import React, { Dispatch, SetStateAction } from 'react';
+import { IPageAction } from '../PageActions/PageAction';
+import { PageTableViewType } from './PageTableViewType';
+import './PageToolbar.css';
+import { IFilterState, IToolbarFilter } from './PageToolbarFilter';
+import { PageTableSortOption } from './PageToolbarSort';
+export type PageToolbarProps<T extends object> = {
+    localStorageKey?: string;
+    openColumnModal?: () => void;
+    keyFn: (item: T) => string | number;
+    itemCount?: number;
+    toolbarActions?: IPageAction<T>[];
+    toolbarFilters?: IToolbarFilter[];
+    filterState?: IFilterState;
+    setFilterState?: Dispatch<SetStateAction<IFilterState>>;
+    clearAllFilters?: () => void;
+    page?: number;
+    perPage?: number;
+    setPage?: (page: number) => void;
+    setPerPage?: (perPage: number) => void;
+    perPageOptions?: PerPageOptions[];
+    isSelected?: (item: T) => boolean;
+    selectedItems?: T[];
+    selectItem?: (item: T) => void;
+    unselectItem?: (item: T) => void;
+    selectItems?: (items: T[]) => void;
+    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;
+    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

@@ -0,0 +1,25 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IToolbarAsyncMultiSelectFilter } from './PageToolbarFilters/ToolbarAsyncMultiSelectFilter';
+import { IToolbarAsyncSingleSelectFilter } from './PageToolbarFilters/ToolbarAsyncSingleSelectFilter';
+import { IToolbarDateRangeFilter } from './PageToolbarFilters/ToolbarDateRangeFilter';
+import { IToolbarMultiSelectFilter } from './PageToolbarFilters/ToolbarMultiSelectFilter';
+import { IToolbarSingleSelectFilter } from './PageToolbarFilters/ToolbarSingleSelectFilter';
+import { IToolbarMultiTextFilter, IToolbarSingleTextFilter } from './PageToolbarFilters/ToolbarTextFilter';
+export declare enum ToolbarFilterType {
+    SingleText = 0,
+    MultiText = 1,
+    SingleSelect = 2,
+    MultiSelect = 3,
+    DateRange = 4,
+    AsyncSingleSelect = 5,
+    AsyncMultiSelect = 6
+}
+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

@@ -0,0 +1,20 @@
+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 {
+    type: ToolbarFilterType.AsyncMultiSelect;
+    queryOptions: PageAsyncMultiSelectOptionsFn<string>;
+    queryPlaceholder?: string;
+    queryErrorText?: PageAsyncQueryErrorTextType;
+    queryLabel?: (value: string) => Promise<string | undefined>;
+    openBrowse?: ToolbarOpenMultiSelectBrowse;
+    isRequired?: boolean;
+}
+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

@@ -0,0 +1,23 @@
+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;
+    refresh: () => Promise<void>;
+};
+export type AsyncSelectFilterBuilderProps<T extends object> = {
+    title: string;
+    tableColumns: ITableColumn<T>[];
+    toolbarFilters?: IToolbarFilter[];
+    viewParams: ViewExtendedOptions<T>;
+    useView: (viewParams: ViewExtendedOptions<T>) => BaseView<T>;
+    multiDialogs?: MultiDialogs;
+};
+export declare function useAsyncSingleSelectFilterBuilder<T extends object>(props: AsyncSelectFilterBuilderProps<T>): {
+    openBrowse: (onSelect: (value: T) => void, defaultSelection?: T) => void;
+};
+export declare function useAsyncMultiSelectFilterBuilder<T extends object>(props: AsyncSelectFilterBuilderProps<T>): {
+    openBrowse: (onSelect: (value: T[]) => void, defaultSelection?: T[]) => void;
+};
+export {};

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

@@ -0,0 +1,15 @@
+import { ToolbarFilterType } from '../PageToolbarFilter';
+import { PageAsyncQueryErrorTextType, PageAsyncSingleSelectOptionsFn } from './../../PageInputs/PageAsyncSingleSelect';
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+type ToolbarOpenSingleSelectBrowse = (onSelect: (value: string) => void, defaultSelection?: string) => void;
+export interface IToolbarAsyncSingleSelectFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.AsyncSingleSelect;
+    queryOptions: PageAsyncSingleSelectOptionsFn<string>;
+    queryPlaceholder?: string;
+    queryErrorText?: PageAsyncQueryErrorTextType;
+    openBrowse?: ToolbarOpenSingleSelectBrowse;
+    queryLabel?: (value: string) => Promise<string | undefined>;
+    isRequired?: boolean;
+}
+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/ToolbarDateRangeFilter.d.ts

@@ -0,0 +1,33 @@
+import { ToolbarFilterType } from '../PageToolbarFilter';
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarDateRangeFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.DateRange;
+    options: IToolbarDateFilterOption[];
+    isRequired?: boolean;
+    defaultValue?: string;
+    isPinned?: true;
+}
+interface IToolbarDateFilterOption {
+    label: string;
+    description?: string;
+    value: string;
+    isCustom?: boolean;
+}
+export interface IToolbarDateRangeFilterProps {
+    id?: string;
+    label?: string;
+    placeholder: string;
+    filterValues?: string[] | undefined;
+    setFilterValues: (setter: (prevValues: string[] | undefined) => string[]) => void;
+    options: IToolbarDateFilterOption[];
+    isRequired?: boolean;
+    defaultValue?: string;
+}
+export declare function ToolbarDateRangeFilter(props: IToolbarDateRangeFilterProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRange(props: {
+    to?: string;
+    setTo: (value?: string) => void;
+    from?: string;
+    setFrom: (value?: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+export interface ToolbarFilterCommon {
+    key: string;
+    label: string;
+    isPinned?: boolean;
+    query: string;
+    placeholder?: string;
+}

package/framework/PageToolbar/PageToolbarFilters/ToolbarFilters.cy.d.ts

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

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

@@ -0,0 +1,8 @@
+import { PageSelectOption } from '../../PageInputs/PageSelectOption';
+import { ToolbarFilterType } from '../PageToolbarFilter';
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarMultiSelectFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.MultiSelect;
+    options: PageSelectOption<string>[];
+    placeholder: string;
+}

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

@@ -0,0 +1,9 @@
+import { PageSelectOption } from '../../PageInputs/PageSelectOption';
+import { ToolbarFilterType } from '../PageToolbarFilter';
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarSingleSelectFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.SingleSelect;
+    options: PageSelectOption<string>[];
+    isRequired?: boolean;
+    placeholder: string;
+}