@openshift-assisted/ui-lib 2.12.1-cim → 2.14.0-cim

package/build/cjs/common/components/ui/formik/LabelField.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/LabelField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LabelField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/LabelField.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/MultiSelectField.js

@@ -5,9 +5,10 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const formik_1 = require("formik");
 const fuse_js_1 = tslib_1.__importDefault(require("fuse.js"));
 const react_core_1 = require("@patternfly/react-core");
+const deprecated_1 = require("@patternfly/react-core/deprecated");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
 const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 // Field value is a string[]
 const MultiSelectField = (_a) => {
     var _b;
@@ -53,24 +54,23 @@ const MultiSelectField = (_a) => {
     });
     const children = options
         .filter((option) => !(field.value || []).includes(option.value.toString()))
-        .map((option) => (react_1.default.createElement(react_core_1.SelectOption, { key: option.id, id: option.id, value: option.value }, option.displayName)));
+        .map((option) => (react_1.default.createElement(deprecated_1.SelectOption, { key: option.id, id: option.id, value: option.value }, option.displayName)));
     const fuse = new fuse_js_1.default(options, {
         ignoreLocation: true,
         keys: ['displayName'],
     });
     const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    const fieldHelperText = react_1.default.createElement(HelperText_1.default, { fieldId: fieldId }, hText);
-    return (react_1.default.createElement(react_core_1.Stack, null,
-        react_1.default.createElement(react_core_1.StackItem, null,
-            react_1.default.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
-                react_1.default.createElement(react_core_1.Select, Object.assign({}, field, props, { id: fieldId, variant: react_core_1.SelectVariant.typeaheadMulti, typeAheadAriaLabel: t('ai:Select a state'), validated: isValid ? 'default' : 'error', "aria-describedby": `${fieldId}-helper`, isCreatable: false, placeholderText: placeholderText, isOpen: isOpen, onToggle: onToggle, onSelect: onSelect, onClear: onClearSelection, selections: selections, onFilter: (e, val) => {
-                        if (!val || val === '') {
-                            return children;
-                        }
-                        const results = fuse.search(val).map((result) => result.item.id);
-                        return react_1.default.Children.toArray(children).filter(({ props }) => results.includes(props.id));
-                    } }), children))),
-        react_1.default.createElement(react_core_1.StackItem, null, errorMessage && (react_1.default.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (react_1.default.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon },
+        react_1.default.createElement(deprecated_1.Select, Object.assign({}, field, props, { id: fieldId, variant: deprecated_1.SelectVariant.typeaheadMulti, typeAheadAriaLabel: t('ai:Select a state'), validated: isValid ? 'default' : 'error', "aria-describedby": `${fieldId}-helper`, isCreatable: false, placeholderText: placeholderText, isOpen: isOpen, onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onSelect, onClear: onClearSelection, selections: selections, onFilter: (e, val) => {
+                if (!val || val === '') {
+                    return children;
+                }
+                const results = fuse.search(val).map((result) => result.item.id);
+                return react_1.default.Children.toArray(children).filter(({ props }) => results.includes(props.id));
+            } }), children),
+        (errorMessage || hText) && (react_1.default.createElement(react_core_1.FormHelperText, null,
+            react_1.default.createElement(react_core_1.HelperText, null,
+                react_1.default.createElement(react_core_1.HelperTextItem, { icon: react_1.default.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : hText))))));
 };
 exports.default = MultiSelectField;
 //# sourceMappingURL=MultiSelectField.js.map

package/build/cjs/common/components/ui/formik/MultiSelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/MultiSelectField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiSelectField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/MultiSelectField.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/NumberInputField.js

@@ -5,7 +5,7 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 // eslint-disable-next-line react/display-name
 const NumberInputField = React.forwardRef((_a, ref) => {
     var { label, labelIcon, helperText, isRequired, validate, idPostfix, minValue = 0, maxValue, children, formatValue, onChange } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "validate", "idPostfix", "minValue", "maxValue", "children", "formatValue", "onChange"]);
@@ -33,15 +33,14 @@ const NumberInputField = React.forwardRef((_a, ref) => {
         const targetValue = event.target.value;
         doChange(isNaN(targetValue) ? 0 : Number(targetValue));
     };
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
-    return (React.createElement(react_core_1.Stack, null,
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
-                React.createElement(react_core_1.Split, null,
-                    React.createElement(react_core_1.SplitItem, { isFilled: true },
-                        React.createElement(react_core_1.NumberInput, Object.assign({}, props, { value: field.value, onMinus: onMinus, onChange: handleChange, onPlus: onPlus, min: minValue, max: maxValue, ref: ref, id: fieldId, "aria-describedby": `${fieldId}-helper` }))),
-                    React.createElement(react_core_1.SplitItem, null, children)))),
-        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon },
+        React.createElement(react_core_1.Split, null,
+            React.createElement(react_core_1.SplitItem, { isFilled: true },
+                React.createElement(react_core_1.NumberInput, Object.assign({}, props, { value: field.value, onMinus: onMinus, onChange: handleChange, onPlus: onPlus, min: minValue, max: maxValue, ref: ref, id: fieldId, "aria-describedby": `${fieldId}-helper` }))),
+            React.createElement(react_core_1.SplitItem, null, children)),
+        (errorMessage || helperText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: errorMessage && React.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : helperText))))));
 });
 exports.default = NumberInputField;
 //# sourceMappingURL=NumberInputField.js.map

