@ansible/ansible-ui-framework 0.0.613 → 0.0.615

package/cjs/PageForm/Inputs/PageFormCreatableSelect.js

@@ -1,82 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormCreatableSelect = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var capitalize_1 = require("../../utils/capitalize");
-var FormGroupTypeAheadMultiSelect_1 = require("./FormGroupTypeAheadMultiSelect");
-/**  Select wrapper for use with react-hook-form */
-function PageFormCreatableSelect(props) {
-    var isRequired = props.isRequired, validate = props.validate, rest = __rest(props, ["isRequired", "validate"]);
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, isSubmitting = _a.formState.isSubmitting, getValues = _a.getValues;
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: props.name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b;
-            var _c = _a.field, onChange = _c.onChange, value = _c.value, error = _a.fieldState.error;
-            return ((0, jsx_runtime_1.jsx)(FormGroupTypeAheadMultiSelect_1.FormGroupTypeAheadMultiSelect, __assign({}, rest, { id: (_b = props.id) !== null && _b !== void 0 ? _b : props.name, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message, value: value, isSubmitting: isSubmitting, onHandleClear: function (chip) {
-                    var values = getValues(props.name);
-                    onChange(!chip ? [] : values.filter(function (v) { return v.name !== chip; }));
-                }, onHandleSelection: function (v) {
-                    var values = getValues(props.name);
-                    if (values) {
-                        return onChange(__spreadArray(__spreadArray([], __read(values), false), [v], false));
-                    }
-                    return onChange([v]);
-                } })));
-        }, rules: {
-            required: typeof props.label === 'string' && typeof isRequired === 'boolean'
-                ? {
-                    value: true,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(props.label.toLocaleLowerCase()), " is required."),
-                }
-                : isRequired,
-            validate: validate,
-        } }));
-}
-exports.PageFormCreatableSelect = PageFormCreatableSelect;

package/cjs/PageForm/Inputs/PageFormFileUpload.js

@@ -1,72 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormFileUpload = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-var PageFormGroup_1 = require("./PageFormGroup");
-/** PatternFly Select wrapper for use with react-hook-form */
-function PageFormFileUpload(props) {
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, isSubmitting = _a.formState.isSubmitting;
-    var _b = __read((0, react_1.useState)(''), 2), filename = _b[0], setFilename = _b[1];
-    var _c = __read((0, react_1.useState)(false), 2), isLoading = _c[0], setIsLoading = _c[1];
-    var handleFileInputChange = (0, react_1.useCallback)(function (_, file) { return setFilename(file.name); }, []);
-    var handleFileReadStarted = function (_fileHandle) {
-        setIsLoading(true);
-    };
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: props.name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
-            var handleClear = function (_event) {
-                setFilename('');
-                onChange(undefined);
-            };
-            var handleFileReadFinished = function (_fileHandle) {
-                setIsLoading(false);
-                onChange(_fileHandle);
-            };
-            // const handleTextOrDataChange = (value: string) => {
-            //   onChange(value)
-            // }
-            return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, props, { helperTextInvalid: (error === null || error === void 0 ? void 0 : error.type) === 'required'
-                    ? typeof props.label === 'string'
-                        ? "".concat(props.label, " is required")
-                        : 'Required'
-                    : error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsx)(react_core_1.FileUpload, { id: "file-upload", type: "dataURL", value: value, filename: isLoading ? 'loading...' : filename, filenamePlaceholder: props.placeholder, onFileInputChange: handleFileInputChange, 
-                    // onDataChange={handleTextOrDataChange}
-                    // onTextChange={handleTextOrDataChange}
-                    onReadStarted: handleFileReadStarted, onReadFinished: handleFileReadFinished, onClearClick: handleClear, 
-                    // isLoading={isLoading}
-                    allowEditingUploadedText: false, 
-                    // browseButtonText={t('Upload')}
-                    isReadOnly: props.isReadOnly || isSubmitting, validated: error ? 'error' : undefined }) })));
-        } }));
-}
-exports.PageFormFileUpload = PageFormFileUpload;

package/cjs/PageForm/Inputs/PageFormGroup.js

