@ansible/ansible-ui-framework 0.0.479 → 0.0.480

package/cjs/BulkConfirmationDialog.js

@@ -46,7 +46,7 @@ function BulkConfirmationDialog(props) {
     }, [onClose, setDialog]);
     var _c = (0, useTableItems_1.usePaged)(items), paged = _c.paged, page = _c.page, perPage = _c.perPage, setPage = _c.setPage, setPerPage = _c.setPerPage;
     var _d = __read((0, react_1.useState)(!confirmText), 2), confirmed = _d[0], setConfirmed = _d[1];
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Modal, __assign({ titleIconVariant: isDanger ? 'warning' : undefined, title: title, description: prompt, variant: react_core_1.ModalVariant.medium, isOpen: true, onClose: onCloseClicked, actions: [
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Modal, __assign({ titleIconVariant: isDanger ? 'warning' : undefined, title: title, description: prompt ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: prompt }) : undefined, variant: react_core_1.ModalVariant.medium, isOpen: true, onClose: onCloseClicked, actions: [
             (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: isDanger ? 'danger' : 'primary', onClick: function () {
                     onCloseClicked();
                     onConfirm();

package/cjs/PageActions/PageDropdownAction.js

@@ -81,9 +81,9 @@ function PageDropdownActionItem(props) {
             var tooltip = action.tooltip;
             var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : false;
             tooltip = isDisabled ? isDisabled : tooltip;
-            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ onClick: action.onClick ? function () { return selectedItem && action.onClick(selectedItem); } : undefined, component: action.href
+            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ onClick: action.onClick ? function () { return selectedItem && action.onClick(selectedItem); } : undefined, component: (action.href
                         ? function (props) { return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: selectedItem ? action.href(selectedItem) : '' }))); }
-                        : undefined, isAriaDisabled: Boolean(isDisabled), icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, style: {
+                        : undefined), isAriaDisabled: Boolean(isDisabled), icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, style: {
                         color: action.isDanger && !isDisabled ? 'var(--pf-global--danger-color--100)' : undefined,
                     } }, { children: action.label })) }), action.label));
         }
@@ -98,7 +98,9 @@ function PageDropdownActionItem(props) {
                 tooltip = 'No selections';
                 isDisabled = true;
             }
-            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ onClick: action.onClick ? function () { return action.onClick(selectedItems); } : undefined, component: !action.onClick ? function (props) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: action.href })); } : undefined, isAriaDisabled: isDisabled, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, style: {
+            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ onClick: action.onClick ? function () { return action.onClick(selectedItems); } : undefined, component: (!action.onClick
+                        ? function (props) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: action.href })); }
+                        : undefined), isAriaDisabled: isDisabled, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, style: {
                         color: action.isDanger && !isDisabled ? 'var(--pf-global--danger-color--100)' : undefined,
                     } }, { children: action.label })) }), action.label));
         }

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

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

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { FieldPath, FieldPathValue, FieldValues, Validate, ValidationRule } from 'react-hook-form';
+import { FieldPath, FieldValues, Validate, ValidationRule } from 'react-hook-form';
 import { FormGroupTextAreaProps } from './FormGroupTextArea';
 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<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
+    validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
 } & Omit<FormGroupTextAreaProps, 'onChange' | 'value'>;
 /** PatternFly TextArea wrapper for use with react-hook-form */
 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

@@ -6,7 +6,7 @@ export type PageFormTextInputProps<TFieldValues extends FieldValues = FieldValue
     minLength?: number | ValidationRule<number>;
     maxLength?: number | ValidationRule<number>;
     pattern?: ValidationRule<RegExp>;
-    validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
+    validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
     selectTitle?: string;
     selectValue?: (selection: TSelection) => FieldPathValue<TSelection, FieldPath<TSelection>>;
     selectOpen?: (callback: (selection: TSelection) => void, title: string) => void;

package/cjs/components/ErrorBoundary.d.ts

@@ -10,6 +10,6 @@ declare class ErrorBoundary extends Component<Props, State> {
     state: State;
     static getDerivedStateFromError(_: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): ReactNode;
+    render(): string | number | boolean | import("react").ReactFragment | JSX.Element | null | undefined;
 }
 export default ErrorBoundary;

package/package.json

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