@ansible/ansible-ui-framework 2.4.340 → 2.4.342

package/README.md

@@ -51,24 +51,24 @@ UI projects for [Ansible](https://www.ansible.com).
 | `CYPRESS_EDA_USERNAME` | The EDA server username.                   |
 | `CYPRESS_EDA_PASSWORD` | The EDA server password.                   |
 
-```
-AWX_PROTOCOL=http
-AWX_HOST=localhost:8043
-CYPRESS_AWX_SERVER=$AWX_PROTOCOL://$AWX_HOST
-CYPRESS_AWX_USERNAME='my-user'
-CYPRESS_AWX_PASSWORD='my-password'
-
-HUB_PROTOCOL=http
-HUB_HOST=localhost:8000
-CYPRESS_HUB_SERVER=$HUB_PROTOCOL://$HUB_HOST
-CYPRESS_HUB_USERNAME='my-user'
-CYPRESS_HUB_PASSWORD='my-password'
-
-EDA_PROTOCOL=http
-EDA_HOST=localhost:5001
-CYPRESS_EDA_SERVER=$EDA_PROTOCOL://$EDA_HOST
-CYPRESS_EDA_USERNAME='my-user'
-CYPRESS_EDA_PASSWORD='my-password'
+```zsh
+export AWX_PROTOCOL=http
+export AWX_HOST=localhost:8043
+export CYPRESS_AWX_SERVER=$AWX_PROTOCOL://$AWX_HOST
+export CYPRESS_AWX_USERNAME='my-user'
+export CYPRESS_AWX_PASSWORD='my-password'
+
+export HUB_PROTOCOL=http
+export HUB_HOST=localhost:8000
+export CYPRESS_HUB_SERVER=$HUB_PROTOCOL://$HUB_HOST
+export CYPRESS_HUB_USERNAME='my-user'
+export CYPRESS_HUB_PASSWORD='my-password'
+
+export EDA_PROTOCOL=http
+export EDA_HOST=localhost:5001
+export CYPRESS_EDA_SERVER=$EDA_PROTOCOL://$EDA_HOST
+export CYPRESS_EDA_USERNAME='my-user'
+export CYPRESS_EDA_PASSWORD='my-password'
 ```
 
 ## NPM Scripts
@@ -106,5 +106,3 @@ CYPRESS_EDA_PASSWORD='my-password'
 ## Code of Conduct
 
 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)
-
-.

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

@@ -4,5 +4,8 @@ export type PageFormDateTimePickerProps<TFieldValues extends FieldValues = Field
     datePlaceHolder?: string;
     timePlaceHolder?: string;
     label: string;
+    labelHelp?: string;
+    labelHelpTitle?: string;
+    isDisabled?: boolean;
 };
 export declare function PageFormDateTimePicker<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormDateTimePickerProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
+import { PageSelectOption } from '../../PageInputs/PageSelectOption';
+export type PageFormMultiSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, ValueT = FieldPathValue<TFieldValues, TFieldName>> = {
+    id?: string;
+    name: TFieldName;
+    label?: string;
+    labelHelpTitle?: string;
+    labelHelp?: ReactNode;
+    placeholderText?: string;
+    options: PageSelectOption<ValueT>[];
+    helperText?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
+};
+export declare function PageFormMultiSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormMultiSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;

package/framework/PageForm/PageForm.d.ts

@@ -1,10 +1,12 @@
 import { JSONSchema6 } from 'json-schema';
 import { CSSProperties, ReactNode } from 'react';
-import { DefaultValues, ErrorOption, FieldPath, FieldValues } from 'react-hook-form';
+import { DefaultValues, ErrorOption, FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';
 export declare function PageForm<T extends object>(props: {
     schema?: JSONSchema6;
     children?: ReactNode;
     submitText: string;
+    additionalActionText?: string;
+    onClickAdditionalAction?: PageFormSubmitHandler<T>;
     onSubmit: PageFormSubmitHandler<T>;
     cancelText?: string;
     onCancel?: () => void;
@@ -20,7 +22,7 @@ export declare function PageFormGrid(props: {
     isVertical?: boolean;
     singleColumn?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export type PageFormSubmitHandler<T extends FieldValues> = (data: T, setError: (error: string) => void, setFieldError: (fieldName: FieldPath<T>, error: ErrorOption) => void) => Promise<unknown>;
+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>;
 export declare function PageFormSubmitButton(props: {
     children: ReactNode;
     style?: CSSProperties;

package/framework/PageInputs/PageMultiSelect.d.ts

@@ -6,6 +6,7 @@ export interface PageMultiSelectProps<ValueT> {
     id?: string;
     icon?: ReactNode;
     placeholder: ReactNode;
+    isDisabled?: boolean;
     values: ValueT[] | undefined | null;
     onSelect: (setter: (currentValues: ValueT[] | undefined) => ValueT[] | undefined) => void;
     options: PageSelectOption<ValueT>[];

package/framework/utils/dateTimeHelpers.d.ts

@@ -1,2 +1,2 @@
-export declare function formatDateString(dateObj: string | Date): string;
+export declare function formatDateString(dateObj: string, tz?: string): string;
 export declare function dateToInputDateTime(dt: string, tz?: string | null): string[];