@@ -1,24 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormGroup = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var Help_1 = require("../../components/Help");
-/** Wrapper over the PatternFly FormGroup making it optional based on if label is given. */
-function PageFormGroup(props) {
-    var _a;
-    var children = props.children, helperText = props.helperText, helperTextInvalid = props.helperTextInvalid, isRequired = props.isRequired, labelHelp = props.labelHelp, labelHelpTitle = props.labelHelpTitle, label = props.label;
-    return ((0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ id: "".concat((_a = props.id) !== null && _a !== void 0 ? _a : '', "-form-group"), fieldId: props.id, label: label, helperText: helperText, helperTextInvalid: helperTextInvalid, validated: helperTextInvalid ? 'error' : undefined, isRequired: isRequired, labelInfo: props.additionalControls, labelIcon: labelHelp ? (0, jsx_runtime_1.jsx)(Help_1.Help, { title: labelHelpTitle, help: labelHelp }) : undefined }, { children: children })));
-}
-exports.PageFormGroup = PageFormGroup;

package/cjs/PageForm/Inputs/PageFormMultiInput.js

@@ -1,102 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormMultiInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var react_hook_form_1 = require("react-hook-form");
-var styled_components_1 = __importDefault(require("styled-components"));
-var useFrameworkTranslations_1 = require("../../useFrameworkTranslations");
-var capitalize_1 = require("../../utils/capitalize");
-var PageFormGroup_1 = require("./PageFormGroup");
-var ChipHolder = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --pf-c-form-control--Height: auto;\n  background-color: ", ";\n"], ["\n  --pf-c-form-control--Height: auto;\n  background-color: ", ";\n"])), function (props) {
-    return props.isDisabled ? 'var(--pf-global--disabled-color--300)' : null;
-});
-function PageFormMultiInput(props) {
-    var validate = props.validate, selectTitle = props.selectTitle, selectOpen = props.selectOpen, placeholder = props.placeholder, formGroupInputProps = __rest(props, ["validate", "selectTitle", "selectOpen", "placeholder"]);
-    var label = props.label, name = props.name, isRequired = props.isRequired, minLength = props.minLength, maxLength = props.maxLength, pattern = props.pattern;
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, setValue = _a.setValue, _b = _a.formState, isSubmitting = _b.isSubmitting, isValidating = _b.isValidating;
-    var _c = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _c[0];
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b;
-            var _c = _a.field, onChange = _c.onChange, value = _c.value, error = _a.fieldState.error;
-            var removeItem = function (item) {
-                onChange(value.filter(function (i) { return i.id !== item.id; }));
-            };
-            return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, formGroupInputProps, { id: (_b = props.id) !== null && _b !== void 0 ? _b : name.split('.').join('-'), helperTextInvalid: !(validate && isValidating) && (error === null || error === void 0 ? void 0 : error.message) }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(value === null || value === void 0 ? void 0 : value.length) ? ((0, jsx_runtime_1.jsx)(ChipHolder, __assign({ isDisabled: isSubmitting, className: "pf-c-form-control" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.ChipGroup, __assign({ numChips: 5, expandedText: translations.showLess, collapsedText: translations.countMore.replace('{count}', "".concat((value === null || value === void 0 ? void 0 : value.length) - 5)) }, { children: value === null || value === void 0 ? void 0 : value.map(function (item) { return ((0, jsx_runtime_1.jsx)(react_core_1.Chip, __assign({ onClick: function () { return removeItem(item); } }, { children: item.name }), item.id)); }) })) }))) : ((0, jsx_runtime_1.jsx)(react_core_1.TextInput, { "aria-label": placeholder, isDisabled: true, placeholder: placeholder })), selectTitle && ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "control", onClick: function () {
-                                return selectOpen === null || selectOpen === void 0 ? void 0 : selectOpen(function (items) {
-                                    setValue(name, items, {
-                                        shouldValidate: true,
-                                    });
-                                }, props.selectTitle);
-                            }, "aria-label": "Options menu", isDisabled: isSubmitting }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, {}) })))] }) })));
-        }, rules: {
-            required: typeof label === 'string' && typeof isRequired === 'boolean'
-                ? {
-                    value: true,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " is required."),
-                }
-                : isRequired,
-            minLength: typeof label === 'string' && typeof minLength === 'number'
-                ? {
-                    value: minLength,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " must be at least ").concat(minLength, " characters."),
-                }
-                : minLength,
-            maxLength: typeof label === 'string' && typeof maxLength === 'number'
-                ? {
-                    value: maxLength,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " cannot be greater than ").concat(maxLength, " characters."),
-                }
-                : maxLength,
-            pattern: pattern,
-            validate: validate,
-        } }));
-}
-exports.PageFormMultiInput = PageFormMultiInput;
-var templateObject_1;

