@openshift-assisted/ui-lib 2.7.12-cim → 2.8.3-cim

package/build/common/components/ui/formik/FormikAutoSave.js

@@ -0,0 +1,60 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { shallowEqual } from 'react-redux';
+import debouncer from 'lodash-es/debounce.js';
+import { useFormikContext } from 'formik';
+export const useFormikAutoSave = (debounce = 1000) => {
+    const [autoSaveIDs, setAutoSaveIDs] = React.useState([]);
+    const { values, isSubmitting, submitForm } = useFormikContext();
+    const prevValuesRef = React.useRef(values);
+    const commitRef = React.useRef(debouncer((autoSaveID) => __awaiter(void 0, void 0, void 0, function* () {
+        yield submitForm();
+        setAutoSaveIDs((ids) => ids.filter((id) => id > autoSaveID));
+    }), debounce));
+    React.useEffect(() => {
+        if (!shallowEqual(prevValuesRef.current, values) && !isSubmitting) {
+            const autoSaveID = Date.now();
+            setAutoSaveIDs((ids) => {
+                ids.push(autoSaveID);
+                return ids;
+            });
+            void commitRef.current(autoSaveID);
+        }
+        if (!isSubmitting) {
+            prevValuesRef.current = values;
+        }
+    }, [values, isSubmitting, setAutoSaveIDs]);
+    React.useEffect(() => {
+        const commit = commitRef.current;
+        return () => commit.cancel();
+    }, []);
+    return !!autoSaveIDs.length;
+};
+const FormikAutoSave = ({ debounce = 1000 }) => {
+    const { values, dirty, isSubmitting, submitForm } = useFormikContext();
+    const prevValuesRef = React.useRef(values);
+    const commitRef = React.useRef(debouncer(submitForm, debounce));
+    React.useEffect(() => {
+        if (!shallowEqual(prevValuesRef.current, values) && dirty && !isSubmitting) {
+            void commitRef.current();
+        }
+        if (!isSubmitting) {
+            prevValuesRef.current = values;
+        }
+    }, [values, dirty, isSubmitting]);
+    React.useEffect(() => {
+        const commit = commitRef.current;
+        return () => commit.cancel();
+    }, []);
+    return null;
+};
+export default FormikAutoSave;
+//# sourceMappingURL=FormikAutoSave.js.map

package/build/common/components/ui/formik/FormikAutoSave.js.map

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

package/build/common/components/ui/formik/HelperText.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { css } from '@patternfly/react-styles';
+/**
+ * HelperText component standardizes the format of non string helperText prop on FormGroup
+ * which is otherwise rendered 'as is' in FormGroup
+ */
+const HelperText = ({ fieldId, children, isError = false }) => (React.createElement("div", { className: css('pf-c-form__helper-text', { 'pf-m-error': isError }), id: isError ? `${fieldId}-helper-error` : `${fieldId}-helper`, "aria-live": "polite" }, children));
+export default HelperText;
+//# sourceMappingURL=HelperText.js.map

package/build/common/components/ui/formik/HelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAO/C;;;GAGG;AACH,MAAM,UAAU,GAA8B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACxF,6BACE,SAAS,EAAE,GAAG,CAAC,wBAAwB,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EACnE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,eACnD,QAAQ,IAEjB,QAAQ,CACL,CACP,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/common/components/ui/formik/InputField.js

