@ansible/ansible-ui-framework 2.4.1170 → 2.4.1190

package/framework/PageActions/PageAction.d.ts

@@ -56,10 +56,12 @@ export interface IPageActionButtonMultiple<T extends object> extends IPageAction
 export interface IPageActionLink extends IPageActionNoneCommon {
     type: PageActionType.Link;
     href: string;
+    variant?: ButtonVariant;
 }
 export interface IPageActionLinkSingle<T extends object> extends IPageActionSingleCommon<T> {
     type: PageActionType.Link;
     href: (item: T) => string;
+    variant?: ButtonVariant;
 }
 export interface IPageActionSwitch extends IPageActionNoneCommon {
     type: PageActionType.Switch;

package/framework/PageActions/PageActionButton.d.ts

@@ -1,10 +1,11 @@
 import { ComponentClass, FunctionComponent } from 'react';
-import { IPageActionButton, IPageActionButtonMultiple, IPageActionButtonSingle } from './PageAction';
+import { IPageActionButton, IPageActionButtonMultiple, IPageActionButtonSingle, IPageActionLink, IPageActionLinkSingle } from './PageAction';
 export declare function PageActionButton<T extends object>(props: {
-    action: IPageActionButton | IPageActionButtonSingle<T> | IPageActionButtonMultiple<T>;
+    action: IPageActionButton | IPageActionButtonSingle<T> | IPageActionButtonMultiple<T> | IPageActionLink | IPageActionLinkSingle<T>;
     isSecondary?: boolean;
     wrapper?: ComponentClass | FunctionComponent;
     iconOnly?: boolean;
     selectedItem?: T;
     selectedItems?: T[];
+    isLink?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/GenericForm.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { DefaultValues } from 'react-hook-form';
-import { ErrorAdapter } from './typesErrorAdapter';
 import { PageFormSubmitHandler } from './PageForm';
+import { ErrorAdapter } from './typesErrorAdapter';
 export interface GenericFormProps<T extends object> {
     children?: ReactNode;
     onSubmit: PageFormSubmitHandler<T>;

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

@@ -1,5 +1,5 @@
-import { ChangeEvent, MouseEvent, ReactNode } from 'react';
 import { SelectOptionObject } from '@patternfly/react-core/deprecated';
+import { ChangeEvent, MouseEvent, ReactNode } from 'react';
 export type FormGroupTypeAheadMultiSelectProps = {
     id?: string;
     label: string;

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

@@ -7,6 +7,7 @@ export type PageFormDataEditorInputProps<TFieldValues extends FieldValues = Fiel
     label: string;
     labelHelp?: string | string[] | ReactNode;
     labelHelpTitle?: string;
+    helperText?: string | undefined;
     additionalControls?: ReactNode;
     format: DataEditorLanguages | 'object';
     disableCopy?: boolean;

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

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

package/framework/PageFramework.d.ts

@@ -2,4 +2,5 @@ import './PageFramework.css';
 import { ReactNode } from 'react';
 export declare function PageFramework(props: {
     children: ReactNode;
+    defaultRefreshInterval: number;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageInputs/PageAsyncMultiSelect.d.ts

@@ -1,12 +1,7 @@
+import { PageAsyncSelectOptionsFn } from './PageAsyncSelectOptions';
 import { PageMultiSelectProps } from './PageMultiSelect';
-import { PageSelectOption } from './PageSelectOption';
-export interface PageAsyncMultiSelectQueryResult<ValueT> {
-    total: number;
-    options: PageSelectOption<ValueT>[];
-}
-export type PageAsyncMultiSelectOptionsFn<ValueT> = (page: number, signal: AbortSignal) => Promise<PageAsyncMultiSelectQueryResult<ValueT>>;
 export interface PageAsyncMultiSelectProps<ValueT> extends Omit<PageMultiSelectProps<ValueT>, 'options'> {
-    queryOptions: PageAsyncMultiSelectOptionsFn<ValueT>;
+    queryOptions: PageAsyncSelectOptionsFn<ValueT>;
     queryPlaceholder?: string;
     queryErrorText?: string | ((error: Error) => string);
 }

package/framework/PageInputs/PageAsyncSelectOptions.d.ts

@@ -0,0 +1,7 @@
+import { PageSelectOption } from './PageSelectOption';
+export interface PageAsyncSelectQueryResult<ValueT> {
+    total: number;
+    options: PageSelectOption<ValueT>[];
+}
+export type PageAsyncSelectOptionsFn<ValueT> = (page: number, signal: AbortSignal) => Promise<PageAsyncSelectQueryResult<ValueT>>;
+export type PageAsyncQueryErrorText = string | ((error: Error) => string);

package/framework/PageInputs/PageAsyncSingleSelect.d.ts

@@ -1,14 +1,8 @@
-import { PageSelectOption } from './PageSelectOption';
+import { PageAsyncQueryErrorText, PageAsyncSelectOptionsFn } from './PageAsyncSelectOptions';
 import { PageSingleSelectProps } from './PageSingleSelect';
-export interface PageAsyncSingleSelectQueryResult<ValueT> {
-    total: number;
-    options: PageSelectOption<ValueT>[];
-}
-export type PageAsyncSingleSelectOptionsFn<ValueT> = (page: number, signal: AbortSignal) => Promise<PageAsyncSingleSelectQueryResult<ValueT>>;
-export type PageAsyncQueryErrorTextType = string | ((error: Error) => string);
 export interface PageAsyncSingleSelectProps<ValueT> extends Omit<PageSingleSelectProps<ValueT>, 'options'> {
-    queryOptions: PageAsyncSingleSelectOptionsFn<ValueT>;
+    queryOptions: PageAsyncSelectOptionsFn<ValueT>;
     queryPlaceholder?: string;
-    queryErrorText?: PageAsyncQueryErrorTextType;
+    queryErrorText?: PageAsyncQueryErrorText;
 }
 export declare function PageAsyncSingleSelect<ValueT>(props: PageAsyncSingleSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;

package/framework/PageInputs/PageMultiSelect.d.ts

@@ -13,5 +13,6 @@ export interface PageMultiSelectProps<ValueT> {
     disableClearSelection?: boolean;
     disableClearChips?: boolean;
     maxChipSize?: string;
+    disableSortOptions?: boolean;
 }
 export declare function PageMultiSelect<ValueT>(props: PageMultiSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;

package/framework/PageInputs/PageSingleSelect.d.ts

@@ -10,6 +10,7 @@ export interface PageSingleSelectProps<ValueT> {
     footer?: ReactNode;
     isRequired?: boolean;
     isDisabled?: boolean;
+    disableSortOptions?: boolean;
 }
 export declare function PageSingleSelect<ValueT>(props: PageSingleSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;
 export declare function PageSingleSelectList(props: {

package/framework/PageNavigation/PageApp.d.ts

@@ -6,4 +6,5 @@ export declare function PageApp(props: {
     masthead?: ReactNode;
     navigation: PageNavigationItem[];
     basename?: string;
+    defaultRefreshInterval: number;
 }): import("react/jsx-runtime").JSX.Element;

package/framework/PageSettings/PageSettings.d.ts

@@ -0,0 +1,2 @@
+export declare function PageSettings(): import("react/jsx-runtime").JSX.Element;
+export declare function PageSettingsForm(): import("react/jsx-runtime").JSX.Element;

package/framework/PageSettings/PageSettingsProvider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface IPageSettings {
+    refreshInterval?: number;
+    theme?: 'system' | 'light' | 'dark';
+    activeTheme?: 'light' | 'dark';
+    tableLayout?: 'compact' | 'comfortable';
+    formColumns?: 'single' | 'multiple';
+    formLayout?: 'vertical' | 'horizontal';
+    dateFormat?: 'since' | 'date-time';
+    dataEditorFormat?: 'yaml' | 'json';
+}
+export declare const PageSettingsContext: import("react").Context<[IPageSettings, (settings: IPageSettings) => void]>;
+export declare function usePageSettings(): IPageSettings;
+export declare function PageSettingsProvider(props: {
+    children?: ReactNode;
+    defaultRefreshInterval: number;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,16 @@
-import { PageAsyncMultiSelectOptionsFn } from '../../PageInputs/PageAsyncMultiSelect';
-import { PageAsyncQueryErrorTextType } from '../../PageInputs/PageAsyncSingleSelect';
+import { PageAsyncQueryErrorText, PageAsyncSelectOptionsFn } from '../../PageInputs/PageAsyncSelectOptions';
 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>;
+    queryOptions: PageAsyncSelectOptionsFn<string>;
     queryPlaceholder?: string;
-    queryErrorText?: PageAsyncQueryErrorTextType;
+    queryErrorText?: PageAsyncQueryErrorText;
     queryLabel?: (value: string) => Promise<string | undefined>;
     openBrowse?: ToolbarOpenMultiSelectBrowse;
     isRequired?: boolean;
+    disableSortOptions?: 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: {

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

@@ -1,15 +1,16 @@
+import { PageAsyncQueryErrorText, PageAsyncSelectOptionsFn } from '../../PageInputs/PageAsyncSelectOptions';
 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>;
+    queryOptions: PageAsyncSelectOptionsFn<string>;
     queryPlaceholder?: string;
-    queryErrorText?: PageAsyncQueryErrorTextType;
+    queryErrorText?: PageAsyncQueryErrorText;
     openBrowse?: ToolbarOpenSingleSelectBrowse;
     queryLabel?: (value: string) => Promise<string | undefined>;
     isRequired?: boolean;
+    disableSortOptions?: 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

@@ -13,6 +13,12 @@ interface IToolbarDateFilterOption {
     value: string;
     isCustom?: boolean;
 }
+export declare enum DateRangeFilterPresets {
+    LastHour = "lastHour",
+    Last24Hours = "last24hours",
+    LastWeek = "last7days",
+    LastMonth = "last30days"
+}
 export interface IToolbarDateRangeFilterProps {
     id?: string;
     label?: string;

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

@@ -5,4 +5,5 @@ export interface IToolbarMultiSelectFilter extends ToolbarFilterCommon {
     type: ToolbarFilterType.MultiSelect;
     options: PageSelectOption<string>[];
     placeholder: string;
+    disableSortOptions?: boolean;
 }

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

@@ -6,4 +6,5 @@ export interface IToolbarSingleSelectFilter extends ToolbarFilterCommon {
     options: PageSelectOption<string>[];
     isRequired?: boolean;
     placeholder: string;
+    disableSortOptions?: boolean;
 }

package/framework/components/icons/ExpandIcon.d.ts

@@ -1,4 +1,6 @@
 export declare function ExpandIcon(props: {
     isExpanded: boolean;
     setExpanded: (expanded: boolean) => void;
+    direction?: 'left' | 'right';
+    size?: 'sm' | 'md' | 'lg';
 }): import("react/jsx-runtime").JSX.Element;

package/framework/index.d.ts

@@ -39,7 +39,6 @@ export * from './PageHeader';
 export * from './PageLayout';
 export * from './PageMasthead/PageMasthead';
 export * from './PageMasthead/PageNotificationsIcon';
-export * from './PageMasthead/PageSettingsIcon';
 export * from './PageMasthead/PageThemeSwitcher';
 export * from './PageNavigation/PageApp';
 export * from './PageNavigation/PageNavSidebar';
@@ -47,6 +46,7 @@ export * from './PageNavigation/PageNavigation';
 export * from './PageNavigation/PageNavigationItem';
 export * from './PageNavigation/useGetPageUrl';
 export * from './PageNavigation/usePageNavigate';
+export * from './PageSettings/PageSettingsProvider';
 export * from './PageTable/PageTable';
 export * from './PageTable/PageTableCards';
 export * from './PageTable/PageTableColumn';
@@ -55,7 +55,6 @@ export * from './PageTabs/PageTabs';
 export * from './PageToolbar/PageToolbar';
 export * from './PageToolbar/PageToolbarFilter';
 export * from './PageWizard';
-export * from './Settings';
 export * from './components/BulkSelector';
 export * from './components/Collapse';
 export * from './components/Help';