package/cjs/PageForm/Inputs/PageFormSelect.js

@@ -1,26 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormSelect = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var FormGroupSelect_1 = require("./FormGroupSelect");
-/** PatternFly Select wrapper for use with react-hook-form */
-function PageFormSelect(props) {
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, isSubmitting = _a.formState.isSubmitting;
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: props.name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
-            return ((0, jsx_runtime_1.jsx)(FormGroupSelect_1.FormGroupSelect, __assign({}, props, { value: value, onSelect: function (_, value) { return onChange(value); }, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message, isReadOnly: props.isReadOnly || isSubmitting })));
-        } }));
-}
-exports.PageFormSelect = PageFormSelect;

package/cjs/PageForm/Inputs/PageFormSelectOption.js

@@ -1,42 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormSelectOption = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var capitalize_1 = require("../../utils/capitalize");
-var FormGroupSelectOption_1 = require("./FormGroupSelectOption");
-/**  Select wrapper for use with react-hook-form */
-function PageFormSelectOption(props) {
-    var label = props.label, isRequired = props.isRequired, validate = props.validate;
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, isSubmitting = _a.formState.isSubmitting;
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: props.name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b;
-            var _c = _a.field, onChange = _c.onChange, value = _c.value, error = _a.fieldState.error;
-            if (value === '') {
-                if (props.options.length === 1 && isRequired) {
-                    onChange(props.options[0].value);
-                }
-            }
-            return ((0, jsx_runtime_1.jsx)(FormGroupSelectOption_1.FormGroupSelectOption, __assign({}, props, { id: (_b = props.id) !== null && _b !== void 0 ? _b : props.name, value: value, onSelect: function (_, value) { return onChange(value); }, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message, isReadOnly: props.isReadOnly || isSubmitting })));
-        }, rules: {
-            required: typeof label === 'string' && typeof isRequired === 'boolean'
-                ? {
-                    value: true,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " is required."),
-                }
-                : isRequired,
-            validate: validate,
-        } }));
-}
-exports.PageFormSelectOption = PageFormSelectOption;

package/cjs/PageForm/Inputs/PageFormSlider.js

@@ -1,36 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormSlider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_hook_form_1 = require("react-hook-form");
-function PageFormSlider(props) {
-    var _a, _b, _c;
-    var isSubmitting = (0, react_hook_form_1.useFormContext)().formState.isSubmitting;
-    var _d = (0, react_hook_form_1.useController)({ name: props.name }), field = _d.field, fieldState = _d.fieldState;
-    var error = fieldState.error;
-    var id = (_a = props.id) !== null && _a !== void 0 ? _a : props.name;
-    var max = (_b = props.max) !== null && _b !== void 0 ? _b : 100;
-    var min = (_c = props.min) !== null && _c !== void 0 ? _c : 1;
-    var value = Number(field.value);
-    return ((0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ id: "".concat(id, "-form-group"), fieldId: id, label: props.label, helperText: props.helperText, isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ alignItems: { default: 'alignItemsFlexStart' } }, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ alignItems: { default: 'alignItemsFlexStart' }, spaceItems: { default: 'spaceItemsSm' } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ style: { paddingTop: 6, minWidth: 20, textAlign: 'right' } }, { children: Math.floor((max - min) * value + min) })), props.valueLabel && ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ style: { paddingTop: 6, minWidth: 40 } }, { children: props.valueLabel })))] })), (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ grow: { default: 'grow' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Slider, { id: id, "aria-describedby": "".concat(id, "-form-group"), 
-                        // isRequired={props.required}
-                        // validated={error?.message ? 'error' : undefined}
-                        autoFocus: props.autoFocus, 
-                        // {...registration}
-                        value: (max - min) * value + min, onChange: function (v) { return field.onChange((v - min) / (max - min)); }, max: max, min: min, 
-                        // innerRef={registration.ref}
-                        isDisabled: isSubmitting, showBoundaries: false }) }))] })) })));
-}
-exports.PageFormSlider = PageFormSlider;