package/build/cjs/common/components/ui/formik/NumberInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/NumberInputField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NumberInputField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/NumberInputField.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/PencilEditField.css

@@ -1,3 +1,3 @@
 .ai-pencil-field__text {
-  padding-right: var(--pf-global--spacer--sm);
+  padding-right: var(--pf-v5-global--spacer--sm);
 }

package/build/cjs/common/components/ui/formik/PencilEditField.js

@@ -23,7 +23,7 @@ const PencilEditField = ({ name, isRequired, showErrorMessage }) => {
                 React.createElement(react_core_1.SplitItem, { className: "ai-pencil-field__text" }, field.value),
                 React.createElement(react_core_1.SplitItem, null,
                     React.createElement(pencil_alt_icon_1.PencilAltIcon, { onClick: () => setEdit(true) }))))),
-        React.createElement("div", { className: "pf-c-form__helper-text pf-m-error" }, errrMsg)));
+        React.createElement("div", { className: "pf-v5-c-form__helper-text pf-m-error" }, errrMsg)));
 };
 exports.default = PencilEditField;
 //# sourceMappingURL=PencilEditField.js.map

package/build/cjs/common/components/ui/formik/PencilEditField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PencilEditField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/PencilEditField.tsx"],"names":[],"mappings":";;;AAAA,mCAAkC;AAClC,qDAA+B;AAC/B,2FAAsF;AACtF,sEAAsC;AACtC,uDAA0D;AAE1D,iCAA+B;AAC/B,+FAA+D;AAE/D,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,UAAU,EACV,MAAM,EACN,gBAAgB,GAC4D,EAAE,EAAE;IAChF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IACpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAwB,EAAE,EAAE;IACvF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,IAAA,0BAAgB,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL;QACG,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,CACF;YACE,oBAAC,kBAAK;gBACJ,oBAAC,sBAAS,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,KAAK,CAAa;gBACtE,oBAAC,sBAAS;oBACR,oBAAC,+BAAa,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAI,CACrC,CACN,CACP,CACJ;QACD,6BAAK,SAAS,EAAC,mCAAmC,IAAE,OAAO,CAAO,CACjE,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"PencilEditField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/PencilEditField.tsx"],"names":[],"mappings":";;;AAAA,mCAAkC;AAClC,qDAA+B;AAC/B,2FAAsF;AACtF,sEAAsC;AACtC,uDAA0D;AAE1D,iCAA+B;AAC/B,+FAA+D;AAE/D,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,UAAU,EACV,MAAM,EACN,gBAAgB,GAC4D,EAAE,EAAE;IAChF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IACpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAwB,EAAE,EAAE;IACvF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,IAAA,0BAAgB,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL;QACG,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,CACF;YACE,oBAAC,kBAAK;gBACJ,oBAAC,sBAAS,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,KAAK,CAAa;gBACtE,oBAAC,sBAAS;oBACR,oBAAC,+BAAa,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAI,CACrC,CACN,CACP,CACJ;QACD,6BAAK,SAAS,EAAC,sCAAsC,IAAE,OAAO,CAAO,CACpE,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/build/cjs/common/components/ui/formik/RadioField.js

@@ -13,8 +13,8 @@ const RadioField = (_a) => {
         type: 'radio',
     });
     const fieldId = (0, utils_1.getFieldId)(name, 'radio', field.value);
