@ansible/ansible-ui-framework 0.0.476 → 0.0.478

package/cjs/PageForm/Inputs/PageFormCheckbox.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { CheckboxProps } from '@patternfly/react-core';
-import { Validate } from 'react-hook-form';
-export type PageFormCheckboxProps = {
+import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
+export type PageFormCheckboxProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     id?: string;
-    name: string;
-    validate?: Validate<string> | Record<string, Validate<string>>;
+    name: TFieldName;
+    validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
 } & Omit<CheckboxProps, 'id' | 'onChange' | 'value'>;
 /** PatternFly Checkbox wrapper for use with react-hook-form */
-export declare function PageFormCheckbox(props: PageFormCheckboxProps): JSX.Element;
+export declare function PageFormCheckbox<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormCheckboxProps<TFieldValues, TFieldName>): JSX.Element;

package/cjs/PageForm/Inputs/PageFormSelectOption.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Validate } from 'react-hook-form';
+import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
 import { FormGroupSelectOptionProps } from './FormGroupSelectOption';
-export type PageFormSelectOptionProps<T> = {
-    name: string;
-    validate?: Validate<string> | Record<string, Validate<string>>;
-} & Omit<FormGroupSelectOptionProps<T>, 'onSelect' | 'value'>;
+export type PageFormSelectOptionProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection = unknown> = {
+    name: TFieldName;
+    validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
+} & Omit<FormGroupSelectOptionProps<TSelection>, 'onSelect' | 'value'>;
 /**  Select wrapper for use with react-hook-form */
-export declare function PageFormSelectOption<T>(props: PageFormSelectOptionProps<T>): JSX.Element;
+export declare function PageFormSelectOption<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection = unknown>(props: PageFormSelectOptionProps<TFieldValues, TFieldName, TSelection>): JSX.Element;

package/cjs/PageForm/Inputs/PageFormTextArea.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { Validate, ValidationRule } from 'react-hook-form';
+import { FieldPath, FieldPathValue, FieldValues, Validate, ValidationRule } from 'react-hook-form';
 import { FormGroupTextAreaProps } from './FormGroupTextArea';
-export type PageFormTextAreaProps = {
-    name: string;
+export type PageFormTextAreaProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TFieldName;
     minLength?: number | ValidationRule<number>;
     maxLength?: number | ValidationRule<number>;
     pattern?: ValidationRule<RegExp>;
-    validate?: Validate<string> | Record<string, Validate<string>>;
+    validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
 } & Omit<FormGroupTextAreaProps, 'onChange' | 'value'>;
 /** PatternFly TextArea wrapper for use with react-hook-form */
-export declare function PageFormTextArea(props: PageFormTextAreaProps): JSX.Element;
+export declare function PageFormTextArea<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormTextAreaProps<TFieldValues, TFieldName>): JSX.Element;

package/cjs/PageForm/Inputs/PageFormTextInput.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-import { Validate, ValidationRule } from 'react-hook-form';
+import { FieldPath, FieldPathValue, FieldValues, Validate, ValidationRule } from 'react-hook-form';
 import { FormGroupTextInputProps } from './FormGroupTextInput';
-export type PageFormTextInputProps<T> = {
-    name: string;
+export type PageFormTextInputProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection extends FieldValues = FieldValues> = {
+    name: TFieldName;
     minLength?: number | ValidationRule<number>;
     maxLength?: number | ValidationRule<number>;
     pattern?: ValidationRule<RegExp>;
-    validate?: Validate<string> | Record<string, Validate<string>>;
+    validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
     selectTitle?: string;
-    selectValue?: (item: T) => string | number;
-    selectOpen?: (callback: (item: T) => void, title: string) => void;
+    selectValue?: (selection: TSelection) => FieldPathValue<TSelection, FieldPath<TSelection>>;
+    selectOpen?: (callback: (selection: TSelection) => void, title: string) => void;
 } & Omit<FormGroupTextInputProps, 'onChange' | 'value'>;
 /** PatternFly TextInput wrapper for use with react-hook-form */
-export declare function PageFormTextInput<T = unknown>(props: PageFormTextInputProps<T>): JSX.Element;
+export declare function PageFormTextInput<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection extends FieldValues = FieldValues>(props: PageFormTextInputProps<TFieldValues, TFieldName, TSelection>): JSX.Element;

package/cjs/PageForm/Inputs/PageFormTextInput.js

@@ -30,7 +30,9 @@ function PageFormTextInput(props) {
                         return (_a = props.selectOpen) === null || _a === void 0 ? void 0 : _a.call(props, function (item) {
                             if (props.selectValue) {
                                 var value_1 = props.selectValue(item);
-                                setValue(name, value_1, { shouldValidate: true });
+                                setValue(name, value_1, {
+                                    shouldValidate: true,
+                                });
                             }
                         }, props.selectTitle);
                     }, "aria-label": "Options menu", isDisabled: isSubmitting }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, {}) }))) })));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "0.0.476",
+  "version": "0.0.478",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",