package/cjs/PageForm/Inputs/PageFormSwitch.js

@@ -1,38 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormSwitch = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_hook_form_1 = require("react-hook-form");
-var Help_1 = require("../../components/Help");
-function PageFormSwitch(props) {
-    var name = props.name, id = props.id, helperText = props.helperText, validate = props.validate, additionalControls = props.additionalControls, formLabel = props.formLabel, labelHelp = props.labelHelp, labelHelpTitle = props.labelHelpTitle, rest = __rest(props, ["name", "id", "helperText", "validate", "additionalControls", "formLabel", "labelHelp", "labelHelpTitle"]);
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, _b = _a.formState, isSubmitting = _b.isSubmitting, isValidating = _b.isValidating;
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
-            return ((0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ helperTextInvalid: !(validate && isValidating) && (error === null || error === void 0 ? void 0 : error.message), fieldId: id, label: formLabel, helperText: helperText, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, labelInfo: additionalControls, labelIcon: labelHelp ? (0, jsx_runtime_1.jsx)(Help_1.Help, { title: labelHelpTitle, help: labelHelp }) : undefined }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Switch, __assign({}, rest, { isChecked: value, onChange: function (e) { return onChange(e); }, isDisabled: isSubmitting })) })));
-        } }));
-}
-exports.PageFormSwitch = PageFormSwitch;

package/cjs/PageForm/Inputs/PageFormTextArea.js

@@ -1,50 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormTextArea = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var capitalize_1 = require("../../utils/capitalize");
-var FormGroupTextArea_1 = require("./FormGroupTextArea");
-/** PatternFly TextArea wrapper for use with react-hook-form */
-function PageFormTextArea(props) {
-    var name = props.name, label = props.label, isReadOnly = props.isReadOnly, isRequired = props.isRequired, minLength = props.minLength, maxLength = props.maxLength, pattern = props.pattern, validate = props.validate;
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, isSubmitting = _a.formState.isSubmitting;
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b;
-            var _c = _a.field, onChange = _c.onChange, value = _c.value, error = _a.fieldState.error;
-            return ((0, jsx_runtime_1.jsx)(FormGroupTextArea_1.FormGroupTextArea, __assign({}, props, { id: (_b = props.id) !== null && _b !== void 0 ? _b : name, value: value, onChange: onChange, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message, isReadOnly: isReadOnly || isSubmitting, minLength: undefined, maxLength: undefined })));
-        }, rules: {
-            required: typeof label === 'string' && typeof isRequired === 'boolean'
-                ? {
-                    value: true,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " is required."),
-                }
-                : isRequired,
-            minLength: typeof label === 'string' && typeof minLength === 'number'
-                ? {
-                    value: minLength,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " must be at least ").concat(minLength, " characters."),
-                }
-                : minLength,
-            maxLength: typeof label === 'string' && typeof maxLength === 'number'
-                ? {
-                    value: maxLength,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " cannot be greater than ").concat(maxLength, " characters."),
-                }
-                : maxLength,
-            pattern: pattern,
-            validate: validate,
-        } }));
-}
-exports.PageFormTextArea = PageFormTextArea;

package/cjs/PageForm/Inputs/PageFormTextInput.js