-    return (react_1.default.createElement(react_core_1.Radio, Object.assign({}, field, rest, { id: fieldId, isChecked: !!field.checked, onChange: (checked, e) => {
-            onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
+    return (react_1.default.createElement(react_core_1.Radio, Object.assign({}, field, rest, { id: fieldId, isChecked: !!field.checked, onChange: (e, checked) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(e, checked);
             callFormikOnChange && field.onChange(e);
         } })));
 };

package/build/cjs/common/components/ui/formik/RadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RadioField.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,mCAAkC;AAClC,uDAA+C;AAC/C,mCAAqC;AAGrC,MAAM,UAAU,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EAClB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,KAAK,EACL,QAAQ,OAEQ,EADb,IAAI,sBALW,mDAMnB,CADQ;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvB,IAAI;QACJ,KAAK;QACL,IAAI,EAAE,OAAO;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,KAA2B,CAAC,CAAC;IAE7E,OAAO,CACL,8BAAC,kBAAK,oBACA,KAAK,EACL,IAAI,IACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,OAAO,EAAE,CAAC,CAAC,CAAC;YACvB,kBAAkB,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RadioField.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,mCAAkC;AAClC,uDAA+C;AAC/C,mCAAqC;AAGrC,MAAM,UAAU,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EAClB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,KAAK,EACL,QAAQ,OAEQ,EADb,IAAI,sBALW,mDAMnB,CADQ;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvB,IAAI;QACJ,KAAK;QACL,IAAI,EAAE,OAAO;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,KAA2B,CAAC,CAAC;IAE7E,OAAO,CACL,8BAAC,kBAAK,oBACA,KAAK,EACL,IAAI,IACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE;YACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,EAAE,OAAO,CAAC,CAAC;YACvB,kBAAkB,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/build/cjs/common/components/ui/formik/RemovableField.css

@@ -1,9 +1,11 @@
 .ai-remove-button__tooltip {
-  --pf-c-tooltip__content--BackgroundColor: rgba(0, 0, 0, 0);
-  --pf-c-tooltip--BoxShadow: rgba(0, 0, 0, 0);
-  --pf-c-tooltip__content--PaddingTop: 2.25em;
+  --pf-v5-c-tooltip__content--BackgroundColor: rgba(0, 0, 0, 0) !important;
+  --pf-v5-c-tooltip__arrow--BackgroundColor: rgba(0, 0, 0, 0) !important;
+  --pf-v5-c-tooltip__arrow--BoxShadow: rgba(0, 0, 0, 0) !important;
+  --pf-v5-c-tooltip--BoxShadow: rgba(0, 0, 0, 0) !important;
+  --pf-v5-c-tooltip__content--PaddingTop: 2.25em !important;
 }
 
 .ai-remove-button__tooltip--padding-none {
-  --pf-c-tooltip__content--PaddingTop: 0;
+  --pf-v5-c-tooltip__content--PaddingTop: 0 !important;
 }

package/build/cjs/common/components/ui/formik/RemovableField.js

@@ -6,11 +6,12 @@ const react_core_1 = require("@patternfly/react-core");
 const minus_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/minus-circle-icon");
 require("./RemovableField.css");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const UiIcon_1 = tslib_1.__importDefault(require("../UiIcon"));
 const REMOVE_BUTTON_EXIT_DELAY = 1500;
 const RemovableField = (_a) => {
     var { onRemove, hideRemoveButton = true, children, className, removeButtonDataTestId } = _a, props = tslib_1.__rest(_a, ["onRemove", "hideRemoveButton", "children", "className", "removeButtonDataTestId"]);
     return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ hidden: hideRemoveButton, exitDelay: REMOVE_BUTTON_EXIT_DELAY, flipBehavior: ['right', 'bottom'], position: "right-start", distance: 0, content: react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, onClick: onRemove, "data-testid": removeButtonDataTestId },
-            react_1.default.createElement(minus_circle_icon_1.MinusCircleIcon, { size: "sm" })), className: (0, classnames_1.default)('ai-remove-button__tooltip ', className) }, props), children));
+            react_1.default.createElement(UiIcon_1.default, { size: "sm", icon: react_1.default.createElement(minus_circle_icon_1.MinusCircleIcon, null) })), className: (0, classnames_1.default)('ai-remove-button__tooltip ', className) }, props), children));
 };
 exports.default = RemovableField;
 //# sourceMappingURL=RemovableField.js.map

package/build/cjs/common/components/ui/formik/RemovableField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemovableField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RemovableField.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAsF;AACtF,+FAA0F;AAC1F,gCAA8B;AAC9B,oEAAoC;AAQpC,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAEtC,MAAM,cAAc,GAAkE,CAAC,EAOtF,EAAE,EAAE;QAPkF,EACrF,QAAQ,EACR,gBAAgB,GAAG,IAAI,EACvB,QAAQ,EACR,SAAS,EACT,sBAAsB,OAEvB,EADI,KAAK,sBAN6E,mFAOtF,CADS;IAER,OAAO,CACL,8BAAC,oBAAO,kBACN,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,wBAAwB,EACnC,YAAY,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,EACjC,QAAQ,EAAC,aAAa,EACtB,QAAQ,EAAE,CAAC,EACX,OAAO,EACL,8BAAC,mBAAM,IACL,OAAO,EAAE,0BAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,QAAQ,iBACJ,sBAAsB;YAEnC,8BAAC,mCAAe,IAAC,IAAI,EAAC,IAAI,GAAG,CACtB,EAEX,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,KAAK,GAER,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"RemovableField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RemovableField.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAsF;AACtF,+FAA0F;AAC1F,gCAA8B;AAC9B,oEAAoC;AACpC,+DAA+B;AAQ/B,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAEtC,MAAM,cAAc,GAAkE,CAAC,EAOtF,EAAE,EAAE;QAPkF,EACrF,QAAQ,EACR,gBAAgB,GAAG,IAAI,EACvB,QAAQ,EACR,SAAS,EACT,sBAAsB,OAEvB,EADI,KAAK,sBAN6E,mFAOtF,CADS;IAER,OAAO,CACL,8BAAC,oBAAO,kBACN,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,wBAAwB,EACnC,YAAY,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,EACjC,QAAQ,EAAC,aAAa,EACtB,QAAQ,EAAE,CAAC,EACX,OAAO,EACL,8BAAC,mBAAM,IACL,OAAO,EAAE,0BAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,QAAQ,iBACJ,sBAAsB;YAEnC,8BAAC,gBAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,8BAAC,mCAAe,OAAG,GAAI,CACxC,EAEX,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,KAAK,GAER,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/build/cjs/common/components/ui/formik/RichInputField.css

