@ansible/ansible-ui-framework 2.4.535 → 2.4.539
Sign up to get free protection for your applications and to get access to all the features.
- package/framework/PageActions/PageActionDropdown.d.ts +2 -1
- package/framework/PageActions/PageActions.d.ts +1 -1
- package/framework/PageForm/Inputs/FormGroupTypeAheadMultiSelect.d.ts +8 -4
- package/framework/PageForm/Inputs/PageFormAsyncSelect.d.ts +1 -1
- package/framework/PageForm/Inputs/PageFormCreatableSelect.d.ts +7 -7
- package/framework/PageForm/Inputs/PageFormDataEditor.d.ts +1 -1
- package/framework/PageForm/Inputs/PageFormDateTimePicker.d.ts +2 -1
- package/framework/PageForm/Inputs/PageFormGroup.d.ts +10 -6
- package/framework/PageForm/Inputs/PageFormMultiSelect.d.ts +1 -1
- package/framework/PageForm/Inputs/PageFormSelect.d.ts +1 -1
- package/framework/PageForm/Inputs/PageFormSlider.d.ts +0 -2
- package/framework/PageForm/Inputs/PageFormSwitch.d.ts +8 -8
- package/framework/PageForm/Inputs/PageFormTextInput.d.ts +1 -1
- package/framework/PageTable/PageTableCard.d.ts +1 -1
- package/framework/PageToolbar/PageToolbar.d.ts +0 -1
- package/framework/components/EmptyStateCustom.d.ts +1 -1
- package/framework/components/EmptyStateNoData.d.ts +1 -1
- package/framework/components/Help.d.ts +1 -1
- package/framework/components/pfcolors.d.ts +7 -7
- package/framework/hooks/useID.d.ts +1 -1
- package/framework/publish/index.d.ts +148 -148
- package/index.js +36748 -34826
- package/index.umd.cjs +233 -236
- package/package.json +5 -5
- package/style.css +1 -1
@@ -1,4 +1,5 @@
|
|
1
|
-
import { ButtonVariant
|
1
|
+
import { ButtonVariant } from '@patternfly/react-core';
|
2
|
+
import { DropdownPosition } from '@patternfly/react-core/deprecated';
|
2
3
|
import { ComponentClass, FunctionComponent } from 'react';
|
3
4
|
import { IPageAction } from './PageAction';
|
4
5
|
interface PageActionDropdownProps<T extends object> {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { DropdownPosition } from '@patternfly/react-core';
|
1
|
+
import { DropdownPosition } from '@patternfly/react-core/deprecated';
|
2
2
|
import { ComponentClass, FunctionComponent } from 'react';
|
3
3
|
import { WindowSize } from '../components/useBreakPoint';
|
4
4
|
import { IPageAction } from './PageAction';
|
@@ -1,16 +1,20 @@
|
|
1
|
-
import {
|
1
|
+
import { SelectOptionObject } from '@patternfly/react-core/deprecated';
|
2
2
|
import React from 'react';
|
3
|
-
export type FormGroupTypeAheadMultiSelectProps =
|
3
|
+
export type FormGroupTypeAheadMultiSelectProps = {
|
4
|
+
id?: string;
|
5
|
+
label: string;
|
6
|
+
labelHelp?: string | string[] | React.ReactNode;
|
7
|
+
labelHelpTitle?: string;
|
8
|
+
helperText?: string;
|
9
|
+
helperTextInvalid?: string;
|
4
10
|
isReadOnly?: boolean;
|
5
11
|
placeholderText?: string | React.ReactNode;
|
6
|
-
name: string;
|
7
12
|
options: {
|
8
13
|
value: string | {
|
9
14
|
name: string;
|
10
15
|
};
|
11
16
|
label: string;
|
12
17
|
}[];
|
13
|
-
id?: string;
|
14
18
|
onSelect?: (event: React.MouseEvent | React.ChangeEvent, value: string | SelectOptionObject, isPlaceholder?: boolean) => void;
|
15
19
|
onHandleSelection: (value: string | SelectOptionObject | {
|
16
20
|
name: string;
|
@@ -5,8 +5,8 @@ export interface PageFormAsyncSelectProps<TFieldValues extends FieldValues = Fie
|
|
5
5
|
name: TFieldName;
|
6
6
|
variant?: 'single' | 'typeahead' | 'typeaheadMulti';
|
7
7
|
label: string;
|
8
|
-
labelHelp?: string | ReactNode;
|
9
8
|
labelHelpTitle?: string;
|
9
|
+
labelHelp?: string | string[] | ReactNode;
|
10
10
|
placeholder: string;
|
11
11
|
loadingPlaceholder: string;
|
12
12
|
loadingErrorText: string;
|
@@ -1,8 +1,13 @@
|
|
1
|
-
import { ReactElement } from 'react';
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
2
2
|
import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
|
3
3
|
export type PageFormCreatableSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
4
|
-
name: TFieldName;
|
5
4
|
id?: string;
|
5
|
+
name: TFieldName;
|
6
|
+
label: string;
|
7
|
+
labelHelp?: string | string[] | ReactNode;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
additionalControls?: ReactElement;
|
10
|
+
placeholderText?: string;
|
6
11
|
options: {
|
7
12
|
value: string | {
|
8
13
|
name: string;
|
@@ -10,11 +15,6 @@ export type PageFormCreatableSelectProps<TFieldValues extends FieldValues = Fiel
|
|
10
15
|
label: string;
|
11
16
|
}[];
|
12
17
|
isRequired?: boolean;
|
13
|
-
label: string;
|
14
|
-
additionalControls?: ReactElement;
|
15
|
-
placeholderText?: string;
|
16
|
-
labelHelp?: string;
|
17
|
-
labelHelpTitle?: string;
|
18
18
|
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
19
19
|
};
|
20
20
|
export declare function PageFormCreatableSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormCreatableSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -14,7 +14,7 @@ export type PageFormDataEditorInputProps<TFieldValues extends FieldValues = Fiel
|
|
14
14
|
isReadOnly?: boolean;
|
15
15
|
isRequired?: boolean;
|
16
16
|
additionalControls?: ReactNode;
|
17
|
-
labelHelp?: ReactNode;
|
17
|
+
labelHelp?: string | string[] | ReactNode;
|
18
18
|
labelHelpTitle?: string;
|
19
19
|
};
|
20
20
|
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;
|
@@ -1,10 +1,11 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
1
2
|
import { FieldPath, FieldValues } from 'react-hook-form';
|
2
3
|
export type PageFormDateTimePickerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
3
4
|
name: TFieldName;
|
4
5
|
datePlaceHolder?: string;
|
5
6
|
timePlaceHolder?: string;
|
6
7
|
label: string;
|
7
|
-
labelHelp?: string;
|
8
|
+
labelHelp?: string | string[] | ReactNode;
|
8
9
|
labelHelpTitle?: string;
|
9
10
|
isDisabled?: boolean;
|
10
11
|
};
|
@@ -1,10 +1,14 @@
|
|
1
|
-
import { FormGroupProps } from '@patternfly/react-core';
|
2
1
|
import { ReactNode } from 'react';
|
3
|
-
export
|
4
|
-
|
5
|
-
|
2
|
+
export interface PageFormGroupProps {
|
3
|
+
fieldId?: string;
|
4
|
+
icon?: ReactNode;
|
5
|
+
label?: string;
|
6
|
+
labelHelp?: string | string[] | ReactNode;
|
6
7
|
labelHelpTitle?: string;
|
7
|
-
|
8
|
+
isRequired?: boolean;
|
8
9
|
additionalControls?: ReactNode;
|
9
|
-
|
10
|
+
children?: ReactNode;
|
11
|
+
helperText?: string;
|
12
|
+
helperTextInvalid?: string | string[] | false;
|
13
|
+
}
|
10
14
|
export declare function PageFormGroup(props: PageFormGroupProps): import("react/jsx-runtime").JSX.Element;
|
@@ -6,7 +6,7 @@ export type PageFormMultiSelectProps<TFieldValues extends FieldValues = FieldVal
|
|
6
6
|
name: TFieldName;
|
7
7
|
label?: string;
|
8
8
|
labelHelpTitle?: string;
|
9
|
-
labelHelp?: ReactNode;
|
9
|
+
labelHelp?: string | string[] | ReactNode;
|
10
10
|
placeholderText?: string;
|
11
11
|
options: PageSelectOption<ValueT>[];
|
12
12
|
helperText?: string;
|
@@ -6,7 +6,7 @@ export type PageFormSelectProps<TFieldValues extends FieldValues = FieldValues,
|
|
6
6
|
name: TFieldName;
|
7
7
|
label?: string;
|
8
8
|
labelHelpTitle?: string;
|
9
|
-
labelHelp?: ReactNode;
|
9
|
+
labelHelp?: string | string[] | ReactNode;
|
10
10
|
additionalControls?: ReactNode;
|
11
11
|
placeholderText?: string;
|
12
12
|
options: PageSelectOption<TSelection>[];
|
@@ -1,16 +1,16 @@
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
1
2
|
import { FieldPath, FieldValues, Validate, ValidationRule } from 'react-hook-form';
|
2
|
-
import { SwitchProps } from '@patternfly/react-core';
|
3
|
-
import { ReactElement } from 'react';
|
4
3
|
export type PageFormSwitchProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
4
|
+
id?: string;
|
5
5
|
name: TFieldName;
|
6
|
-
|
6
|
+
label?: string;
|
7
|
+
labelHelpTitle?: string;
|
8
|
+
labelHelp?: string | string[] | ReactNode;
|
7
9
|
isRequired?: boolean;
|
10
|
+
additionalControls?: ReactElement;
|
11
|
+
helperText?: string;
|
8
12
|
pattern?: ValidationRule<RegExp>;
|
9
13
|
validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
|
10
14
|
autoFocus?: boolean;
|
11
|
-
|
12
|
-
formLabel?: string;
|
13
|
-
labelHelp?: string;
|
14
|
-
labelHelpTitle?: string;
|
15
|
-
} & Omit<SwitchProps, 'onChange' | 'ref' | 'instance'>;
|
15
|
+
};
|
16
16
|
export declare function PageFormSwitch<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormSwitchProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -6,7 +6,7 @@ export type PageFormTextInputProps<TFieldValues extends FieldValues = FieldValue
|
|
6
6
|
type?: 'text' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'time' | 'url';
|
7
7
|
label?: string;
|
8
8
|
labelHelpTitle?: string;
|
9
|
-
labelHelp?: ReactNode;
|
9
|
+
labelHelp?: string | string[] | ReactNode;
|
10
10
|
additionalControls?: ReactNode;
|
11
11
|
placeholder?: string;
|
12
12
|
button?: ReactNode;
|
@@ -22,7 +22,7 @@ export interface IPageTableCard {
|
|
22
22
|
badgeTooltipTitle?: string;
|
23
23
|
alertTitle?: string;
|
24
24
|
alertContent?: ReactNode;
|
25
|
-
alertVariant?: 'success' | 'danger' | 'warning' | 'info' | '
|
25
|
+
alertVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom';
|
26
26
|
}
|
27
27
|
export declare const PageDetailDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
|
28
28
|
export declare const ColumnsDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
|
@@ -38,7 +38,6 @@ export type PageToolbarProps<T extends object> = {
|
|
38
38
|
disableListView?: boolean;
|
39
39
|
disableCardView?: boolean;
|
40
40
|
disablePagination?: boolean;
|
41
|
-
bottomBorder?: boolean;
|
42
41
|
sortOptions?: PageTableSortOption[];
|
43
42
|
maxSelections?: number;
|
44
43
|
toolbarContent?: React.ReactNode;
|
@@ -6,6 +6,6 @@ export declare function EmptyStateCustom(props: {
|
|
6
6
|
button?: ReactElement;
|
7
7
|
footNote?: string;
|
8
8
|
image?: ReactElement;
|
9
|
-
variant?: 'xs' | '
|
9
|
+
variant?: 'xs' | 'sm' | 'lg' | 'xl' | 'full' | undefined;
|
10
10
|
style?: React.CSSProperties;
|
11
11
|
}): import("react/jsx-runtime").JSX.Element;
|
@@ -3,5 +3,5 @@ export declare function EmptyStateNoData(props: {
|
|
3
3
|
button?: ReactElement;
|
4
4
|
title: string;
|
5
5
|
description: ReactNode;
|
6
|
-
variant?: 'xs' | '
|
6
|
+
variant?: 'xs' | 'sm' | 'lg' | 'xl' | 'full' | undefined;
|
7
7
|
}): import("react/jsx-runtime").JSX.Element;
|
@@ -13,13 +13,13 @@ export declare enum PFColorE {
|
|
13
13
|
Disabled = "disabled"
|
14
14
|
}
|
15
15
|
export type PFColor = 'default' | 'green' | 'success' | 'blue' | 'info' | 'red' | 'danger' | 'yellow' | 'orange' | 'warning' | 'grey' | 'disabled';
|
16
|
-
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;
|
17
|
-
export declare const pfSuccess = "var(--pf-global--success-color--100)";
|
18
|
-
export declare const pfDanger = "var(--pf-global--danger-color--100)";
|
19
|
-
export declare const pfWarning = "var(--pf-global--warning-color--100)";
|
20
|
-
export declare const pfInfo = "var(--pf-global--info-color--100)";
|
21
|
-
export declare const pfDisabled = "var(--pf-global--disabled-color--100)";
|
22
|
-
export declare const pfLink = "var(--pf-global--link--Color)";
|
16
|
+
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;
|
17
|
+
export declare const pfSuccess = "var(--pf-v5-global--success-color--100)";
|
18
|
+
export declare const pfDanger = "var(--pf-v5-global--danger-color--100)";
|
19
|
+
export declare const pfWarning = "var(--pf-v5-global--warning-color--100)";
|
20
|
+
export declare const pfInfo = "var(--pf-v5-global--info-color--100)";
|
21
|
+
export declare const pfDisabled = "var(--pf-v5-global--disabled-color--100)";
|
22
|
+
export declare const pfLink = "var(--pf-v5-global--link--Color)";
|
23
23
|
export declare enum LabelColorE {
|
24
24
|
blue = "blue",
|
25
25
|
cyan = "cyan",
|