@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.
@@ -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 | Date): string;
1
+ export declare function formatDateString(dateObj: string, tz?: string): string;
2
2
  export declare function dateToInputDateTime(dt: string, tz?: string | null): string[];