@@ -1,16 +1,16 @@
 .rich-input__rules {
-  padding-top: var(--pf-c-helper-text--Gap);
+  padding-top: var(--pf-v5-c-helper-text--Gap);
 }
 
 .rich-input__group {
-  border-color: var(--pf-global--BorderColor--300) var(--pf-global--BorderColor--300)
-    var(--pf-global--BorderColor--200) var(--pf-global--BorderColor--300);
+  border-color: var(--pf-v5-global--BorderColor--300) var(--pf-v5-global--BorderColor--300)
+    var(--pf-v5-global--BorderColor--200) var(--pf-v5-global--BorderColor--300);
   border-width: 1px;
   border-style: solid;
 }
 
 .rich-input__group--invalid {
-  border-bottom-color: var(--pf-global--danger-color--100);
+  border-bottom-color: var(--pf-v5-global--danger-color--100);
 }
 
 .rich-input__text {

package/build/cjs/common/components/ui/formik/RichInputField.js

@@ -15,7 +15,6 @@ const global_palette_green_500_1 = require("@patternfly/react-tokens/dist/js/glo
 const global_danger_color_100_1 = require("@patternfly/react-tokens/dist/js/global_danger_color_100");
 const global_palette_blue_300_1 = require("@patternfly/react-tokens/dist/js/global_palette_blue_300");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
 require("./RichInputField.css");
 const getHelperTextVariant = (validationMessage, value, errors) => {
     if (!value) {
@@ -35,7 +34,7 @@ const RichValidation = ({ value, error, richValidationMessages, }) => {
 exports.RichValidation = RichValidation;
 // eslint-disable-next-line react/display-name
 const RichInputField = React.forwardRef((_a, ref) => {
-    var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix, noDefaultOnChange, richValidationMessages } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix", "noDefaultOnChange", "richValidationMessages"]);
+    var { label, labelIcon, helperText, isRequired, validate, idPostfix, richValidationMessages, noDefaultOnChange, onChange } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "validate", "idPostfix", "richValidationMessages", "noDefaultOnChange", "onChange"]);
     const [popoverOpen, setPopoverOpen] = React.useState(false);
     const [field, { error, value, touched }, { setTouched }] = (0, formik_1.useField)({
         name: props.name,
@@ -43,19 +42,26 @@ const RichInputField = React.forwardRef((_a, ref) => {
     });
     const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
     const isValid = !(touched && (error === null || error === void 0 ? void 0 : error.length));
-    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: label, helperText: typeof helperText === 'string' ? (helperText) : (React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText)), validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon },
         React.createElement(react_core_1.InputGroup, { className: (0, classnames_1.default)('rich-input__group', { 'rich_input__group--invalid': !isValid }) },
-            React.createElement(react_core_1.TextInput, Object.assign({}, field, props, { ref: ref, id: fieldId, isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (value, event) => {
-                    !popoverOpen && setPopoverOpen(true);
-                    !noDefaultOnChange && field.onChange(event);
-                    setTouched(true, false);
-                    onChange && onChange(event);
-                }, className: "rich-input__text", onBlur: () => {
-                    setTouched(true, false);
-                    setPopoverOpen(false);
-                } })),
-            React.createElement(react_core_1.Popover, { isVisible: popoverOpen, shouldClose: () => setPopoverOpen(false), shouldOpen: () => setPopoverOpen(true), "aria-label": "validation popover", position: react_core_1.PopoverPosition.top, bodyContent: React.createElement(exports.RichValidation, { value: value, error: error, richValidationMessages: richValidationMessages }) },
-                React.createElement(react_core_1.Button, { variant: "plain", "aria-label": "Validation" }, !isValid ? (React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, { color: global_danger_color_100_1.global_danger_color_100.value })) : value ? (React.createElement(check_circle_icon_1.CheckCircleIcon, { color: global_palette_green_500_1.global_palette_green_500.value })) : (React.createElement(info_circle_icon_1.InfoCircleIcon, { color: global_palette_blue_300_1.global_palette_blue_300.value })))))));
+            React.createElement(react_core_1.InputGroupItem, { isFill: true },
+                React.createElement(react_core_1.TextInput, Object.assign({}, field, props, { ref: ref, id: fieldId, isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (event, val) => {
+                        !popoverOpen && setPopoverOpen(true);
+                        !noDefaultOnChange && field.onChange(event);
+                        onChange && onChange(event);
+                        if (!touched && (val === null || val === void 0 ? void 0 : val.length)) {
+                            setTouched(true);
+                        }
+                    }, className: "rich-input__text", onBlur: () => {
+                        setPopoverOpen(false);
+                        setTouched(true);
+                    } }))),
+            React.createElement(react_core_1.InputGroupItem, null,
+                React.createElement(react_core_1.Popover, { isVisible: popoverOpen, shouldClose: () => setPopoverOpen(false), shouldOpen: () => setPopoverOpen(true), "aria-label": "validation popover", position: react_core_1.PopoverPosition.top, bodyContent: React.createElement(exports.RichValidation, { value: value, error: error, richValidationMessages: richValidationMessages }), withFocusTrap: false },
+                    React.createElement(react_core_1.Button, { variant: "plain", "aria-label": "Validation" }, !isValid ? (React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, { color: global_danger_color_100_1.global_danger_color_100.value })) : value ? (React.createElement(check_circle_icon_1.CheckCircleIcon, { color: global_palette_green_500_1.global_palette_green_500.value })) : (React.createElement(info_circle_icon_1.InfoCircleIcon, { color: global_palette_blue_300_1.global_palette_blue_300.value })))))),
+        helperText && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { variant: isValid ? 'default' : 'error', id: isValid ? `${fieldId}-helper` : `${fieldId}-helper-error` }, helperText))))));
 });
 exports.default = RichInputField;
 //# sourceMappingURL=RichInputField.js.map

