@ansible/ansible-ui-framework 2.4.671 → 2.4.1112

package/framework/PageActions/PageAction.d.ts

@@ -67,6 +67,7 @@ export interface IPageActionSwitch extends IPageActionNoneCommon {
     isSwitchOn: () => boolean;
     showPinnedLabel?: boolean;
     labelOff?: string;
+    isReversed?: boolean;
     ariaLabel: (isEnabled: boolean) => string;
 }
 export interface IPageActionSwitchSingle<T extends object> extends IPageActionSingleCommon<T> {
@@ -75,6 +76,7 @@ export interface IPageActionSwitchSingle<T extends object> extends IPageActionSi
     isSwitchOn: (item: T) => boolean;
     showPinnedLabel?: boolean;
     labelOff?: string;
+    isReversed?: boolean;
     ariaLabel: (isEnabled: boolean) => string;
 }
 export interface IPageActionDropdown<T extends object> extends IPageActionNoneCommon {

package/framework/PageCells/DateTimeCell.d.ts

@@ -4,6 +4,5 @@ export declare function DateCell(props: {
 export declare function DateTimeCell(props: {
     value: string | number | undefined | null;
     author?: string;
-    format?: 'since' | 'date-time';
     onClick?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageCells/LabelsCell.d.ts

@@ -5,10 +5,14 @@ type LabelWithLink = {
 type LabelsWithLinksProps = {
     labels?: never;
     labelsWithLinks: LabelWithLink[];
+    numLabels?: number;
+    wrapLabels?: boolean;
 };
 type LabelsProps = {
     labels: string[];
     labelsWithLinks?: never;
+    numLabels?: number;
+    wrapLabels?: boolean;
 };
 export declare function LabelsCell(props: LabelsProps | LabelsWithLinksProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/framework/PageDashboard/PageDashboardCard.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties, ReactNode } from 'react';
 export type PageDashboardCardWidth = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export type PageDashboardCardHeight = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export declare function PageDashboardCard(props: {
+    id?: string;
     supertitle?: string;
     title?: string;
     subtitle?: string;
@@ -18,9 +19,10 @@ export declare function PageDashboardCard(props: {
     height?: PageDashboardCardHeight;
     maxHeight?: PageDashboardCardHeight;
     style?: CSSProperties;
-    help?: string[];
+    help?: string;
     helpTitle?: string;
     helpDocLink?: string;
     headerControls?: ReactNode;
     isCompact?: boolean;
+    canCollapse?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageDetails/PageDetails.d.ts

@@ -3,5 +3,7 @@ export declare function PageDetails(props: {
     children?: ReactNode;
     disablePadding?: boolean;
     numberOfColumns?: 'multiple' | 'single';
+    labelOrientation?: 'horizontal' | 'vertical';
     alertPrompts?: string[];
+    isCompact?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageDetails/PageDetailsFromColumns.d.ts

@@ -1,7 +1,7 @@
+import { ReactNode } from 'react';
 import { ITableColumn } from '../PageTable/PageTableColumn';
 export declare function PageDetailsFromColumns<T extends object>(props: {
     item: T | undefined;
     columns: ITableColumn<T>[];
-    disablePadding?: boolean;
-    numberOfColumns?: 'multiple' | 'single';
+    children?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageDialogs/BulkActionDialog.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ErrorAdapter } from '../PageForm/typesErrorAdapter';
 import { ITableColumn } from '../PageTable/PageTableColumn';
 export interface BulkActionDialogProps<T extends object> {
     title: string;
@@ -10,6 +11,7 @@ export interface BulkActionDialogProps<T extends object> {
     onClose?: () => void;
     processingText?: string;
     isDanger?: boolean;
+    errorAdapter?: ErrorAdapter;
 }
 export declare function BulkActionDialog<T extends object>(props: BulkActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function useBulkActionDialog<T extends object>(): import("react").Dispatch<import("react").SetStateAction<BulkActionDialogProps<T> | undefined>>;
+export declare function useBulkActionDialog<T extends object>(defaultErrorAdapter?: ErrorAdapter): import("react").Dispatch<import("react").SetStateAction<BulkActionDialogProps<T> | undefined>>;

package/framework/PageDialogs/BulkConfirmationDialog.d.ts

@@ -1,3 +1,4 @@
+import { ErrorAdapter } from '../PageForm/typesErrorAdapter';
 import { ITableColumn } from '../PageTable/PageTableColumn';
 import { BulkActionDialogProps } from './BulkActionDialog';
 export interface BulkConfirmationDialog<T extends object> {
@@ -13,7 +14,8 @@ export interface BulkConfirmationDialog<T extends object> {
     confirmText: string;
     actionButtonText: string;
     isDanger?: boolean;
+    errorAdapter?: ErrorAdapter;
 }
 declare function BulkConfirmationDialog<T extends object>(props: BulkConfirmationDialog<T>): import("react/jsx-runtime").JSX.Element;
-export declare function useBulkConfirmation<T extends object>(): (options: Omit<BulkConfirmationDialog<T>, 'onConfirm' | 'onClose'> & Omit<BulkActionDialogProps<T>, 'onClose'>) => void;
+export declare function useBulkConfirmation<T extends object>(errorAdapter?: ErrorAdapter): (options: Omit<BulkConfirmationDialog<T>, 'onConfirm' | 'onClose'> & Omit<BulkActionDialogProps<T>, 'onClose'>) => void;
 export {};

package/framework/PageDialogs/MultiSelectDialog.d.ts

@@ -19,5 +19,6 @@ export type MultiSelectDialogProps<T extends object> = {
     defaultSort?: string;
     maxSelections?: number;
     allowZeroSelections?: boolean;
+    onClose?: () => void;
 };
 export declare function MultiSelectDialog<T extends object>(props: MultiSelectDialogProps<T>): import("react/jsx-runtime").JSX.Element;

package/framework/PageDialogs/PageDialog.d.ts

@@ -1,9 +1,14 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-export declare const DialogContext: import("react").Context<ReactNode>;
+import { ReactNode } from 'react';
 export declare function PageDialogProvider(props: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function usePageDialogs(): {
+    dialogs: ReactNode[];
+    clearDialogs: () => void;
+    pushDialog: (_dialog: ReactNode) => void;
+    popDialog: () => void;
+};
 export declare function usePageDialog(): [
     dialog: ReactNode | undefined,
-    setDialog: Dispatch<SetStateAction<ReactNode | undefined>>
+    setDialog: (dialog: ReactNode | undefined) => void
 ];

package/framework/PageDialogs/{SelectSingleDialog.d.ts → SingleSelectDialog.d.ts}

@@ -2,7 +2,7 @@ import { ITableColumn } from '../PageTable/PageTableColumn';
 import { ISelected } from '../PageTable/useTableItems';
 import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
 import { IView } from '../useView';
-export type SelectSingleDialogProps<T extends object> = {
+export type SingleSelectDialogProps<T extends object> = {
     title: string;
     view: IView & ISelected<T> & {
         itemCount?: number;
@@ -15,5 +15,6 @@ export type SelectSingleDialogProps<T extends object> = {
     cancelText?: string;
     emptyStateTitle?: string;
     errorStateTitle?: string;
+    onClose?: () => void;
 };
-export declare function SelectSingleDialog<T extends object>(props: SelectSingleDialogProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SingleSelectDialog<T extends object>(props: SingleSelectDialogProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -24,5 +24,6 @@ export type FormGroupTypeAheadMultiSelectProps = {
         name: string;
     }>[];
     onHandleClear: (chip?: string) => void;
+    isRequired?: boolean;
 };
 export declare function FormGroupTypeAheadMultiSelect(props: FormGroupTypeAheadMultiSelectProps): import("react/jsx-runtime").JSX.Element;

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

@@ -5,5 +5,5 @@ export type PageFormAsyncMultiSelectProps<TFieldValues extends FieldValues = Fie
     name: TFieldName;
     validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
     isReadOnly?: boolean;
-} & Pick<PageAsyncMultiSelectProps<ValueT>, 'id' | 'placeholder' | 'footer' | 'isDisabled' | 'queryOptions' | 'queryPlaceholder' | 'queryErrorText'> & Pick<PageFormGroupProps, 'label' | 'labelHelp' | 'labelHelpTitle' | 'additionalControls' | 'isRequired' | 'helperText'>;
+} & Pick<PageAsyncMultiSelectProps<ValueT>, 'id' | 'placeholder' | 'footer' | 'isDisabled' | 'queryOptions' | 'queryPlaceholder' | 'queryErrorText' | 'disableClearChips' | 'disableClearSelection'> & Pick<PageFormGroupProps, 'label' | 'labelHelp' | 'labelHelpTitle' | 'additionalControls' | 'isRequired' | 'helperText'>;
 export declare function PageFormAsyncMultiSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormAsyncMultiSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,11 @@
 import { CheckboxProps } from '@patternfly/react-core';
+import { ReactNode } from 'react';
 import { FieldPath, FieldValues, Validate } from 'react-hook-form';
 export type PageFormCheckboxProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     id?: string;
     name: TFieldName;
     validate?: Validate<boolean, TFieldValues> | Record<string, Validate<boolean, TFieldValues>>;
+    labelHelpTitle?: string;
+    labelHelp?: string | string[] | ReactNode;
 } & Omit<CheckboxProps, 'id' | 'onChange' | 'value'>;
 export declare function PageFormCheckbox<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormCheckboxProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +1,36 @@
 import { ReactNode } from 'react';
 import { FieldPathByValue, FieldValues, Validate } from 'react-hook-form';
-export type PageFormDataEditorInputProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, undefined | string> = FieldPathByValue<TFieldValues, undefined | string>> = {
-    name: TFieldName;
-    validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
-    toggleLanguages?: string[];
-    isExpandable?: boolean;
-    allowUpload?: boolean;
-    allowCopy?: boolean;
-    allowDownload?: boolean;
-    defaultExpanded?: boolean;
+import { DataEditorLanguages } from '../../components/DataEditor';
+export type PageFormDataEditorInputProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, object | string | undefined | null> = FieldPathByValue<TFieldValues, object | string | undefined | null>> = {
     id?: string;
-    label?: string;
-    isReadOnly?: boolean;
-    isRequired?: boolean;
-    additionalControls?: ReactNode;
+    name: TFieldName;
+    label: string;
     labelHelp?: string | string[] | ReactNode;
     labelHelpTitle?: string;
+    additionalControls?: ReactNode;
+    format: DataEditorLanguages | 'object';
+    disableCopy?: boolean;
+    disableUpload?: boolean;
+    disableDownload?: boolean;
+    disableExpand?: boolean;
+    defaultCollapsed?: boolean;
+    isRequired?: boolean;
+    validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
+    isReadOnly?: boolean;
+    isArray?: boolean;
 };
-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;
+export declare function PageFormDataEditor<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, object | string | undefined | null> = FieldPathByValue<TFieldValues, object | string | undefined | null>>(props: PageFormDataEditorInputProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
+export declare function DataEditorButtons(props: {
+    handleCopy: (() => void) | false;
+    handleDownload: (() => void) | false;
+    handleUpload: (() => void) | false;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DataEditorActions(props: {
+    handleCopy: (() => void) | false;
+    handleDownload: (() => void) | false;
+    handleUpload: (() => void) | false;
+    language: string;
+    setLanguage: (language: DataEditorLanguages) => void;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { FieldPathByValue, FieldValues, Validate } from 'react-hook-form';
+export type PageFormMarkdownInputProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, object | string | undefined | null> = FieldPathByValue<TFieldValues, object | string | undefined | null>> = {
+    id?: string;
+    name: TFieldName;
+    label: string;
+    labelHelp?: string | string[] | ReactNode;
+    labelHelpTitle?: string;
+    additionalControls?: ReactNode;
+    disableCopy?: boolean;
+    disableUpload?: boolean;
+    disableDownload?: boolean;
+    disableExpand?: boolean;
+    defaultCollapsed?: boolean;
+    isRequired?: boolean;
+    validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
+    isReadOnly?: boolean;
+};
+export declare function PageFormMarkdown<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, object | string | undefined | null> = FieldPathByValue<TFieldValues, object | string | undefined | null>>(props: PageFormMarkdownInputProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/Inputs/PageFormMarkdownEditor.cy.d.ts

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

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

@@ -16,6 +16,7 @@ interface FieldValuesWithArray<T> extends FieldValues {
     [key: string]: T[];
 }
 export declare function PageFormMultiInput<T extends {
+    hostname?: string;
     id: number | string;
     name: string;
 }, TFieldValues extends FieldValuesWithArray<T> = FieldValuesWithArray<T>, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormMultiInputProps<T, TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/Inputs/PageFormSecret.cy.d.ts

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

package/framework/{PageInputs/PageHiddenInput.d.ts → PageForm/Inputs/PageFormSecret.d.ts}

@@ -4,11 +4,11 @@ interface ChildProps {
     label?: string;
 }
 interface IProps {
-    shouldHideField: boolean;
+    shouldHideField: boolean | undefined;
     onClear: () => void;
     children: ReactElement<ChildProps>;
     labelHelp?: string;
     label?: string;
 }
-export declare function PageHiddenInput({ onClear, shouldHideField, label, labelHelp, children }: IProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageFormSecret({ onClear, shouldHideField, label, labelHelp, children }: IProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -12,5 +12,7 @@ export type PageFormSwitchProps<TFieldValues extends FieldValues = FieldValues,
     pattern?: ValidationRule<RegExp>;
     validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
     autoFocus?: boolean;
+    labelOn?: string;
+    labelOff?: string;
 };
 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/validation-hooks.d.ts

@@ -0,0 +1,4 @@
+export declare function useRequiredValidationRule(label: string, isRequired?: boolean): {
+    value: boolean;
+    message: string;
+} | undefined;

package/framework/PageForm/PageForm.d.ts

@@ -17,6 +17,7 @@ export interface PageFormProps<T extends object> {
     autoComplete?: 'on' | 'off';
     footer?: ReactNode;
     errorAdapter?: ErrorAdapter;
+    disableSubmitOnEnter?: boolean;
 }
 export declare function useFormErrors<T extends object>(defaultValue: DefaultValues<T> | undefined, errorAdapter: ErrorAdapter): {
     form: UseFormReturn<T, any, undefined>;
@@ -32,4 +33,5 @@ export declare function PageFormGrid(props: {
     children?: ReactNode;
     isVertical?: boolean;
     singleColumn?: boolean;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/Utils/PageFormSection.d.ts

@@ -3,4 +3,5 @@ export declare function PageFormSection(props: {
     title?: string;
     children: ReactNode;
     singleColumn?: boolean;
+    isHorizontal?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/Utils/PageFormSetError.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { FieldValues, UseFormSetError } from 'react-hook-form';
+export declare function PageFormSetError<TFieldValues extends FieldValues = FieldValues>(props: {
+    children: (setError: UseFormSetError<TFieldValues>) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/Utils/PageFormSetValue.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { FieldValues, UseFormSetValue } from 'react-hook-form';
+export declare function PageFormSetValue<TFieldValues extends FieldValues = FieldValues>(props: {
+    children: (setValue: UseFormSetValue<TFieldValues>) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/Utils/PageFormWatch.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export declare function PageFormWatch<T>(props: {
-    watch: string;
-    children: (value: T) => ReactNode;
+import { FieldValues, Path, PathValue, UseFormSetError } from 'react-hook-form';
+export declare function PageFormWatch<TFieldValues extends FieldValues = FieldValues, TFieldName extends Path<TFieldValues> = Path<TFieldValues>, TValue = PathValue<TFieldValues, TFieldName>>(props: {
+    watch: TFieldName;
+    children: (value: TValue, setError: UseFormSetError<TFieldValues>) => ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/typesErrorAdapter.d.ts

@@ -9,4 +9,4 @@ export interface ErrorOutput {
     genericErrors: GenericErrorDetail[];
     fieldErrors: FieldErrorDetail[];
 }
-export type ErrorAdapter = (error: unknown) => ErrorOutput;
+export type ErrorAdapter = (error: unknown, mappedKeys?: Record<string, string>) => ErrorOutput;

package/framework/PageHeader.d.ts

@@ -6,6 +6,7 @@ export interface ICatalogBreadcrumb {
     to?: string;
     target?: string;
     component?: React.ElementType;
+    isLoading?: boolean;
 }
 export interface PageHeaderProps {
     navigation?: ReactNode;

package/framework/PageInputs/PageMultiSelect.d.ts

@@ -11,5 +11,7 @@ export interface PageMultiSelectProps<ValueT> {
     variant?: 'chips' | 'count';
     footer?: ReactNode;
     disableClearSelection?: boolean;
+    disableClearChips?: boolean;
+    maxChipSize?: string;
 }
 export declare function PageMultiSelect<ValueT>(props: PageMultiSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;

package/framework/PageInputs/PageSelectOption.d.ts

@@ -4,5 +4,6 @@ export interface PageSelectOption<ValueT> {
     value: ValueT;
     icon?: ReactNode;
     label: string;
-    description?: string;
+    description?: string | null | undefined;
+    group?: string;
 }

package/framework/PageInputs/PageSingleSelect.d.ts

@@ -12,3 +12,18 @@ export interface PageSingleSelectProps<ValueT> {
     isDisabled?: boolean;
 }
 export declare function PageSingleSelect<ValueT>(props: PageSingleSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;
+export declare function PageSingleSelectList(props: {
+    searchRef: React.RefObject<HTMLInputElement>;
+    options: PageSelectOption<unknown>[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare const PageSingleSelectContext: import("react").Context<{
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}>;
+export declare function usePageSingleSelectContext(): {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+export declare function PageSingleSelectProvider(props: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageMasonry.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare function Masonry(props: {
+    minSize: number;
+    maxColumns?: number;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageMasthead/PageMasthead.d.ts

@@ -1,8 +1,6 @@
 import { ReactNode } from 'react';
 export declare function PageMasthead(props: {
-    icon?: ReactNode;
-    brand?: string;
-    title: string;
+    brand: ReactNode;
     children?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PageMastheadToggle(): import("react/jsx-runtime").JSX.Element;

package/framework/PageMasthead/PageNotificationsIcon.d.ts

@@ -1,4 +1 @@
-export declare function PageNotificationsIcon(props: {
-    count: number;
-    onClick: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function PageNotificationsIcon(): import("react/jsx-runtime").JSX.Element;

package/framework/PageNavigation/PageNavigationItem.d.ts

@@ -2,14 +2,18 @@
 interface PageNavigationGroup {
     id?: string;
     label?: string;
+    subtitle?: string;
     path: string;
     children: PageNavigationItem[];
+    hidden?: boolean;
 }
 interface PageNavigationComponent {
     id?: string;
     label?: string;
+    subtitle?: string;
     path: string;
     element: JSX.Element;
+    hidden?: boolean;
 }
 export type PageNavigationItem = PageNavigationGroup | PageNavigationComponent;
 export declare function removeLeadingSlash(path: string): string;

package/framework/PageNotifications/PageNotificationsProvider.cy.d.ts

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

package/framework/PageNotifications/PageNotificationsProvider.d.ts

@@ -0,0 +1,27 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+interface IPageNotifications {
+    notificationsDrawerOpen: boolean;
+    setNotificationsDrawerOpen: Dispatch<SetStateAction<boolean>>;
+    notificationGroups: Record<string, IPageNotificationGroup>;
+    setNotificationGroups: Dispatch<SetStateAction<Record<string, IPageNotificationGroup>>>;
+}
+export interface IPageNotificationGroup {
+    title: string;
+    notifications: IPageNotification[];
+}
+export interface IPageNotification {
+    title: string;
+    description?: string | undefined;
+    timestamp?: string;
+    variant?: 'success' | 'danger' | 'warning' | 'info';
+    to: string;
+}
+export declare const PageNotificationsContext: import("react").Context<IPageNotifications>;
+export declare function usePageNotifications(): IPageNotifications;
+export declare function PageNotificationsProvider(props: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PageNotificationsDrawer(props: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/framework/PageTable/PageTable.d.ts

@@ -60,5 +60,6 @@ export type PageTableProps<T extends object> = {
     topContent?: React.ReactNode;
     toolbarContent?: React.ReactNode;
     scrollTopContent?: boolean;
+    limitFiltersToOneOrOperation?: boolean;
 };
 export declare function PageTable<T extends object>(props: PageTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/framework/PageTable/PageTableCard.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { IPageAction } from '../PageActions/PageAction';
 import { LabelColor } from '../components/pfcolors';
 import { ITableColumn } from './PageTableColumn';
-export declare const Small: import("styled-components").StyledComponent<"small", any, {}, never>;
+export declare const Small: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
 export interface IPageTableCard {
     id: string | number;
     icon?: ReactNode;
@@ -24,8 +24,8 @@ export interface IPageTableCard {
     alertContent?: ReactNode;
     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>;
+export declare const PageDetailDiv: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ColumnsDiv: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare function PageTableCard<T extends object>(props: {
     item: T;
     itemToCardFn: (item: T) => IPageTableCard;