@@ -0,0 +1,46 @@
+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;
+};
+import * as React from 'react';
+import { useField } from 'formik';
+import { FormGroup, HelperTextItem, Split, SplitItem, Stack, StackItem, TextInput, } from '@patternfly/react-core';
+import { getFieldId } from './utils';
+import HelperText from './HelperText';
+import useFieldErrorMsg from '../../../hooks/useFieldErrorMsg';
+const InputField = React.forwardRef((_a, ref) => {
+    var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix, children, noDefaultOnChange, inputError, description, labelInfo, showErrorMessage = true } = _a, props = __rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix", "children", "noDefaultOnChange", "inputError", "description", "labelInfo", "showErrorMessage"]);
+    const [field] = useField({
+        name: props.name,
+        validate,
+    });
+    const fieldId = getFieldId(props.name, 'input', idPostfix);
+    const errorMessage = useFieldErrorMsg({ name: props.name, inputError, validate });
+    const fieldHelperText = React.createElement(HelperText, { fieldId: fieldId }, helperText);
+    const isValid = !errorMessage;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, null,
+            React.createElement(StackItem, null,
+                React.createElement(FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon, labelInfo: labelInfo },
+                    description && (React.createElement(HelperText, { fieldId: fieldId },
+                        React.createElement(HelperTextItem, { variant: "indeterminate" }, description))),
+                    React.createElement(Split, null,
+                        React.createElement(SplitItem, { isFilled: true },
+                            React.createElement(TextInput, Object.assign({}, field, props, { ref: ref, id: fieldId, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (value, event) => {
+                                    if (!props.isDisabled) {
+                                        !noDefaultOnChange && field.onChange(event);
+                                        onChange && onChange(event);
+                                    }
+                                } }))),
+                        React.createElement(SplitItem, null, children)))),
+            React.createElement(StackItem, null, showErrorMessage && errorMessage && (React.createElement(HelperText, { fieldId: fieldId, isError: true }, errorMessage))))));
+});
+export default InputField;
+//# sourceMappingURL=InputField.js.map

package/build/common/components/ui/formik/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/InputField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EACL,SAAS,EACT,cAAc,EACd,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,GACV,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAE/D,MAAM,UAAU,GAGZ,KAAK,CAAC,UAAU,CAClB,CACE,EAeC,EACD,GAAgC,EAChC,EAAE;QAjBF,EACE,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,SAAS,EACT,gBAAgB,GAAG,IAAI,OAExB,EADI,KAAK,cAdV,sLAeC,CADS;IAIV,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;QACvB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClF,MAAM,eAAe,GAAG,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,IAAG,UAAU,CAAc,CAAC;IAChF,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC;IAE9B,OAAO,CACL;QACE,oBAAC,KAAK;YACJ,oBAAC,SAAS;gBACR,oBAAC,SAAS,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,SAAS;oBAEnB,WAAW,IAAI,CACd,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO;wBAC1B,oBAAC,cAAc,IAAC,OAAO,EAAC,eAAe,IAAE,WAAW,CAAkB,CAC3D,CACd;oBACD,oBAAC,KAAK;wBACJ,oBAAC,SAAS,IAAC,QAAQ;4BACjB,oBAAC,SAAS,oBACJ,KAAK,EACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,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;oCACzB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;wCACrB,CAAC,iBAAiB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;wCAC5C,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;qCAC7B;gCACH,CAAC,IACD,CACQ;wBACZ,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAC3B,CACE,CACF;YACZ,oBAAC,SAAS,QACP,gBAAgB,IAAI,YAAY,IAAI,CACnC,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAClC,YAAY,CACF,CACd,CACS,CACN,CACP,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/common/components/ui/formik/LabelField.css

@@ -0,0 +1,38 @@
+.label-field__value {
+  margin: 0 var(--pf-global--spacer--sm) 0 0;
+}
+
+.label-field__input {
+  border: 1px solid transparent;
+  outline: none;
+  width: 100%;
+}
+
+.label-field .react-autosuggest__suggestions-list {
+  margin-left: var(--pf-global--spacer-xs);
+  margin-right: var(--pf-global--spacer-xs);
+  box-shadow: var(--pf-global--BoxShadow--lg);
+
+  max-height: 10rem;
+  overflow: auto;
+  list-style-type: none;
+}
+
+.label-field .react-autosuggest__suggestion {
+  cursor: pointer;
+}
+
+.label-field .react-autosuggest__suggestion--highlighted {
+  /* TODO(mlibra): maybe a lighter color would be better */
+  background-color: var(--pf-global--primary-color--light-100);
+}
+
+.label-field .react-autosuggest__section-title {
+  padding: 10px 0 0 10px;
+  font-size: var(--pf-global--FontSize--sm);
+  color: var(--pf-global--Color--200);
+}
+
+.label-field .react-tagsinput {
+  width: 100%;
+}

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