package/build/cjs/common/components/ui/formik/RichInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichInputField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RichInputField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RichInputField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/RichInputField.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/SelectField.js

@@ -5,7 +5,7 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 // Reimplement this component to use custom Select in case of using it along the MultiSelectField component due to visual differences.
 // Idea: use Formik's field.multiple to switch among single and multi-selection.
 // See: https://www.patternfly.org/v4/components/form-select/design-guidelines#usage
@@ -16,16 +16,15 @@ const SelectField = (_a) => {
     const isValid = !(touched && error);
     const errorMessage = !isValid ? error : '';
     const hText = getHelperText ? getHelperText(field.value) : helperText;
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, hText);
-    return (React.createElement(react_core_1.Stack, { id: `form-control__${fieldId}` },
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
-                React.createElement(react_core_1.FormSelect, Object.assign({}, field, props, { id: fieldId, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (value, event) => {
-                        //customHandleChange enables calling formik change handler explicitly, useful for example to have the previous value
-                        callFormikOnChange && field.onChange(event);
-                        onChange && onChange(value, event);
-                    } }), options.map((option, index) => (React.createElement(react_core_1.FormSelectOption, Object.assign({ key: option.id || index }, option))))))),
-        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon, id: `form-control__${fieldId}` },
+        React.createElement(react_core_1.FormSelect, Object.assign({}, field, props, { id: fieldId, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (event, value) => {
+                //customHandleChange enables calling formik change handler explicitly, useful for example to have the previous value
+                callFormikOnChange && field.onChange(event);
+                onChange && onChange(event, value);
+            } }), options.map((option, index) => (React.createElement(react_core_1.FormSelectOption, Object.assign({ key: option.id || index }, option))))),
+        (errorMessage || hText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: React.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : hText))))));
 };
 exports.default = SelectField;
 //# sourceMappingURL=SelectField.js.map

package/build/cjs/common/components/ui/formik/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/SelectField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAAmG;AACnG,mCAAqC;AAErC,sEAAsC;AAEtC,sIAAsI;AACtI,gFAAgF;AAChF,oFAAoF;AACpF,MAAM,WAAW,GAA+B,CAAC,EAWhD,EAAE,EAAE;QAX4C,EAC/C,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,kBAAkB,GAAG,IAAI,OAE1B,EADI,KAAK,sBAVuC,6HAWhD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAS,KAAK,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAc,CAAC;IAE3E,OAAO,CACL,oBAAC,kBAAK,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE;QACnC,oBAAC,sBAAS;YACR,oBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS;gBAEpB,oBAAC,uBAAU,oBACL,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBACzB,oHAAoH;wBACpH,kBAAkB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;wBAC5C,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;oBACrC,CAAC,KAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,6BAAgB,kBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK,IAAM,MAAM,EAAI,CAC1D,CAAC,CACS,CACH,CACF;QACZ,oBAAC,sBAAS,QACP,YAAY,IAAI,CACf,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAClC,YAAY,CACF,CACd,CACS,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/SelectField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAOgC;AAChC,mCAAqC;AAErC,oIAAkG;AAElG,sIAAsI;AACtI,gFAAgF;AAChF,oFAAoF;AACpF,MAAM,WAAW,GAA+B,CAAC,EAWhD,EAAE,EAAE;QAX4C,EAC/C,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,kBAAkB,GAAG,IAAI,OAE1B,EADI,KAAK,sBAVuC,6HAWhD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAS,KAAK,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAEtE,OAAO,CACL,oBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,iBAAiB,OAAO,EAAE;QAE9B,oBAAC,uBAAU,oBACL,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACzB,oHAAoH;gBACpH,kBAAkB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC5C,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YACrC,CAAC,KAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,6BAAgB,kBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK,IAAM,MAAM,EAAI,CAC1D,CAAC,CACS;QACZ,CAAC,YAAY,IAAI,KAAK,CAAC,IAAI,CAC1B,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACT,oBAAC,2BAAc,IACb,IAAI,EAAE,oBAAC,iCAAqB,OAAG,EAC/B,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,IAEjE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CACrB,CACN,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/build/cjs/common/components/ui/formik/SingleNodeCheckbox.js

