@ansible/ansible-ui-framework 2.4.340 → 2.4.342
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +18 -20
- package/framework/PageForm/Inputs/PageFormDateTimePicker.d.ts +3 -0
- package/framework/PageForm/Inputs/PageFormMultiSelect.d.ts +18 -0
- package/framework/PageForm/PageForm.d.ts +4 -2
- package/framework/PageInputs/PageMultiSelect.d.ts +1 -0
- package/framework/utils/dateTimeHelpers.d.ts +1 -1
- package/index.js +514 -504
- package/index.umd.cjs +75 -75
- package/package.json +1 -1
package/README.md
CHANGED
@@ -51,24 +51,24 @@ UI projects for [Ansible](https://www.ansible.com).
|
|
51
51
|
| `CYPRESS_EDA_USERNAME` | The EDA server username. |
|
52
52
|
| `CYPRESS_EDA_PASSWORD` | The EDA server password. |
|
53
53
|
|
54
|
-
```
|
55
|
-
AWX_PROTOCOL=http
|
56
|
-
AWX_HOST=localhost:8043
|
57
|
-
CYPRESS_AWX_SERVER=$AWX_PROTOCOL://$AWX_HOST
|
58
|
-
CYPRESS_AWX_USERNAME='my-user'
|
59
|
-
CYPRESS_AWX_PASSWORD='my-password'
|
60
|
-
|
61
|
-
HUB_PROTOCOL=http
|
62
|
-
HUB_HOST=localhost:8000
|
63
|
-
CYPRESS_HUB_SERVER=$HUB_PROTOCOL://$HUB_HOST
|
64
|
-
CYPRESS_HUB_USERNAME='my-user'
|
65
|
-
CYPRESS_HUB_PASSWORD='my-password'
|
66
|
-
|
67
|
-
EDA_PROTOCOL=http
|
68
|
-
EDA_HOST=localhost:5001
|
69
|
-
CYPRESS_EDA_SERVER=$EDA_PROTOCOL://$EDA_HOST
|
70
|
-
CYPRESS_EDA_USERNAME='my-user'
|
71
|
-
CYPRESS_EDA_PASSWORD='my-password'
|
54
|
+
```zsh
|
55
|
+
export AWX_PROTOCOL=http
|
56
|
+
export AWX_HOST=localhost:8043
|
57
|
+
export CYPRESS_AWX_SERVER=$AWX_PROTOCOL://$AWX_HOST
|
58
|
+
export CYPRESS_AWX_USERNAME='my-user'
|
59
|
+
export CYPRESS_AWX_PASSWORD='my-password'
|
60
|
+
|
61
|
+
export HUB_PROTOCOL=http
|
62
|
+
export HUB_HOST=localhost:8000
|
63
|
+
export CYPRESS_HUB_SERVER=$HUB_PROTOCOL://$HUB_HOST
|
64
|
+
export CYPRESS_HUB_USERNAME='my-user'
|
65
|
+
export CYPRESS_HUB_PASSWORD='my-password'
|
66
|
+
|
67
|
+
export EDA_PROTOCOL=http
|
68
|
+
export EDA_HOST=localhost:5001
|
69
|
+
export CYPRESS_EDA_SERVER=$EDA_PROTOCOL://$EDA_HOST
|
70
|
+
export CYPRESS_EDA_USERNAME='my-user'
|
71
|
+
export CYPRESS_EDA_PASSWORD='my-password'
|
72
72
|
```
|
73
73
|
|
74
74
|
## NPM Scripts
|
@@ -106,5 +106,3 @@ CYPRESS_EDA_PASSWORD='my-password'
|
|
106
106
|
## Code of Conduct
|
107
107
|
|
108
108
|
We ask all of our community members and contributors to adhere to the [Ansible code of conduct](http://docs.ansible.com/ansible/latest/community/code_of_conduct.html). If you have questions or need assistance, please reach out to our community team at [codeofconduct@ansible.com](mailto:codeofconduct@ansible.com)
|
109
|
-
|
110
|
-
.
|
@@ -4,5 +4,8 @@ export type PageFormDateTimePickerProps<TFieldValues extends FieldValues = Field
|
|
4
4
|
datePlaceHolder?: string;
|
5
5
|
timePlaceHolder?: string;
|
6
6
|
label: string;
|
7
|
+
labelHelp?: string;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
isDisabled?: boolean;
|
7
10
|
};
|
8
11
|
export declare function PageFormDateTimePicker<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormDateTimePickerProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
|
3
|
+
import { PageSelectOption } from '../../PageInputs/PageSelectOption';
|
4
|
+
export type PageFormMultiSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, ValueT = FieldPathValue<TFieldValues, TFieldName>> = {
|
5
|
+
id?: string;
|
6
|
+
name: TFieldName;
|
7
|
+
label?: string;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
labelHelp?: ReactNode;
|
10
|
+
placeholderText?: string;
|
11
|
+
options: PageSelectOption<ValueT>[];
|
12
|
+
helperText?: string;
|
13
|
+
isDisabled?: boolean;
|
14
|
+
isReadOnly?: boolean;
|
15
|
+
isRequired?: boolean;
|
16
|
+
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
17
|
+
};
|
18
|
+
export declare function PageFormMultiSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormMultiSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -1,10 +1,12 @@
|
|
1
1
|
import { JSONSchema6 } from 'json-schema';
|
2
2
|
import { CSSProperties, ReactNode } from 'react';
|
3
|
-
import { DefaultValues, ErrorOption, FieldPath, FieldValues } from 'react-hook-form';
|
3
|
+
import { DefaultValues, ErrorOption, FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';
|
4
4
|
export declare function PageForm<T extends object>(props: {
|
5
5
|
schema?: JSONSchema6;
|
6
6
|
children?: ReactNode;
|
7
7
|
submitText: string;
|
8
|
+
additionalActionText?: string;
|
9
|
+
onClickAdditionalAction?: PageFormSubmitHandler<T>;
|
8
10
|
onSubmit: PageFormSubmitHandler<T>;
|
9
11
|
cancelText?: string;
|
10
12
|
onCancel?: () => void;
|
@@ -20,7 +22,7 @@ export declare function PageFormGrid(props: {
|
|
20
22
|
isVertical?: boolean;
|
21
23
|
singleColumn?: boolean;
|
22
24
|
}): import("react/jsx-runtime").JSX.Element;
|
23
|
-
export type PageFormSubmitHandler<T extends FieldValues> = (data: T, setError: (error: string) => void, setFieldError: (fieldName: FieldPath<T>, error: ErrorOption) => void) => Promise<unknown>;
|
25
|
+
export type PageFormSubmitHandler<T extends FieldValues> = (data: T, setError: (error: string) => void, setFieldError: (fieldName: FieldPath<T>, error: ErrorOption) => void, from: UseFormReturn<T> | undefined) => Promise<unknown>;
|
24
26
|
export declare function PageFormSubmitButton(props: {
|
25
27
|
children: ReactNode;
|
26
28
|
style?: CSSProperties;
|
@@ -6,6 +6,7 @@ export interface PageMultiSelectProps<ValueT> {
|
|
6
6
|
id?: string;
|
7
7
|
icon?: ReactNode;
|
8
8
|
placeholder: ReactNode;
|
9
|
+
isDisabled?: boolean;
|
9
10
|
values: ValueT[] | undefined | null;
|
10
11
|
onSelect: (setter: (currentValues: ValueT[] | undefined) => ValueT[] | undefined) => void;
|
11
12
|
options: PageSelectOption<ValueT>[];
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export declare function formatDateString(dateObj: string
|
1
|
+
export declare function formatDateString(dateObj: string, tz?: string): string;
|
2
2
|
export declare function dateToInputDateTime(dt: string, tz?: string | null): string[];
|