@ansible/ansible-ui-framework 2.4.341 → 2.4.342
Sign up to get free protection for your applications and to get access to all the features.
- 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
@@ -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[];
|