@@ -5,7 +5,6 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
 const featureSupportLevels_1 = require("../../featureSupportLevels");
 const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
 const SingleNodeCheckbox = (_a) => {
@@ -35,7 +34,10 @@ const SingleNodeCheckbox = (_a) => {
                 React.createElement(react_core_1.Checkbox, Object.assign({}, field, props, { id: fieldId, label: React.createElement(React.Fragment, null,
                         t('ai:Install single node OpenShift (SNO)'),
                         "\u00A0",
-                        React.createElement(featureSupportLevels_1.FeatureSupportLevelBadge, { featureId: "SNO", openshiftVersion: openshiftVersion })), "aria-describedby": `${fieldId}-helper`, description: React.createElement(HelperText_1.default, { fieldId: fieldId }, t('ai:SNO enables you to install OpenShift using only one host.')), isChecked: value === 'None', onChange: onChanged, className: "with-tooltip" })))));
+                        React.createElement(featureSupportLevels_1.FeatureSupportLevelBadge, { featureId: "SNO", openshiftVersion: openshiftVersion })), "aria-describedby": `${fieldId}-helper`, description: React.createElement(react_core_1.FormGroup, null,
+                        React.createElement(react_core_1.FormHelperText, null,
+                            React.createElement(react_core_1.HelperText, { id: fieldId },
+                                React.createElement(react_core_1.HelperTextItem, null, t('ai:SNO enables you to install OpenShift using only one host.'))))), isChecked: value === 'None', onChange: (_event, value) => onChanged(value), className: "with-tooltip" })))));
     }
     return null;
 };

package/build/cjs/common/components/ui/formik/SingleNodeCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleNodeCheckbox.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/SingleNodeCheckbox.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAoD;AACpD,uDAAsE;AAEtE,mCAAqC;AACrC,sEAAsC;AAEtC,qEAA8F;AAE9F,oFAAwE;AAIxE,MAAM,kBAAkB,GAAsC,CAAC,EAK9D,EAAE,EAAE;QAL0D,EAC7D,QAAQ,EACR,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAJqD,qCAK9D,CADS;IAER,MAAM,EACJ,MAAM,EAAE,EAAE,gBAAgB,EAAE,GAC7B,GAAG,IAAA,yBAAgB,GAAuB,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,iBAAQ,EAAkB,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzF,MAAM,0BAA0B,GAAG,IAAA,6CAAsB,GAAE,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAC7B,MAAM,2BAA2B,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAC9D,0BAA0B,CAAC,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CACpE,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,OAAgB,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EACzD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,cAAc,GAAG,0BAA0B,CAAC,wBAAwB,CACxE,gBAAgB,EAChB,KAAK,EACL,CAAC,CACF,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IACE,cAAc,CAAC,OAAO,KAAK,gBAAgB;YAC3C,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,KAAK,CAAC,EACvE;YACA,yGAAyG;YACzG,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;QACD,cAAc,CAAC,OAAO,GAAG,gBAAgB,CAAC;IAC5C,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAE9D,IAAI,2BAA2B,EAAE;QAC/B,OAAO,CACL,oBAAC,sBAAS,IAAC,QAAQ,QAAC,OAAO,EAAE,OAAO;YAClC,oBAAC,oBAAO,IAAC,MAAM,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,cAAc;gBACvD,oBAAC,qBAAQ,oBACH,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,KAAK,EACH;wBACG,CAAC,CAAC,wCAAwC,CAAC;;wBAC5C,oBAAC,+CAAwB,IAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,EAAE,gBAAgB,GAAI,CAC/E,sBAEa,GAAG,OAAO,SAAS,EACrC,WAAW,EACT,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,IACzB,CAAC,CAAC,8DAA8D,CAAC,CACvD,EAEf,SAAS,EAAE,KAAK,KAAK,MAAM,EAC3B,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,cAAc,IACxB,CACM,CACA,CACb,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SingleNodeCheckbox.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/SingleNodeCheckbox.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/SwitchField.js

@@ -5,7 +5,7 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 const SwitchField = (_a) => {
     var { label, helperText, isRequired, onChange, onChangeCustomOverride, getHelperText, idPostfix, labelIcon, tooltipProps, switchOuiaId } = _a, props = tslib_1.__rest(_a, ["label", "helperText", "isRequired", "onChange", "onChangeCustomOverride", "getHelperText", "idPostfix", "labelIcon", "tooltipProps", "switchOuiaId"]);
     const [field, { touched, error }] = (0, formik_1.useField)(props.name);
@@ -13,7 +13,7 @@ const SwitchField = (_a) => {
     const isValid = !(touched && error);
     const errorMessage = !isValid ? error : '';
     const hText = getHelperText ? getHelperText(field.value) : helperText;
-    const switchFields = Object.assign(Object.assign({}, field), { id: fieldId, label: label, isDisabled: props.isDisabled, isChecked: Boolean(field.value), hasCheckIcon: Boolean(field.value), ouiaId: switchOuiaId, onChange: (checked, event) => {
+    const switchFields = Object.assign(Object.assign({}, field), { id: fieldId, label: label, isDisabled: props.isDisabled, isChecked: Boolean(field.value), hasCheckIcon: Boolean(field.value), ouiaId: switchOuiaId, onChange: (event, checked) => {
             if (onChangeCustomOverride) {
                 onChangeCustomOverride(checked, event);
             }
@@ -22,12 +22,12 @@ const SwitchField = (_a) => {
                 onChange && onChange(checked, event);
             }
         } });
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, hText);
-    return (React.createElement(react_core_1.Stack, null,
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon }, tooltipProps ? (React.createElement(react_core_1.Tooltip, Object.assign({}, tooltipProps),
-                React.createElement(react_core_1.Switch, Object.assign({}, switchFields)))) : (React.createElement(react_core_1.Switch, Object.assign({}, switchFields))))),
-        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, isRequired: isRequired, labelIcon: labelIcon },
+        tooltipProps ? (React.createElement(react_core_1.Tooltip, Object.assign({}, tooltipProps),
+            React.createElement(react_core_1.Switch, Object.assign({}, switchFields)))) : (React.createElement(react_core_1.Switch, Object.assign({}, switchFields))),
+        (errorMessage || hText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: React.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : hText))))));
 };
 exports.default = SwitchField;
 //# sourceMappingURL=SwitchField.js.map

