@ansible/ansible-ui-framework 2.4.261 → 2.4.263

package/framework/PageForm/Inputs/FormGroupSelect.d.ts

@@ -1,8 +1,10 @@
 import { SelectProps } from '@patternfly/react-core';
-import React from 'react';
+import { ReactNode } from 'react';
 import { PageFormGroupProps } from './PageFormGroup';
-export type FormGroupSelectProps = Pick<SelectProps, 'footer' | 'isCreatable' | 'isGrouped' | 'onSelect' | 'placeholderText' | 'value' | 'isDisabled'> & PageFormGroupProps & {
+export type FormGroupSelectProps = Pick<SelectProps, 'footer' | 'isCreatable' | 'isGrouped' | 'onSelect' | 'placeholderText' | 'isDisabled'> & PageFormGroupProps & {
+    value?: string;
     isReadOnly?: boolean;
-    placeholderText: string | React.ReactNode;
+    placeholderText: string | ReactNode;
+    selectedIcon?: ReactNode;
 };
 export declare function FormGroupSelect(props: FormGroupSelectProps): import("react/jsx-runtime").JSX.Element;

package/framework/PageInputs/PageSingleSelect.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare function PageSingleSelect(props: {
+    id?: string;
+    children: ReactNode;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    icon?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageTable/PageTable.d.ts

@@ -4,6 +4,12 @@ import './PageTable.css';
 import { ITableColumn } from './PageTableColumn';
 import { PageTableViewType } from './PageToolbar/PageTableViewType';
 import { IToolbarFilter } from './PageToolbar/PageToolbarFilter';
+export type IPaginationRelatedProps = {
+    page: number;
+    perPage: number;
+    setPage: (page: number) => void;
+    setPerPage: (perPage: number) => void;
+};
 export type PageTableProps<T extends object> = {
     keyFn: (item: T) => string | number;
     itemCount?: number;
@@ -15,15 +21,12 @@ export type PageTableProps<T extends object> = {
     filters?: Record<string, string[]>;
     setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
     clearAllFilters?: () => void;
+    pagination?: IPaginationRelatedProps;
     sort?: string;
     setSort?: (sort: string) => void;
     sortDirection?: 'asc' | 'desc';
     setSortDirection?: (sortDirection: 'asc' | 'desc') => void;
     compact?: boolean;
-    page: number;
-    perPage: number;
-    setPage: (page: number) => void;
-    setPerPage: (perPage: number) => void;
     autoHidePagination?: boolean;
     isSelected?: (item: T) => boolean;
     isSelectMultiple?: boolean;
@@ -50,6 +53,7 @@ export type PageTableProps<T extends object> = {
     disableColumnManagement?: boolean;
     defaultTableView?: PageTableViewType;
     disableBodyPadding?: boolean;
+    disablePagination?: boolean;
     defaultSubtitle?: ReactNode;
     expandedRow?: (item: T) => ReactNode;
     disableLastRowBorder?: boolean;

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

@@ -4,7 +4,7 @@ import { PageTableViewType } from './PageTableViewType';
 import './PageToolbar.css';
 import { IToolbarFilter } from './PageToolbarFilter';
 import { PageTableSortOption } from './PageToolbarSort';
-export type PagetableToolbarProps<T extends object> = {
+export type PageTableToolbarProps<T extends object> = {
     openColumnModal?: () => void;
     keyFn: (item: T) => string | number;
     itemCount?: number;
@@ -39,4 +39,4 @@ export type PagetableToolbarProps<T extends object> = {
     bottomBorder?: boolean;
     sortOptions?: PageTableSortOption[];
 };
-export declare function PageTableToolbar<T extends object>(props: PagetableToolbarProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function PageTableToolbar<T extends object>(props: PageTableToolbarProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,18 @@
 import { Dispatch, SetStateAction } from 'react';
+import { IToolbarDateRangeFilter } from './PageToolbarFilterTypes/ToolbarDateRangeFilter';
+import { IToolbarMultiSelectFilter, IToolbarSingleSelectFilter } from './PageToolbarFilterTypes/ToolbarSelectFilter';
 import { IToolbarTextFilter } from './PageToolbarFilterTypes/ToolbarTextFilter';
-import { IToolbarSelectFilter } from './PageToolbarFilterTypes/ToolbarSelectFilter';
-import { IToolbarDateFilter } from './PageToolbarFilterTypes/ToolbarDateFilter';
-export type IToolbarFilter = IToolbarTextFilter | IToolbarSelectFilter | IToolbarDateFilter;
-export type IFilterState = Record<string, string[] | undefined>;
+export declare enum ToolbarFilterType {
+    Text = "text",
+    SingleSelect = "singleselect",
+    MultiSelect = "multiselect",
+    DateRange = "daterange"
+}
+export type IToolbarFilter = IToolbarTextFilter | IToolbarSingleSelectFilter | IToolbarMultiSelectFilter | IToolbarDateRangeFilter;
+export type IFilterState = Record<string, string[]>;
 export type PageToolbarFiltersProps = {
     toolbarFilters?: IToolbarFilter[];
-    filters?: Record<string, string[]>;
-    setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
+    filterState: IFilterState;
+    setFilterState?: Dispatch<SetStateAction<IFilterState>>;
 };
 export declare function PageToolbarFilters(props: PageToolbarFiltersProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,4 @@
 import { SelectOptionObject } from '@patternfly/react-core';
-import { ToolbarFilterCommon } from './ToolbarFilterCommon';
-export interface IToolbarDateFilter extends ToolbarFilterCommon {
-    type: 'date';
-}
 type AttributeType = string | string[] | SelectOptionObject | SelectOptionObject[] | boolean;
 export declare function ToolbarDateFilter(props: {
     endDate: string;

package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/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;
+    values: string[];
+    setValues: (values: 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/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarFilters.cy.d.ts

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

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

@@ -1,18 +1,28 @@
 import { SelectVariant } from '@patternfly/react-core';
+import { ToolbarFilterType } from '../PageToolbarFilter';
 import { ToolbarFilterCommon } from './ToolbarFilterCommon';
-export interface IToolbarSelectFilterOption {
-    label: string;
-    description?: string;
-    value: string;
+import './ToolbarSelectFilter.css';
+export interface IToolbarSingleSelectFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.SingleSelect;
+    options: IToolbarFilterOption[];
+    isRequired?: boolean;
+    defaultValue?: string;
+    hasSearch?: boolean;
+    onSearchTextChange?: (searchText: string) => void;
 }
-export interface IToolbarSelectFilter extends ToolbarFilterCommon {
-    type: 'select' | 'selectTypeAhead';
-    options: IToolbarSelectFilterOption[];
+export interface IToolbarMultiSelectFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.MultiSelect;
+    options: IToolbarFilterOption[];
     hasSearch?: boolean;
     onSearchTextChange?: (searchText: string) => void;
-    variant?: SelectVariant;
+}
+export interface IToolbarFilterOption {
+    label: string;
+    description?: string;
+    value: string;
 }
 export declare function ToolbarSelectFilter(props: {
+    id?: string;
     addFilter: (value: string) => void;
     removeFilter: (value: string) => void;
     options: {
@@ -24,4 +34,8 @@ export declare function ToolbarSelectFilter(props: {
     hasSearch?: boolean;
     variant?: SelectVariant;
     onSearchTextChange?: (text: string) => void;
+    label?: string;
+    hasClear?: boolean;
+    isRequired?: boolean;
+    defaultValue?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,13 @@
+import { ToolbarFilterType } from '../PageToolbarFilter';
 import { ToolbarFilterCommon } from './ToolbarFilterCommon';
 export interface IToolbarTextFilter extends ToolbarFilterCommon {
-    type: 'string';
+    type: ToolbarFilterType.Text;
     comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
 }
-export declare function ToolbarTextFilter(props: {
+export interface IToolbarTextFilterProps {
     id?: string;
     addFilter: (value: string) => void;
-} & Pick<IToolbarTextFilter, 'comparison' | 'placeholder'>): import("react/jsx-runtime").JSX.Element;
+    placeholder?: string;
+    comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
+}
+export declare function ToolbarTextFilter(props: IToolbarTextFilterProps): import("react/jsx-runtime").JSX.Element;