@@ -0,0 +1,58 @@
+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;
+};
+import * as React from 'react';
+import { useField } from 'formik';
+import { FormGroup, Label, Stack, StackItem } from '@patternfly/react-core';
+import TagsInput from 'react-tagsinput';
+import { getFieldId } from './utils';
+import HelperText from './HelperText';
+import './LabelField.css';
+import { useTranslation } from '../../../hooks/use-translation-wrapper';
+export const LabelValue = ({ value, onClose }) => (React.createElement(Label, { className: "label-field__value", variant: "outline", onClose: onClose }, value));
+export const LabelField = (_a) => {
+    var _b;
+    var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix } = _a, props = __rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix"]);
+    const { t } = useTranslation();
+    const [input, setInput] = React.useState('');
+    const [field, { touched, error }, { setValue, setTouched }] = useField({
+        name: props.name,
+        validate,
+    });
+    const fieldId = getFieldId(props.name, 'input', idPostfix);
+    const isValid = !(touched && error);
+    const errorMessage = !isValid ? error : '';
+    const fieldHelperText = React.createElement(HelperText, { fieldId: fieldId }, helperText);
+    return (React.createElement(Stack, null,
+        React.createElement(StackItem, null,
+            React.createElement(FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+                t("ai:Enter key=value and then press 'enter' or 'space' or use a ',' to input the label."),
+                React.createElement("div", { className: "co-search-input pf-c-form-control" },
+                    React.createElement(TagsInput, Object.assign({}, field, { onChange: (tags) => {
+                            setValue(tags);
+                            setInput('');
+                            onChange && onChange(tags);
+                            !touched && setTouched(true);
+                        }, addKeys: [13, 32, 188], renderTag: ({ tag, key, onRemove, getTagDisplayValue }) => (React.createElement(LabelValue, { key: key, onClose: () => onRemove(key), value: getTagDisplayValue(tag) })), addOnBlur: true, inputProps: {
+                            autoFocus: false,
+                            className: 'label-field__input',
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                            placeholder: ((_b = field.value) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'app=frontend',
+                            spellCheck: 'false',
+                            id: 'tags-input',
+                            value: input,
+                            // eslint-disable-next-line
+                            onChange: (e) => setInput(e.target.value),
+                            ['data-test']: 'tags-input',
+                        } }))))),
+        React.createElement(StackItem, null, errorMessage && (React.createElement(HelperText, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+//# sourceMappingURL=LabelField.js.map

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

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

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

@@ -0,0 +1,84 @@
+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;
+};
+import React from 'react';
+import { useField } from 'formik';
+import Fuse from 'fuse.js';
+import { FormGroup, Select, SelectOption, SelectVariant, Stack, StackItem, } from '@patternfly/react-core';
+import { getFieldId } from './utils';
+import HelperText from './HelperText';
+import { useTranslation } from '../../../hooks/use-translation-wrapper';
+// Field value is a string[]
+const MultiSelectField = (_a) => {
+    var _b;
+    var { label, options, helperText, placeholderText, isRequired, onChange, getHelperText, idPostfix, labelIcon } = _a, props = __rest(_a, ["label", "options", "helperText", "placeholderText", "isRequired", "onChange", "getHelperText", "idPostfix", "labelIcon"]);
+    const [isOpen, setOpen] = React.useState(false);
+    const [field, { touched, error }, { setValue }] = useField(props.name);
+    const fieldId = getFieldId(props.name, 'multiinput', idPostfix);
+    const isValid = !(touched && error);
+    const errorMessage = !isValid ? error : '';
+    const hText = getHelperText ? getHelperText(((_b = field.value) === null || _b === void 0 ? void 0 : _b.join(',')) || '') : helperText;
+    const onToggle = (isOpen) => setOpen(isOpen);
+    const onClearSelection = () => {
+        // onChange && onChange(event);
+        setValue([]);
+        onChange && onChange([]);
+        setOpen(false);
+    };
+    const onSelect = (event, selection) => {
+        // already selected
+        const selected = field.value;
+        // selected just now
+        const selectionValue = selection.value || selection;
+        let newValue;
+        if (selected.includes(selectionValue)) {
+            newValue = selected.filter((sel) => sel !== selectionValue);
+        }
+        else {
+            newValue = [...field.value, selectionValue];
+        }
+        setValue(newValue);
+        onChange && onChange(newValue);
+    };
+    // list of already selected options
+    const selections = field.value.map((value) => {
+        const option = options.find((opt) => opt.value === value);
+        return option
+            ? {
+                value: option.value,
+                toString: () => option.displayName,
+                compareTo: (selectOption) => selectOption.value === value,
+            }
+            : value;
+    });
+    const children = options
+        .filter((option) => !(field.value || []).includes(option.value.toString()))
+        .map((option) => (React.createElement(SelectOption, { key: option.id, id: option.id, value: option.value }, option.displayName)));
+    const fuse = new Fuse(options, {
+        ignoreLocation: true,
+        keys: ['displayName'],
+    });
+    const { t } = useTranslation();
+    const fieldHelperText = React.createElement(HelperText, { fieldId: fieldId }, hText);
+    return (React.createElement(Stack, null,
+        React.createElement(StackItem, null,
+            React.createElement(FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+                React.createElement(Select, Object.assign({}, field, props, { id: fieldId, variant: 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.Children.toArray(children).filter(({ props }) => results.includes(props.id));
+                    } }), children))),
+        React.createElement(StackItem, null, errorMessage && (React.createElement(HelperText, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+export default MultiSelectField;
+//# sourceMappingURL=MultiSelectField.js.map

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

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

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

@@ -0,0 +1,55 @@
+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;
+};
+import * as React from 'react';
+import { useField } from 'formik';
+import { FormGroup, NumberInput, Split, SplitItem, Stack, StackItem, } from '@patternfly/react-core';
+import { getFieldId } from './utils';
+import HelperText from './HelperText';
+// 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 = __rest(_a, ["label", "labelIcon", "helperText", "isRequired", "validate", "idPostfix", "minValue", "maxValue", "children", "formatValue", "onChange"]);
+    const [field, { touched, error }, { setValue }] = useField({
+        name: props.name,
+        validate,
+    });
+    const fieldId = getFieldId(props.name, 'numberinput', idPostfix);
+    const isValid = !(touched && error);
+    const errorMessage = !isValid ? error : '';
+    const doChange = (value) => {
+        let newValue = value < minValue ? minValue : value;
+        newValue = maxValue && newValue > maxValue ? maxValue : newValue;
+        newValue = formatValue ? formatValue(newValue) : newValue;
+        setValue(newValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    const onPlus = () => {
+        doChange(field.value + 1);
+    };
+    const onMinus = () => {
+        doChange(field.value - 1);
+    };
+    const handleChange = (event) => {
+        const targetValue = event.target.value;
+        doChange(isNaN(targetValue) ? 0 : Number(targetValue));
+    };
+    const fieldHelperText = React.createElement(HelperText, { fieldId: fieldId }, helperText);
+    return (React.createElement(Stack, null,
+        React.createElement(StackItem, null,
+            React.createElement(FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
+                React.createElement(Split, null,
+                    React.createElement(SplitItem, { isFilled: true },
+                        React.createElement(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(SplitItem, null, children)))),
+        React.createElement(StackItem, null, errorMessage && (React.createElement(HelperText, { fieldId: fieldId, isError: true }, errorMessage)))));
+});
+export default NumberInputField;
+//# sourceMappingURL=NumberInputField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/NumberInputField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EACL,SAAS,EACT,WAAW,EAEX,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,GACV,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,8CAA8C;AAC9C,MAAM,gBAAgB,GAAoC,KAAK,CAAC,UAAU,CACxE,CACE,EAaC,EACD,GAAgC,EAChC,EAAE;QAfF,EACE,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,OAET,EADI,KAAK,cAZV,0IAaC,CADS;IAIV,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,QAAQ,CAAS;QACjE,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;IACjE,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;IAE3C,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,IAAI,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACnD,QAAQ,GAAG,QAAQ,IAAI,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;QACjE,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC1D,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,MAAM,GAA+B,GAAG,EAAE;QAC9C,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,OAAO,GAAgC,GAAG,EAAE;QAChD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAiC,CACjD,KAAwC,EACxC,EAAE;QACF,MAAM,WAAW,GAAI,KAAK,CAAC,MAA2B,CAAC,KAA0B,CAAC;QAClF,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,IAAG,UAAU,CAAc,CAAC;IAEhF,OAAO,CACL,oBAAC,KAAK;QACJ,oBAAC,SAAS;YACR,oBAAC,SAAS,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,KAAK;oBACJ,oBAAC,SAAS,IAAC,QAAQ;wBACjB,oBAAC,WAAW,oBACN,KAAK,IACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,sBACO,GAAG,OAAO,SAAS,IACrC,CACQ;oBACZ,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAC3B,CACE,CACF;QACZ,oBAAC,SAAS,QACP,YAAY,IAAI,CACf,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAClC,YAAY,CACF,CACd,CACS,CACN,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

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

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

@@ -0,0 +1,26 @@
+import { useField } from 'formik';
+import * as React from 'react';
+import { PencilAltIcon } from '@patternfly/react-icons';
+import InputField from './InputField';
+import { Split, SplitItem } from '@patternfly/react-core';
+import './PencilEditField.css';
+import useFieldErrorMsg from '../../../hooks/useFieldErrorMsg';
+const InputFieldFocus = ({ name, isRequired, onBlur, showErrorMessage, }) => {
+    const textInputRef = React.useRef();
+    React.useEffect(() => { var _a; return (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
+    return (React.createElement(InputField, { name: name, isRequired: isRequired, onBlur: onBlur, ref: textInputRef, showErrorMessage: showErrorMessage }));
+};
+const PencilEditField = ({ name, isRequired, showErrorMessage }) => {
+    const [edit, setEdit] = React.useState(false);
+    const [field] = useField({ name });
+    const errrMsg = useFieldErrorMsg({ name });
+    return (React.createElement(React.Fragment, null,
+        edit ? (React.createElement(InputFieldFocus, { name: name, isRequired: isRequired, onBlur: () => setEdit(false), showErrorMessage: showErrorMessage })) : (React.createElement(React.Fragment, null,
+            React.createElement(Split, null,
+                React.createElement(SplitItem, { className: "ai-pencil-field__text" }, field.value),
+                React.createElement(SplitItem, null,
+                    React.createElement(PencilAltIcon, { onClick: () => setEdit(true) }))))),
+        React.createElement("div", { className: "pf-c-form__helper-text pf-m-error" }, errrMsg)));
+};
+export default PencilEditField;
+//# sourceMappingURL=PencilEditField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PencilEditField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/PencilEditField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,uBAAuB,CAAC;AAC/B,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;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,UAAU,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,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,gBAAgB,CAAC,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,KAAK;gBACJ,oBAAC,SAAS,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,KAAK,CAAa;gBACtE,oBAAC,SAAS;oBACR,oBAAC,aAAa,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,eAAe,eAAe,CAAC"}

package/build/common/components/ui/formik/PullSecretField.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons';
+import { CLUSTER_MANAGER_SITE_LINK, PULL_SECRET_INFO_LINK } from '../../../config';
+import PopoverIcon from '../PopoverIcon';
+import TextAreaField from './TextAreaField';
+import { useTranslation } from '../../../hooks/use-translation-wrapper';
+import { Trans } from 'react-i18next';
+export const PullSecretInfo = ({ isOcm }) => {
+    const { t } = useTranslation();
+    return (React.createElement(PopoverIcon, { noVerticalAlign: true, bodyContent: React.createElement(React.Fragment, null,
+            React.createElement(Trans, { t: t },
+                "ai:Pull secrets are used to download OpenShift Container Platform components and connect clusters to a Red Hat account.",
+                ' '),
+            isOcm ? (React.createElement(PullSecretInfoLink, null)) : (React.createElement(React.Fragment, null,
+                React.createElement(Trans, { t: t }, "ai:Pull secrets can be found in"),
+                " ",
+                React.createElement(ClusterManagerSiteLink, null)))) }));
+};
+const ClusterManagerSiteLink = () => {
+    const { t } = useTranslation();
+    return (React.createElement("a", { href: CLUSTER_MANAGER_SITE_LINK, target: "_blank", rel: "noopener noreferrer" },
+        t('ai:OpenShift Cluster Manager'),
+        " ",
+        React.createElement(ExternalLinkAltIcon, null)));
+};
+const PullSecretInfoLink = () => {
+    const { t } = useTranslation();
+    return (React.createElement("a", { href: PULL_SECRET_INFO_LINK, target: "_blank", rel: "noopener noreferrer" },
+        t('ai:Learn more about pull secrets and view examples'),
+        " ",
+        React.createElement(ExternalLinkAltIcon, null),
+        "."));
+};
+const GetPullSecretHelperText = ({ isOcm }) => {
+    const { t } = useTranslation();
+    return isOcm ? (React.createElement(PullSecretInfoLink, null)) : (React.createElement(React.Fragment, null,
+        t("ai:A Red Hat account's pull secret can be found in "),
+        "\u00A0",
+        React.createElement(ClusterManagerSiteLink, null)));
+};
+const PullSecretField = ({ isOcm }) => {
+    const { t } = useTranslation();
+    return (React.createElement(TextAreaField, { name: "pullSecret", label: t('ai:Pull secret'), labelIcon: isOcm ? undefined : React.createElement(PullSecretInfo, { isOcm: isOcm }), getErrorText: (error) => error, helperText: React.createElement(GetPullSecretHelperText, { isOcm: isOcm }), rows: 10, isRequired: true }));
+};
+export default PullSecretField;
+//# sourceMappingURL=PullSecretField.js.map

package/build/common/components/ui/formik/PullSecretField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullSecretField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/PullSecretField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOtC,MAAM,CAAC,MAAM,cAAc,GAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,WAAW,IACV,eAAe,QACf,WAAW,EACT;YACE,oBAAC,KAAK,IAAC,CAAC,EAAE,CAAC;;gBAEsB,GAAG,CAC5B;YACP,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,kBAAkB,OAAG,CACvB,CAAC,CAAC,CAAC,CACF;gBACE,oBAAC,KAAK,IAAC,CAAC,EAAE,CAAC,sCAAyC;;gBAAC,oBAAC,sBAAsB,OAAG,CAC9E,CACJ,CACA,GAEL,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,2BAAG,IAAI,EAAE,yBAAyB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;QAC1E,CAAC,CAAC,8BAA8B,CAAC;;QAAE,oBAAC,mBAAmB,OAAG,CACzD,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,2BAAG,IAAI,EAAE,qBAAqB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;QACtE,CAAC,CAAC,oDAAoD,CAAC;;QAAE,oBAAC,mBAAmB,OAAG;YAC/E,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,kBAAkB,OAAG,CACvB,CAAC,CAAC,CAAC,CACF;QACG,CAAC,CAAC,qDAAqD,CAAC;;QACzD,oBAAC,sBAAsB,OAAG,CACzB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,aAAa,IACZ,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC1B,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,EAC/D,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAC9B,UAAU,EAAE,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,GAAI,EACrD,IAAI,EAAE,EAAE,EACR,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,30 @@
+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;
+};
+import React from 'react';
+import { useField } from 'formik';
+import { Radio } from '@patternfly/react-core';
+import { getFieldId } from './utils';
+const RadioField = (_a) => {
+    var { callFormikOnChange = true, name, value, onChange } = _a, rest = __rest(_a, ["callFormikOnChange", "name", "value", "onChange"]);
+    const [field] = useField({
+        name,
+        value,
+        type: 'radio',
+    });
+    const fieldId = getFieldId(name, 'radio', field.value);
+    return (React.createElement(Radio, Object.assign({}, field, rest, { id: fieldId, isChecked: !!field.checked, onChange: (checked, e) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
+            callFormikOnChange && field.onChange(e);
+        } })));
+};
+export default RadioField;
+//# sourceMappingURL=RadioField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/RadioField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,UAAU,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EAClB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,KAAK,EACL,QAAQ,OAEQ,EADb,IAAI,cALW,mDAMnB,CADQ;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;QACvB,IAAI;QACJ,KAAK;QACL,IAAI,EAAE,OAAO;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,KAA2B,CAAC,CAAC;IAE7E,OAAO,CACL,oBAAC,KAAK,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,eAAe,UAAU,CAAC"}

package/build/common/components/ui/formik/RadioFieldWithTooltip.js

@@ -0,0 +1,21 @@
+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;
+};
+import React from 'react';
+import { Tooltip } from '@patternfly/react-core';
+import RadioField from './RadioField';
+const RadioFieldWithTooltip = (_a) => {
+    var { tooltipProps } = _a, radioFieldProps = __rest(_a, ["tooltipProps"]);
+    return (React.createElement(Tooltip, Object.assign({}, tooltipProps),
+        React.createElement(RadioField, Object.assign({}, radioFieldProps))));
+};
+export default RadioFieldWithTooltip;
+//# sourceMappingURL=RadioFieldWithTooltip.js.map

package/build/common/components/ui/formik/RadioFieldWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioFieldWithTooltip.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/RadioFieldWithTooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAA4B,MAAM,wBAAwB,CAAC;AAC3E,OAAO,UAAU,MAAM,cAAc,CAAC;AAKtC,MAAM,qBAAqB,GAAG,CAAC,EAGF,EAAE,EAAE;QAHF,EAC7B,YAAY,OAEe,EADxB,eAAe,cAFW,gBAG9B,CADmB;IAElB,OAAO,CACL,oBAAC,OAAO,oBAAK,YAAY;QACvB,oBAAC,UAAU,oBAAK,eAAe,EAAI,CAC3B,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,9 @@
+.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;
+}
+
+.ai-remove-button__tooltip--padding-none {
+  --pf-c-tooltip__content--PaddingTop: 0;
+}

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

@@ -0,0 +1,24 @@
+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;
+};
+import React from 'react';
+import { Button, ButtonVariant, Tooltip } from '@patternfly/react-core';
+import { MinusCircleIcon } from '@patternfly/react-icons';
+import './RemovableField.css';
+import classnames from 'classnames';
+const REMOVE_BUTTON_EXIT_DELAY = 1500;
+const RemovableField = (_a) => {
+    var { onRemove, hideRemoveButton = true, children, className, removeButtonDataTestId } = _a, props = __rest(_a, ["onRemove", "hideRemoveButton", "children", "className", "removeButtonDataTestId"]);
+    return (React.createElement(Tooltip, Object.assign({ hidden: hideRemoveButton, exitDelay: REMOVE_BUTTON_EXIT_DELAY, flipBehavior: ['right', 'bottom'], position: "right-start", distance: 0, content: React.createElement(Button, { variant: ButtonVariant.plain, onClick: onRemove, "data-testid": removeButtonDataTestId },
+            React.createElement(MinusCircleIcon, { size: "sm" })), className: classnames('ai-remove-button__tooltip ', className) }, props), children));
+};
+export default RemovableField;
+//# sourceMappingURL=RemovableField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/RemovableField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAgB,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;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,cAN6E,mFAOtF,CADS;IAER,OAAO,CACL,oBAAC,OAAO,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,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,QAAQ,iBACJ,sBAAsB;YAEnC,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,GAAG,CACtB,EAEX,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,KAAK,GAER,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,18 @@
+.rich-input__rules {
+  padding-top: var(--pf-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-width: 1px;
+  border-style: solid;
+}
+
+.rich-input__group--invalid {
+  border-bottom-color: var(--pf-global--danger-color--100);
+}
+
+.rich-input__text {
+  border: none;
+}