package/build/cjs/common/components/ui/formik/SwitchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/SwitchField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAAsF;AACtF,mCAAqC;AAErC,sEAAsC;AAEtC,MAAM,WAAW,GAA+B,CAAC,EAYhD,EAAE,EAAE;QAZ4C,EAC/C,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,sBAAsB,EACtB,aAAa,EACb,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,OAEb,EADI,KAAK,sBAXuC,sJAYhD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAS,KAAK,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAEtE,MAAM,YAAY,mCACb,KAAK,KACR,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAC/B,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAClC,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,CAAC,OAAgB,EAAE,KAAwC,EAAE,EAAE;YACvE,IAAI,sBAAsB,EAAE;gBAC1B,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aACxC;iBAAM;gBACL,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aACtC;QACH,CAAC,GACF,CAAC;IAEF,MAAM,eAAe,GAAG,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAc,CAAC;IAE3E,OAAO,CACL,oBAAC,kBAAK;QACJ,oBAAC,sBAAS;YACR,oBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,eAAe,EAC3B,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAEnB,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,oBAAO,oBAAK,YAAY;gBACvB,oBAAC,mBAAM,oBAAK,YAAY,EAAI,CACpB,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAM,oBAAK,YAAY,EAAI,CAC7B,CACS,CACF;QACZ,oBAAC,sBAAS,QACP,YAAY,IAAI,CACf,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAClC,YAAY,CACF,CACd,CACS,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/SwitchField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAOgC;AAChC,mCAAqC;AAErC,oIAAkG;AAElG,MAAM,WAAW,GAA+B,CAAC,EAYhD,EAAE,EAAE;QAZ4C,EAC/C,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,sBAAsB,EACtB,aAAa,EACb,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,OAEb,EADI,KAAK,sBAXuC,sJAYhD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAS,KAAK,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAEtE,MAAM,YAAY,mCACb,KAAK,KACR,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAC/B,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAClC,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,CAAC,KAAwC,EAAE,OAAgB,EAAE,EAAE;YACvE,IAAI,sBAAsB,EAAE;gBAC1B,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aACxC;iBAAM;gBACL,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aACtC;QACH,CAAC,GACF,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS;QACtE,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,oBAAO,oBAAK,YAAY;YACvB,oBAAC,mBAAM,oBAAK,YAAY,EAAI,CACpB,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAM,oBAAK,YAAY,EAAI,CAC7B;QACA,CAAC,YAAY,IAAI,KAAK,CAAC,IAAI,CAC1B,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACT,oBAAC,2BAAc,IACb,IAAI,EAAE,oBAAC,iCAAqB,OAAG,EAC/B,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,IAEjE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CACrB,CACN,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/build/cjs/common/components/ui/formik/TextAreaField.js

@@ -5,7 +5,7 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
 const TextAreaField = (_a) => {
     var { label, helperText, getErrorText, isRequired, children, idPostfix, labelIcon, groupClassName } = _a, props = tslib_1.__rest(_a, ["label", "helperText", "getErrorText", "isRequired", "children", "idPostfix", "labelIcon", "groupClassName"]);
     const [field, { touched, error }] = (0, formik_1.useField)(props.name);
@@ -19,13 +19,12 @@ const TextAreaField = (_a) => {
     };
     const errorMessage = getErrorMessage();
     const { isDisabled } = props, restProps = tslib_1.__rest(props, ["isDisabled"]);
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
-    return (React.createElement(react_core_1.Stack, { id: `form-control__${fieldId}` },
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon, className: groupClassName },
-                children,
-                React.createElement(react_core_1.TextArea, Object.assign({}, field, restProps, { id: fieldId, style: { resize: 'vertical' }, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (value, event) => field.onChange(event), disabled: isDisabled })))),
-        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon, className: groupClassName, id: `form-control__${fieldId}` },
+        children,
+        React.createElement(react_core_1.TextArea, Object.assign({}, field, restProps, { id: fieldId, style: { resize: 'vertical' }, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (event) => field.onChange(event), disabled: isDisabled })),
+        (errorMessage || helperText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: errorMessage && React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : helperText))))));
 };
 exports.default = TextAreaField;
 //# sourceMappingURL=TextAreaField.js.map