@@ -1,72 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormTextInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var react_hook_form_1 = require("react-hook-form");
-var capitalize_1 = require("../../utils/capitalize");
-var FormGroupTextInput_1 = require("./FormGroupTextInput");
-/** PatternFly TextInput wrapper for use with react-hook-form */
-function PageFormTextInput(props) {
-    var name = props.name, isReadOnly = props.isReadOnly, isRequired = props.isRequired, minLength = props.minLength, maxLength = props.maxLength, pattern = props.pattern, validate = props.validate, selectTitle = props.selectTitle, button = props.button, id = props.id, selectOpen = props.selectOpen, selectValue = props.selectValue, rest = __rest(props, ["name", "isReadOnly", "isRequired", "minLength", "maxLength", "pattern", "validate", "selectTitle", "button", "id", "selectOpen", "selectValue"]);
-    var label = props.label;
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, setValue = _a.setValue, trigger = _a.trigger, _b = _a.formState, isSubmitting = _b.isSubmitting, isValidating = _b.isValidating;
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b = _a.field, onChange = _b.onChange, value = _b.value, name = _b.name, error = _a.fieldState.error;
-            return ((0, jsx_runtime_1.jsx)(FormGroupTextInput_1.FormGroupTextInput, __assign({}, rest, { onBlur: function () { return trigger(name); }, isRequired: isRequired, id: id !== null && id !== void 0 ? id : name.split('.').join('-'), value: value, onChange: onChange, helperTextInvalid: !(validate && isValidating) && (error === null || error === void 0 ? void 0 : error.message), isReadOnly: isReadOnly || isSubmitting, minLength: undefined, maxLength: undefined }, { children: selectTitle && ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ ouiaId: "lookup-".concat(name, "-button"), variant: "control", onClick: function () {
-                        return selectOpen === null || selectOpen === void 0 ? void 0 : selectOpen(function (item) {
-                            if (selectValue) {
-                                var value_1 = selectValue(item);
-                                setValue(name, value_1, {
-                                    shouldValidate: true,
-                                });
-                            }
-                        }, selectTitle);
-                    }, "aria-label": "Options menu", isDisabled: isSubmitting }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, {}) }))) })));
-        }, rules: {
-            required: typeof label === 'string' && typeof isRequired === 'boolean'
-                ? {
-                    value: true,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " is required."),
-                }
-                : isRequired,
-            minLength: typeof label === 'string' && typeof minLength === 'number'
-                ? {
-                    value: minLength,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " must be at least ").concat(minLength, " characters."),
-                }
-                : minLength,
-            maxLength: typeof label === 'string' && typeof maxLength === 'number'
-                ? {
-                    value: maxLength,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " cannot be greater than ").concat(maxLength, " characters."),
-                }
-                : maxLength,
-            pattern: pattern,
-            validate: validate,
-        } }));
-}
-exports.PageFormTextInput = PageFormTextInput;

package/cjs/PageForm/Inputs/PageFormTextSelect.js

@@ -1,40 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormTextSelect = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var react_1 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-function FormTextSelect(props) {
-    var _a;
-    var _b = (0, react_hook_form_1.useFormContext)(), register = _b.register, setValue = _b.setValue, isSubmitting = _b.formState.isSubmitting;
-    var registration = register(props.name);
-    var fieldState = (0, react_hook_form_1.useController)({ name: props.name }).fieldState;
-    var error = fieldState.error;
-    var id = (_a = props.id) !== null && _a !== void 0 ? _a : props.name;
-    id = id.split('.').join('-');
-    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ id: "".concat(id, "-form-group"), fieldId: id, label: props.label, helperText: props.helperText, isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, __assign({ id: id, type: props.secret ? 'password' : 'text', "aria-describedby": "".concat(id, "-form-group"), isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, autoFocus: props.autoFocus, placeholder: props.placeholder }, registration, { onChange: function (v, e) { return void registration.onChange(e); }, 
-                        // innerRef={registration.ref}
-                        isReadOnly: isSubmitting })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "control", onClick: function () {
-                            var _a;
-                            return (_a = props.selectOpen) === null || _a === void 0 ? void 0 : _a.call(props, function (item) {
-                                if (props.selectValue) {
-                                    var value = props.selectValue(item);
-                                    setValue(props.name, value, { shouldValidate: true });
-                                }
-                            }, props.selectTitle);
-                        }, "aria-label": "Options menu", isDisabled: isSubmitting }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, {}) }))] }) })) }));
-}
-exports.FormTextSelect = FormTextSelect;