@ansible/ansible-ui-framework 2.4.534 → 2.4.538

package/framework/PageActions/PageActionDropdown.d.ts

@@ -1,4 +1,5 @@
-import { ButtonVariant, DropdownPosition } from '@patternfly/react-core';
+import { ButtonVariant } from '@patternfly/react-core';
+import { DropdownPosition } from '@patternfly/react-core/deprecated';
 import { ComponentClass, FunctionComponent } from 'react';
 import { IPageAction } from './PageAction';
 interface PageActionDropdownProps<T extends object> {

package/framework/PageActions/PageActions.d.ts

@@ -1,4 +1,4 @@
-import { DropdownPosition } from '@patternfly/react-core';
+import { DropdownPosition } from '@patternfly/react-core/deprecated';
 import { ComponentClass, FunctionComponent } from 'react';
 import { WindowSize } from '../components/useBreakPoint';
 import { IPageAction } from './PageAction';

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

@@ -1,16 +1,20 @@
-import { FormGroupProps, SelectOptionObject, SelectProps } from '@patternfly/react-core';
+import { SelectOptionObject } from '@patternfly/react-core/deprecated';
 import React from 'react';
-export type FormGroupTypeAheadMultiSelectProps = Pick<FormGroupProps, 'helperTextInvalid' | 'children'> & Pick<SelectProps, 'footer' | 'isCreatable' | 'isGrouped' | 'placeholderText' | 'value' | 'isDisabled' | 'children' | 'onSelect'> & {
+export type FormGroupTypeAheadMultiSelectProps = {
+    id?: string;
+    label: string;
+    labelHelp?: string | string[] | React.ReactNode;
+    labelHelpTitle?: string;
+    helperText?: string;
+    helperTextInvalid?: string;
     isReadOnly?: boolean;
     placeholderText?: string | React.ReactNode;
-    name: string;
     options: {
         value: string | {
             name: string;
         };
         label: string;
     }[];
-    id?: string;
     onSelect?: (event: React.MouseEvent | React.ChangeEvent, value: string | SelectOptionObject, isPlaceholder?: boolean) => void;
     onHandleSelection: (value: string | SelectOptionObject | {
         name: string;

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

@@ -5,8 +5,8 @@ export interface PageFormAsyncSelectProps<TFieldValues extends FieldValues = Fie
     name: TFieldName;
     variant?: 'single' | 'typeahead' | 'typeaheadMulti';
     label: string;
-    labelHelp?: string | ReactNode;
     labelHelpTitle?: string;
+    labelHelp?: string | string[] | ReactNode;
     placeholder: string;
     loadingPlaceholder: string;
     loadingErrorText: string;

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

@@ -1,8 +1,13 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
 export type PageFormCreatableSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    name: TFieldName;
     id?: string;
+    name: TFieldName;
+    label: string;
+    labelHelp?: string | string[] | ReactNode;
+    labelHelpTitle?: string;
+    additionalControls?: ReactElement;
+    placeholderText?: string;
     options: {
         value: string | {
             name: string;
@@ -10,11 +15,6 @@ export type PageFormCreatableSelectProps<TFieldValues extends FieldValues = Fiel
         label: string;
     }[];
     isRequired?: boolean;
-    label: string;
-    additionalControls?: ReactElement;
-    placeholderText?: string;
-    labelHelp?: string;
-    labelHelpTitle?: string;
     validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
 };
 export declare function PageFormCreatableSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormCreatableSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

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

@@ -14,7 +14,7 @@ export type PageFormDataEditorInputProps<TFieldValues extends FieldValues = Fiel
     isReadOnly?: boolean;
     isRequired?: boolean;
     additionalControls?: ReactNode;
-    labelHelp?: ReactNode;
+    labelHelp?: string | string[] | ReactNode;
     labelHelpTitle?: string;
 };
 export declare function PageFormDataEditor<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, undefined | string> = FieldPathByValue<TFieldValues, undefined | string>>(props: PageFormDataEditorInputProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,11 @@
+import { ReactNode } from 'react';
 import { FieldPath, FieldValues } from 'react-hook-form';
 export type PageFormDateTimePickerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: TFieldName;
     datePlaceHolder?: string;
     timePlaceHolder?: string;
     label: string;
-    labelHelp?: string;
+    labelHelp?: string | string[] | ReactNode;
     labelHelpTitle?: string;
     isDisabled?: boolean;
 };

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

@@ -1,10 +1,14 @@
-import { FormGroupProps } from '@patternfly/react-core';
 import { ReactNode } from 'react';
-export type PageFormGroupProps = Pick<FormGroupProps, 'children' | 'helperText' | 'helperTextInvalid' | 'isRequired' | 'label' | 'labelIcon'> & {
-    id?: string;
-    name?: string;
+export interface PageFormGroupProps {
+    fieldId?: string;
+    icon?: ReactNode;
+    label?: string;
+    labelHelp?: string | string[] | ReactNode;
     labelHelpTitle?: string;
-    labelHelp?: string | ReactNode;
+    isRequired?: boolean;
     additionalControls?: ReactNode;
-};
+    children?: ReactNode;
+    helperText?: string;
+    helperTextInvalid?: string | string[] | false;
+}
 export declare function PageFormGroup(props: PageFormGroupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ export type PageFormMultiSelectProps<TFieldValues extends FieldValues = FieldVal
     name: TFieldName;
     label?: string;
     labelHelpTitle?: string;
-    labelHelp?: ReactNode;
+    labelHelp?: string | string[] | ReactNode;
     placeholderText?: string;
     options: PageSelectOption<ValueT>[];
     helperText?: string;

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

@@ -6,7 +6,7 @@ export type PageFormSelectProps<TFieldValues extends FieldValues = FieldValues,
     name: TFieldName;
     label?: string;
     labelHelpTitle?: string;
-    labelHelp?: ReactNode;
+    labelHelp?: string | string[] | ReactNode;
     additionalControls?: ReactNode;
     placeholderText?: string;
     options: PageSelectOption<TSelection>[];

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

@@ -2,8 +2,6 @@ export declare function PageFormSlider(props: {
     id?: string;
     label: string;
     name: string;
-    helperText?: string;
-    required?: boolean;
     autoFocus?: boolean;
     min?: number;
     max?: number;

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

@@ -1,16 +1,16 @@
+import { ReactElement, ReactNode } from 'react';
 import { FieldPath, FieldValues, Validate, ValidationRule } from 'react-hook-form';
-import { SwitchProps } from '@patternfly/react-core';
-import { ReactElement } from 'react';
 export type PageFormSwitchProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    id?: string;
     name: TFieldName;
-    helperText?: string;
+    label?: string;
+    labelHelpTitle?: string;
+    labelHelp?: string | string[] | ReactNode;
     isRequired?: boolean;
+    additionalControls?: ReactElement;
+    helperText?: string;
     pattern?: ValidationRule<RegExp>;
     validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
     autoFocus?: boolean;
-    additionalControls?: ReactElement;
-    formLabel?: string;
-    labelHelp?: string;
-    labelHelpTitle?: string;
-} & Omit<SwitchProps, 'onChange' | 'ref' | 'instance'>;
+};
 export declare function PageFormSwitch<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormSwitchProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ export type PageFormTextInputProps<TFieldValues extends FieldValues = FieldValue
     type?: 'text' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'time' | 'url';
     label?: string;
     labelHelpTitle?: string;
-    labelHelp?: ReactNode;
+    labelHelp?: string | string[] | ReactNode;
     additionalControls?: ReactNode;
     placeholder?: string;
     button?: ReactNode;

package/framework/PageTable/PagePagination.d.ts

@@ -1,3 +1,4 @@
+import { PerPageOptions } from '@patternfly/react-core';
 import { CSSProperties } from 'react';
 export type PagePaginationProps = {
     itemCount?: number;
@@ -7,5 +8,6 @@ export type PagePaginationProps = {
     setPerPage: (perPage: number) => void;
     style?: CSSProperties;
     topBorder?: boolean;
+    perPageOptions?: PerPageOptions[];
 };
 export declare function PagePagination(props: PagePaginationProps): import("react/jsx-runtime").JSX.Element;

package/framework/PageTable/PageTable.d.ts

@@ -1,3 +1,4 @@
+import { PerPageOptions } from '@patternfly/react-core';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { IPageAction } from '../PageActions/PageAction';
 import { PageTableViewType } from '../PageToolbar/PageTableViewType';
@@ -20,6 +21,7 @@ export type PageTableProps<T extends object> = {
     perPage: number;
     setPage: (page: number) => void;
     setPerPage: (perPage: number) => void;
+    perPageOptions?: PerPageOptions[];
     sort?: string;
     setSort?: (sort: string) => void;
     sortDirection?: 'asc' | 'desc';
@@ -49,6 +51,7 @@ export type PageTableProps<T extends object> = {
     disableListView?: boolean;
     disableCardView?: boolean;
     defaultTableView?: PageTableViewType;
+    hideTable?: boolean;
     disableBodyPadding?: boolean;
     disablePagination?: boolean;
     defaultSubtitle?: ReactNode;

package/framework/PageTable/PageTableCard.d.ts

@@ -22,7 +22,7 @@ export interface IPageTableCard {
     badgeTooltipTitle?: string;
     alertTitle?: string;
     alertContent?: ReactNode;
-    alertVariant?: 'success' | 'danger' | 'warning' | 'info' | 'default';
+    alertVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom';
 }
 export declare const PageDetailDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ColumnsDiv: import("styled-components").StyledComponent<"div", any, {}, never>;

package/framework/PageToolbar/PageToolbar.d.ts

@@ -1,3 +1,4 @@
+import { PerPageOptions } from '@patternfly/react-core';
 import React, { Dispatch, SetStateAction } from 'react';
 import { IPageAction } from '../PageActions/PageAction';
 import { PageTableViewType } from './PageTableViewType';
@@ -18,6 +19,7 @@ export type PageToolbarProps<T extends object> = {
     perPage?: number;
     setPage?: (page: number) => void;
     setPerPage?: (perPage: number) => void;
+    perPageOptions?: PerPageOptions[];
     isSelected?: (item: T) => boolean;
     selectedItems?: T[];
     selectItem?: (item: T) => void;
@@ -36,7 +38,6 @@ export type PageToolbarProps<T extends object> = {
     disableListView?: boolean;
     disableCardView?: boolean;
     disablePagination?: boolean;
-    bottomBorder?: boolean;
     sortOptions?: PageTableSortOption[];
     maxSelections?: number;
     toolbarContent?: React.ReactNode;

package/framework/components/EmptyStateCustom.d.ts

@@ -6,6 +6,6 @@ export declare function EmptyStateCustom(props: {
     button?: ReactElement;
     footNote?: string;
     image?: ReactElement;
-    variant?: 'xs' | 'xl' | 'small' | 'large' | 'full' | undefined;
+    variant?: 'xs' | 'sm' | 'lg' | 'xl' | 'full' | undefined;
     style?: React.CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/components/EmptyStateNoData.d.ts

@@ -3,5 +3,5 @@ export declare function EmptyStateNoData(props: {
     button?: ReactElement;
     title: string;
     description: ReactNode;
-    variant?: 'xs' | 'xl' | 'small' | 'large' | 'full' | undefined;
+    variant?: 'xs' | 'sm' | 'lg' | 'xl' | 'full' | undefined;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/components/Help.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export declare function Help(props: {
-    help?: ReactNode | string | string[];
     title?: string;
+    help?: string | string[] | ReactNode;
     docLink?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/components/pfcolors.d.ts

@@ -13,13 +13,13 @@ export declare enum PFColorE {
     Disabled = "disabled"
 }
 export type PFColor = 'default' | 'green' | 'success' | 'blue' | 'info' | 'red' | 'danger' | 'yellow' | 'orange' | 'warning' | 'grey' | 'disabled';
-export declare function getPatternflyColor(color: PFColor): "var(--pf-global--danger-color--100)" | "var(--pf-global--success-color--100)" | "var(--pf-global--warning-color--100)" | "var(--pf-global--info-color--100)" | "var(--pf-global--disabled-color--100)" | undefined;
-export declare const pfSuccess = "var(--pf-global--success-color--100)";
-export declare const pfDanger = "var(--pf-global--danger-color--100)";
-export declare const pfWarning = "var(--pf-global--warning-color--100)";
-export declare const pfInfo = "var(--pf-global--info-color--100)";
-export declare const pfDisabled = "var(--pf-global--disabled-color--100)";
-export declare const pfLink = "var(--pf-global--link--Color)";
+export declare function getPatternflyColor(color: PFColor): "var(--pf-v5-global--danger-color--100)" | "var(--pf-v5-global--success-color--100)" | "var(--pf-v5-global--warning-color--100)" | "var(--pf-v5-global--info-color--100)" | "var(--pf-v5-global--disabled-color--100)" | undefined;
+export declare const pfSuccess = "var(--pf-v5-global--success-color--100)";
+export declare const pfDanger = "var(--pf-v5-global--danger-color--100)";
+export declare const pfWarning = "var(--pf-v5-global--warning-color--100)";
+export declare const pfInfo = "var(--pf-v5-global--info-color--100)";
+export declare const pfDisabled = "var(--pf-v5-global--disabled-color--100)";
+export declare const pfLink = "var(--pf-v5-global--link--Color)";
 export declare enum LabelColorE {
     blue = "blue",
     cyan = "cyan",

package/framework/hooks/useID.d.ts

@@ -2,7 +2,7 @@ export declare function useID(props: {
     id?: string;
     label?: string;
     name?: string;
-}): string | undefined;
+}): string;
 export declare function getID(props: {
     id?: string;
     label?: string;