package/build/cjs/common/components/ui/formik/TextAreaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/TextAreaField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAA+E;AAE/E,mCAAqC;AACrC,sEAAsC;AAEtC,MAAM,aAAa,GAAiC,CAAC,EAUpD,EAAE,EAAE;QAVgD,EACnD,KAAK,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,cAAc,OAEf,EADI,KAAK,sBAT2C,6GAUpD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IAEpC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,OAAO,IAAI,KAAK,EAAE;YACrB,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SACnD;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,kBAAK,KAAK,EAApC,cAA4B,CAAQ,CAAC;IAC3C,MAAM,eAAe,GAAG,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,IAAG,UAAU,CAAc,CAAC;IAEhF,OAAO,CACL,oBAAC,kBAAK,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE;QACnC,oBAAC,sBAAS;YACR,oBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,cAAc;gBAExB,QAAQ;gBACT,oBAAC,qBAAQ,oBACH,KAAK,EACL,SAAS,IACb,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAC7B,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACjD,QAAQ,EAAE,UAAU,IACpB,CACQ,CACF;QACZ,oBAAC,sBAAS,QACP,YAAY,IAAI,CACf,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAClC,YAAY,CACF,CACd,CACS,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"TextAreaField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/TextAreaField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAMgC;AAEhC,mCAAqC;AACrC,2GAAsG;AAEtG,MAAM,aAAa,GAAiC,CAAC,EAUpD,EAAE,EAAE;QAVgD,EACnD,KAAK,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,cAAc,OAEf,EADI,KAAK,sBAT2C,6GAUpD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IAEpC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,OAAO,IAAI,KAAK,EAAE;YACrB,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SACnD;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,kBAAK,KAAK,EAApC,cAA4B,CAAQ,CAAC;IAE3C,OAAO,CACL,oBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,cAAc,EACzB,EAAE,EAAE,iBAAiB,OAAO,EAAE;QAE7B,QAAQ;QACT,oBAAC,qBAAQ,oBACH,KAAK,EACL,SAAS,IACb,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAC7B,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC1C,QAAQ,EAAE,UAAU,IACpB;QACD,CAAC,YAAY,IAAI,UAAU,CAAC,IAAI,CAC/B,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACT,oBAAC,2BAAc,IACb,IAAI,EAAE,YAAY,IAAI,oBAAC,+CAAqB,OAAG,EAC/C,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,IAEjE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC1B,CACN,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/build/cjs/common/components/ui/formik/TextAreaSecretField.js

@@ -12,8 +12,11 @@ const TextAreaSecretField = (_a) => {
     if (isEdit) {
         return (React.createElement(TextAreaField_1.default, Object.assign({}, props), isSet && (React.createElement(react_core_1.Button, { onClick: () => onToggle(true), variant: "link" }, "Keep existing value"))));
     }
-    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: helperTextHidden, isRequired: props.isRequired },
-        React.createElement(react_core_1.Button, { onClick: () => onToggle(false), variant: "link" }, "Change")));
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: props.isRequired },
+        React.createElement(react_core_1.Button, { onClick: () => onToggle(false), variant: "link" }, "Change"),
+        helperTextHidden && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, null, helperTextHidden))))));
 };
 exports.default = TextAreaSecretField;
 //# sourceMappingURL=TextAreaSecretField.js.map

package/build/cjs/common/components/ui/formik/TextAreaSecretField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaSecretField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/TextAreaSecretField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA2D;AAE3D,mCAAqC;AACrC,4EAA4C;AAE5C,MAAM,mBAAmB,GAAkC,CAAC,EAO3D,EAAE,EAAE;QAPuD,EAC1D,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBANkD,gEAO3D,CADS;IAER,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAErD,IAAI,MAAM,EAAE;QACV,OAAO,CACL,oBAAC,uBAAa,oBAAK,KAAK,GACrB,KAAK,IAAI,CACR,oBAAC,mBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,EAAC,MAAM,0BAE5C,CACV,CACa,CACjB,CAAC;KACH;IAED,OAAO,CACL,oBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;QAE5B,oBAAC,mBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAC,MAAM,aAE7C,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TextAreaSecretField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/TextAreaSecretField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAMgC;AAEhC,mCAAqC;AACrC,4EAA4C;AAE5C,MAAM,mBAAmB,GAAkC,CAAC,EAO3D,EAAE,EAAE;QAPuD,EAC1D,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBANkD,gEAO3D,CADS;IAER,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAErD,IAAI,MAAM,EAAE;QACV,OAAO,CACL,oBAAC,uBAAa,oBAAK,KAAK,GACrB,KAAK,IAAI,CACR,oBAAC,mBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,EAAC,MAAM,0BAE5C,CACV,CACa,CACjB,CAAC;KACH;IAED,OAAO,CACL,oBAAC,sBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU;QACrE,oBAAC,mBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAC,MAAM,aAE7C;QACR,gBAAgB,IAAI,CACnB,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACT,oBAAC,2BAAc,QAAE,gBAAgB,CAAkB,CACxC,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}