@openshift-assisted/ui-lib 2.7.11-cim → 2.8.2-cim

package/build/common/components/ui/SimpleDropdown.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DropdownItem, DropdownToggle, Dropdown } from '@patternfly/react-core';
+import { CaretDownIcon } from '@patternfly/react-icons';
+import './SimpleDropdown.css';
+export const SimpleDropdown = ({ current, defaultValue, items, setValue, isDisabled, idPrefix, menuAppendTo, }) => {
+    const [isOpen, setOpen] = React.useState(false);
+    const dropdownItems = items.map(({ value, label, description }) => (React.createElement(DropdownItem, { key: value, id: value, description: description }, label)));
+    const onSelect = React.useCallback((event) => {
+        setValue(event === null || event === void 0 ? void 0 : event.currentTarget.id);
+        setOpen(false);
+    }, [setValue, setOpen]);
+    const toggle = React.useMemo(() => (React.createElement(DropdownToggle, { onToggle: (val) => setOpen(!isDisabled && val), toggleIndicator: CaretDownIcon, isDisabled: isDisabled, id: idPrefix ? `${idPrefix}-dropdown-toggle-items` : undefined, className: "role-dropdown" }, current || defaultValue)), [setOpen, current, isDisabled, defaultValue, idPrefix]);
+    return (React.createElement(Dropdown, { onSelect: onSelect, dropdownItems: dropdownItems, toggle: toggle, isOpen: isOpen, isPlain: true, id: idPrefix ? `${idPrefix}-dropdown-toggle` : undefined, menuAppendTo: menuAppendTo }));
+};
+//# sourceMappingURL=SimpleDropdown.js.map

package/build/common/components/ui/SimpleDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../lib/common/components/ui/SimpleDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,sBAAsB,CAAC;AAY9B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,GACQ,EAAE,EAAE;IACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACjE,oBAAC,YAAY,IAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,IAC1D,KAAK,CACO,CAChB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,KAA4C,EAAE,EAAE;QAC/C,QAAQ,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAC,EAAE,CAAC,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CACJ,oBAAC,cAAc,IACb,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,IAAI,GAAG,CAAC,EAC9C,eAAe,EAAE,aAAa,EAC9B,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,wBAAwB,CAAC,CAAC,CAAC,SAAS,EAC9D,SAAS,EAAC,eAAe,IAExB,OAAO,IAAI,YAAY,CACT,CAClB,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC,CACvD,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,QACP,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACxD,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/build/common/components/ui/StaticTextField.js

@@ -0,0 +1,39 @@
+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, TextContent, Text } from '@patternfly/react-core';
+import { getFieldId, HelperText } from './formik';
+export const StaticField = ({ label, name, children, helperText, helperTextInvalid, isRequired, isValid = true, }) => {
+    const fieldId = getFieldId(name, 'static');
+    return (React.createElement(FormGroup, { fieldId: fieldId, label: label, helperText: typeof helperText === 'string' ? (helperText) : (React.createElement(HelperText, { fieldId: fieldId }, helperText)), helperTextInvalid: helperTextInvalid, validated: isValid ? 'default' : 'error', isRequired: isRequired }, children));
+};
+export const FormikStaticField = (_a) => {
+    var { value } = _a, props = __rest(_a, ["value"]);
+    const [, , helpers] = useField({ name: props.name });
+    React.useEffect(() => {
+        helpers.setValue(value);
+    }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
+    return React.createElement(StaticField, Object.assign({}, props));
+};
+/**
+ * Simplified form component for rendering static text.
+ * Does not reflect field value from formik.
+ */
+export const StaticTextField = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const fieldId = getFieldId(props.name, 'static');
+    return (React.createElement(StaticField, Object.assign({}, props),
+        React.createElement(TextContent, null,
+            React.createElement(Text, { component: "p", id: fieldId, "aria-describedby": `${fieldId}-helper` }, children))));
+};
+//# sourceMappingURL=StaticTextField.js.map

package/build/common/components/ui/StaticTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticTextField.js","sourceRoot":"","sources":["../../../../lib/common/components/ui/StaticTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAWlD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,OAAO,GAAG,IAAI,GACf,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EACR,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/B,UAAU,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,IAAG,UAAU,CAAc,CACxD,EAEH,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,cAAjB,SAAmB,CAAF;IACnF,MAAM,CAAC,EAAE,AAAD,EAAG,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAE/D,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;AACpC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAA+B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC9E,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,WAAW,oBAAK,KAAK;QACpB,oBAAC,WAAW;YACV,oBAAC,IAAI,IAAC,SAAS,EAAC,GAAG,EAAC,EAAE,EAAE,OAAO,sBAAoB,GAAG,OAAO,SAAS,IACnE,QAAQ,CACJ,CACK,CACF,CACf,CAAC;AACJ,CAAC,CAAC"}

package/build/common/components/ui/Toolbar/ToolbarButton.js

@@ -0,0 +1,20 @@
+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, ToolbarItem } from '@patternfly/react-core';
+const ToolbarButton = (_a) => {
+    var props = __rest(_a, []);
+    return (React.createElement(ToolbarItem, null,
+        React.createElement(Button, Object.assign({}, props))));
+};
+export default ToolbarButton;
+//# sourceMappingURL=ToolbarButton.js.map

package/build/common/components/ui/Toolbar/ToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/Toolbar/ToolbarButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,aAAa,GAAkD,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IAAO,OAAA,CACrF,oBAAC,WAAW;QACV,oBAAC,MAAM,oBAAK,KAAK,EAAI,CACT,CACf,CAAA;CAAA,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/common/components/ui/Toolbar/ToolbarProgress.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ToolbarGroup, ToolbarItem, Progress, ProgressSize } from '@patternfly/react-core';
+const ToolbarProgress = ({ style, size = ProgressSize.sm, }) => (React.createElement(ToolbarGroup, { style: { flexGrow: 1 } },
+    React.createElement(ToolbarItem, { style: { flexGrow: 1 } },
+        React.createElement(Progress, { style: Object.assign(Object.assign({}, style), { gridGap: 0 }), size: size }))));
+export default ToolbarProgress;
+//# sourceMappingURL=ToolbarProgress.js.map

package/build/common/components/ui/Toolbar/ToolbarProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarProgress.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/Toolbar/ToolbarProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3F,MAAM,eAAe,GAAoD,CAAC,EACxE,KAAK,EACL,IAAI,GAAG,YAAY,CAAC,EAAE,GACvB,EAAE,EAAE,CAAC,CACJ,oBAAC,YAAY,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAClC,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;QACjC,oBAAC,QAAQ,IAAC,KAAK,kCAAO,KAAK,KAAE,OAAO,EAAE,CAAC,KAAI,IAAI,EAAE,IAAI,GAAI,CAC7C,CACD,CAChB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/build/common/components/ui/Toolbar/ToolbarSecondaryGroup.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ToolbarGroup } from '@patternfly/react-core';
+const ToolbarSecondaryGroup = ({ children }) => (React.createElement(ToolbarGroup, { alignment: { md: 'alignRight' } }, children));
+export default ToolbarSecondaryGroup;
+//# sourceMappingURL=ToolbarSecondaryGroup.js.map

package/build/common/components/ui/Toolbar/ToolbarSecondaryGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSecondaryGroup.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/Toolbar/ToolbarSecondaryGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,qBAAqB,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxD,oBAAC,YAAY,IAAC,SAAS,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,IAAG,QAAQ,CAAgB,CACzE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/build/common/components/ui/Toolbar/ToolbarText.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ToolbarItem, Text } from '@patternfly/react-core';
+const ToolbarText = (props) => (React.createElement(ToolbarItem, null,
+    React.createElement(Text, Object.assign({}, props))));
+export default ToolbarText;
+//# sourceMappingURL=ToolbarText.js.map

package/build/common/components/ui/Toolbar/ToolbarText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarText.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/Toolbar/ToolbarText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,WAAW,GAAgD,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1E,oBAAC,WAAW;IACV,oBAAC,IAAI,oBAAK,KAAK,EAAI,CACP,CACf,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/common/components/ui/Toolbar/index.js

@@ -0,0 +1,5 @@
+export { default as ToolbarButton } from './ToolbarButton';
+export { default as ToolbarText } from './ToolbarText';
+export { default as ToolbarrProgress } from './ToolbarProgress';
+export { default as ToolbarSecondaryGroup } from './ToolbarSecondaryGroup';
+//# sourceMappingURL=index.js.map

package/build/common/components/ui/Toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/Toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/build/common/components/ui/ViewClusterEventsButton.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonVariant } from '@patternfly/react-core';
+import { EventsModalButton } from './eventsModal';
+import { MonitoringIcon } from '@patternfly/react-icons';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+const ViewClusterEventsButton = ({ cluster, onFetchEvents }) => {
+    const { t } = useTranslation();
+    return (React.createElement(EventsModalButton, { id: "cluster-events-button", entityKind: "cluster", icon: React.createElement(MonitoringIcon, null), cluster: cluster, title: "Cluster Events", variant: ButtonVariant.secondary, onFetchEvents: onFetchEvents }, t('ai:View cluster events')));
+};
+export default ViewClusterEventsButton;
+//# sourceMappingURL=ViewClusterEventsButton.js.map

package/build/common/components/ui/ViewClusterEventsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewClusterEventsButton.js","sourceRoot":"","sources":["../../../../lib/common/components/ui/ViewClusterEventsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAOrE,MAAM,uBAAuB,GAAG,CAAC,EAAE,OAAO,EAAE,aAAa,EAA0B,EAAE,EAAE;IACrF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,iBAAiB,IAChB,EAAE,EAAC,uBAAuB,EAC1B,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,oBAAC,cAAc,OAAG,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,aAAa,EAAE,aAAa,IAE3B,CAAC,CAAC,wBAAwB,CAAC,CACV,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/build/common/components/ui/WizardFooter.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { ActionList, ActionListItem, Button, ButtonVariant, Spinner, SplitItem, Stack, StackItem, Text, TextVariants, } from '@patternfly/react-core';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+import ViewClusterEventsButton from './ViewClusterEventsButton';
+export const WizardFooter = ({ alerts, errors, onNext, onBack, onCancel, isNextDisabled, isBackDisabled, leftExtraActions, isSubmitting, submittingText, nextButtonText, cluster, onFetchEvents, }) => {
+    const { t } = useTranslation();
+    submittingText = submittingText || t('ai:Saving changes...');
+    return (React.createElement(Stack, { hasGutter: true },
+        alerts && React.createElement(StackItem, null, alerts),
+        errors && React.createElement(StackItem, null, errors),
+        React.createElement(StackItem, null,
+            React.createElement(ActionList, { "data-testid": "wizard-step-actions" },
+                leftExtraActions,
+                onNext && (React.createElement(ActionListItem, null,
+                    React.createElement(Button, { variant: ButtonVariant.primary, name: "next", onClick: onNext, isDisabled: isNextDisabled }, nextButtonText || t('ai:Next')))),
+                onBack && (React.createElement(ActionListItem, null,
+                    React.createElement(Button, { variant: ButtonVariant.secondary, name: "back", onClick: onBack, isDisabled: isBackDisabled }, t('ai:Back')))),
+                React.createElement(ActionListItem, null,
+                    React.createElement(Button, { variant: ButtonVariant.link, name: "cancel", onClick: onCancel, isDisabled: false }, t('ai:Cancel'))),
+                isSubmitting && (React.createElement(ActionListItem, null,
+                    React.createElement(Text, { component: TextVariants.small },
+                        React.createElement(Spinner, { size: "sm" }),
+                        " ",
+                        submittingText))),
+                React.createElement(SplitItem, { isFilled: true }),
+                cluster && onFetchEvents && (React.createElement(ActionListItem, null,
+                    React.createElement(ViewClusterEventsButton, { cluster: cluster, onFetchEvents: onFetchEvents })))))));
+};
+//# sourceMappingURL=WizardFooter.js.map

package/build/common/components/ui/WizardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardFooter.js","sourceRoot":"","sources":["../../../../lib/common/components/ui/WizardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,UAAU,EACV,cAAc,EACd,MAAM,EACN,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,EACL,SAAS,EACT,IAAI,EACJ,YAAY,GACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAGrE,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAqBhE,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,OAAO,EACP,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,cAAc,GAAG,cAAc,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC7D,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS;QACb,MAAM,IAAI,oBAAC,SAAS,QAAE,MAAM,CAAa;QACzC,MAAM,IAAI,oBAAC,SAAS,QAAE,MAAM,CAAa;QAC1C,oBAAC,SAAS;YACR,oBAAC,UAAU,mBAAa,qBAAqB;gBAC1C,gBAAgB;gBAChB,MAAM,IAAI,CACT,oBAAC,cAAc;oBACb,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,CAAC,OAAO,EAC9B,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,cAAc,IAEzB,cAAc,IAAI,CAAC,CAAC,SAAS,CAAC,CACxB,CACM,CAClB;gBACA,MAAM,IAAI,CACT,oBAAC,cAAc;oBACb,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,cAAc,IAEzB,CAAC,CAAC,SAAS,CAAC,CACN,CACM,CAClB;gBACD,oBAAC,cAAc;oBACb,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,CAAC,IAAI,EAC3B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,KAAK,IAEhB,CAAC,CAAC,WAAW,CAAC,CACR,CACM;gBAChB,YAAY,IAAI,CACf,oBAAC,cAAc;oBACb,oBAAC,IAAI,IAAC,SAAS,EAAE,YAAY,CAAC,KAAK;wBACjC,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG;;wBAAE,cAAc,CAChC,CACQ,CAClB;gBACD,oBAAC,SAAS,IAAC,QAAQ,SAAG;gBACrB,OAAO,IAAI,aAAa,IAAI,CAC3B,oBAAC,cAAc;oBACb,oBAAC,uBAAuB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,GAAI,CAC5D,CAClB,CACU,CACH,CACN,CACT,CAAC;AACJ,CAAC,CAAC"}

package/build/common/components/ui/WizardNavItem.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 { WizardNavItem } from '@patternfly/react-core';
+import { ExclamationCircleIcon } from '@patternfly/react-icons';
+import { global_danger_color_100 as dangerColor } from '@patternfly/react-tokens';
+const getNavItemContent = (content, isValid, isDisabled, isCurrent) => {
+    if (!isDisabled && !isCurrent && !isValid()) {
+        return (React.createElement(React.Fragment, null,
+            content,
+            React.createElement(ExclamationCircleIcon, { className: "wizard-nav-item-warning-icon", color: dangerColor.value, size: "sm" })));
+    }
+    return content;
+};
+const NavItem = (_a) => {
+    var { isValid = () => true, children } = _a, props = __rest(_a, ["isValid", "children"]);
+    const { content, isDisabled, isCurrent } = props;
+    return (React.createElement(WizardNavItem, Object.assign({}, props, { content: getNavItemContent(content, isValid, isDisabled, isCurrent) }), children));
+};
+export default NavItem;
+//# sourceMappingURL=WizardNavItem.js.map

package/build/common/components/ui/WizardNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../lib/common/components/ui/WizardNavItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAsB,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,iBAAiB,GAAG,CACxB,OAAkB,EAClB,OAAsB,EACtB,UAAoB,EACpB,SAAmB,EACR,EAAE;IACb,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE,EAAE;QAC3C,OAAO,CACL;YACG,OAAO;YACR,oBAAC,qBAAqB,IACpB,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,IAAI,EAAC,IAAI,GACT,CACD,CACJ,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAGF,MAAM,OAAO,GAAG,CAAC,EAA0D,EAAE,EAAE;QAA9D,EAAE,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,OAA0B,EAArB,KAAK,cAA1C,uBAA4C,CAAF;IACzD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACL,oBAAC,aAAa,oBAAK,KAAK,IAAE,OAAO,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,KAC1F,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/common/components/ui/eventsModal.js

@@ -0,0 +1,43 @@
+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, Modal, ButtonVariant, ModalVariant, ModalBoxBody } from '@patternfly/react-core';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { global_warning_color_100 as globalWarningColor100 } from '@patternfly/react-tokens';
+import { ToolbarButton } from './Toolbar';
+import { EventListFetch } from '../fetching/EventListFetch';
+import ExternalLink from './ExternalLink';
+import ErrorState from './uiState/ErrorState';
+import './EventsModal.css';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+import { Trans } from 'react-i18next';
+export const EventsModalButton = (_a) => {
+    var { ButtonComponent = ToolbarButton, onFetchEvents, onClick, hostId, cluster, entityKind, children, title, fallbackEventsURL } = _a, props = __rest(_a, ["ButtonComponent", "onFetchEvents", "onClick", "hostId", "cluster", "entityKind", "children", "title", "fallbackEventsURL"]);
+    const [isModalOpen, setIsModalOpen] = React.useState(false);
+    const closeModal = () => setIsModalOpen(false);
+    const handleClick = onClick || (() => setIsModalOpen(true));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ButtonComponent, Object.assign({}, props, { onClick: handleClick }), children || title),
+        React.createElement(EventsModal, { title: title, isOpen: isModalOpen, onClose: closeModal, hostId: hostId, cluster: cluster, entityKind: entityKind, onFetchEvents: onFetchEvents, fallbackEventsURL: fallbackEventsURL })));
+};
+export const EventsModal = ({ onFetchEvents, hostId, cluster, entityKind, onClose, isOpen, title, fallbackEventsURL, }) => {
+    const { t } = useTranslation();
+    return (React.createElement(Modal, { title: title, isOpen: isOpen, "aria-label": t('ai:Displays events'), hasNoBodyWrapper: true, actions: [
+            React.createElement(Button, { key: "close", variant: ButtonVariant.primary, onClick: onClose }, t('ai:Close')),
+        ], onClose: onClose, variant: ModalVariant.large, className: "events-modal" },
+        React.createElement(ModalBoxBody, { className: "events-modal__body" }, fallbackEventsURL ? (React.createElement(ErrorState, { title: t('ai:Could not load events'), content: React.createElement(React.Fragment, null,
+                React.createElement(Trans, { t: t },
+                    "ai:Could not load events from the standard location. You can check the events in the ",
+                    React.createElement(ExternalLink, { href: fallbackEventsURL }, "raw format"),
+                    ".")), icon: ExclamationTriangleIcon, iconColor: globalWarningColor100.value })) : (React.createElement(EventListFetch, { hostId: hostId, cluster: cluster, entityKind: entityKind, onFetchEvents: onFetchEvents, className: "events-modal__event-list" })))));
+};
+//# sourceMappingURL=eventsModal.js.map

package/build/common/components/ui/eventsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventsModal.js","sourceRoot":"","sources":["../../../../lib/common/components/ui/eventsModal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAClG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,wBAAwB,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAE9C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAatC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EAChC,eAAe,GAAG,aAAa,EAC/B,aAAa,EACb,OAAO,EACP,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,iBAAiB,OAEM,EADpB,KAAK,cAVwB,4HAWjC,CADS;IAER,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,OAAO,CACL;QACE,oBAAC,eAAe,oBAAK,KAAK,IAAE,OAAO,EAAE,WAAW,KAC7C,QAAQ,IAAI,KAAK,CACF;QAClB,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,GACpC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,aAAa,EACb,MAAM,EACN,OAAO,EACP,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,iBAAiB,GACA,EAAE,EAAE;IACrB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,gBACF,CAAC,CAAC,oBAAoB,CAAC,EACnC,gBAAgB,QAChB,OAAO,EAAE;YACP,oBAAC,MAAM,IAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,IACjE,CAAC,CAAC,UAAU,CAAC,CACP;SACV,EACD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,CAAC,KAAK,EAC3B,SAAS,EAAC,cAAc;QAExB,oBAAC,YAAY,IAAC,SAAS,EAAC,oBAAoB,IACzC,iBAAiB,CAAC,CAAC,CAAC,CACnB,oBAAC,UAAU,IACT,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,OAAO,EACL;gBACE,oBAAC,KAAK,IAAC,CAAC,EAAE,CAAC;;oBAEL,oBAAC,YAAY,IAAC,IAAI,EAAE,iBAAiB,iBAA2B;wBAC9D,CACP,EAEL,IAAI,EAAE,uBAAuB,EAC7B,SAAS,EAAE,qBAAqB,CAAC,KAAK,GACtC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAC,0BAA0B,GACpC,CACH,CACY,CACT,CACT,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,20 @@
+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 { Button, ButtonVariant } from '@patternfly/react-core';
+import { PlusCircleIcon } from '@patternfly/react-icons';
+import React from 'react';
+const AddButton = (_a) => {
+    var { onAdd, variant = ButtonVariant.link, children } = _a, props = __rest(_a, ["onAdd", "variant", "children"]);
+    return (React.createElement(Button, Object.assign({ icon: React.createElement(PlusCircleIcon, null), onClick: onAdd, variant: variant }, props), children));
+};
+export default AddButton;
+//# sourceMappingURL=AddButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddButton.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/AddButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAe,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,SAAS,GAA2C,CAAC,EAK1D,EAAE,EAAE;QALsD,EACzD,KAAK,EACL,OAAO,GAAG,aAAa,CAAC,IAAI,EAC5B,QAAQ,OAET,EADI,KAAK,cAJiD,gCAK1D,CADS;IAER,OAAO,CACL,oBAAC,MAAM,kBAAC,IAAI,EAAE,oBAAC,cAAc,OAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,GAC1E,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,16 @@
+import { useField } from 'formik';
+import * as React from 'react';
+import TextAreaField from './TextAreaField';
+import { trimCommaSeparatedList } from './utils';
+const AdditionalNTPSourcesField = ({ name, label, isRequired, isDisabled, helperText, }) => {
+    const [field, , { setValue, setTouched }] = useField(name);
+    const formatAdditionalNtpSources = () => {
+        if (field.value) {
+            setValue(trimCommaSeparatedList(field.value));
+            setTouched(true);
+        }
+    };
+    return (React.createElement(TextAreaField, { name: name, label: label, helperText: helperText, onBlur: formatAdditionalNtpSources, spellCheck: false, isRequired: isRequired, isDisabled: isDisabled }));
+};
+export default AdditionalNTPSourcesField;
+//# sourceMappingURL=AdditionalNTPSourcesField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalNTPSourcesField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/AdditionalNTPSourcesField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAUjD,MAAM,yBAAyB,GAA6C,CAAC,EAC3E,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,UAAU,GACX,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,AAAD,EAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC,CAAC;IACnE,MAAM,0BAA0B,GAAG,GAAG,EAAE;QACtC,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAC9C,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,0BAA0B,EAClC,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Alert, AlertActionCloseButton, AlertVariant } from '@patternfly/react-core';
+export const AlertFormikError = ({ status, onClose }) => {
+    if (!status || !status.error) {
+        return null;
+    }
+    const actionClose = onClose ? React.createElement(AlertActionCloseButton, { onClose: onClose }) : undefined;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Alert, { variant: AlertVariant.danger, title: status.error.title, isInline: true, actionClose: actionClose }, status.error.message)));
+};
+export default AlertFormikError;
+//# sourceMappingURL=AlertFormikError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertFormikError.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/AlertFormikError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAQrF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAyB,EAAE,EAAE;IAC7E,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;QAC5B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAC,sBAAsB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvF,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,OAAO,EAAE,YAAY,CAAC,MAAM,EAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EACzB,QAAQ,QACR,WAAW,EAAE,WAAW,IAEvB,MAAM,CAAC,KAAK,CAAC,OAAO,CACf,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { FormGroup, FileUpload } from '@patternfly/react-core';
+import { getFieldId } from './utils';
+import HelperText from './HelperText';
+import { useTranslation } from '../../../hooks/use-translation-wrapper';
+import { useField } from 'formik';
+const CertificatesUploadField = ({ label, labelIcon, helperText, isRequired, children, idPostfix, isDisabled, name, }) => {
+    const { t } = useTranslation();
+    const maxFileSize = 100000; //100 kb
+    const maxFileSizeKb = 100;
+    const acceptedFiles = '.pem,.crt,.ca,.cert,application/x-pem-file,application/x-x509-ca-cert,text/plain';
+    const fieldId = getFieldId(name, 'input', idPostfix);
+    const [field, , { setValue }] = useField(name);
+    const [filename, setFilename] = React.useState('');
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [isRejected, setIsRejected] = React.useState(false);
+    const [errorMessage, setErrorMessage] = React.useState('');
+    const handleFileInputChange = (_event, file) => {
+        setFilename(file.name);
+    };
+    const handleTextOrDataChange = (value) => {
+        const contentFile = new Blob([value], { type: 'text/plain;charset=utf-8' });
+        if (contentFile.size > maxFileSize) {
+            setIsRejected(true);
+            setErrorMessage(t('ai:File size is too big. Upload a new {{maxFileSizeKb}} Kb or less.', { maxFileSizeKb }));
+            setValue(value);
+        }
+        else {
+            setIsRejected(false);
+            setErrorMessage('');
+            setValue(value);
+        }
+    };
+    const handleClear = () => {
+        setFilename('');
+        setValue('');
+        setIsRejected(false);
+        setErrorMessage('');
+    };
+    const handleFileRejected = (_rejectedFiles) => {
+        if (_rejectedFiles[0].size > maxFileSize) {
+            setIsRejected(true);
+            setErrorMessage(t('ai:File size is too big. Upload a new {{maxFileSizeKb}} Kb or less.', { maxFileSizeKb }));
+        }
+        else {
+            setIsRejected(true);
+            setErrorMessage(t('ai:File type is not supported. File type must be {{acceptedFiles}}.', { acceptedFiles }));
+        }
+    };
+    const handleFileReadStarted = () => {
+        setIsLoading(true);
+    };
+    const handleFileReadFinished = () => {
+        setIsLoading(false);
+    };
+    return (React.createElement(FormGroup, { fieldId: fieldId, label: label, helperText: typeof helperText === 'string' ? (helperText) : (React.createElement(HelperText, { fieldId: fieldId }, helperText)), helperTextInvalid: typeof errorMessage === 'string' ? (errorMessage) : (React.createElement(HelperText, { fieldId: fieldId, isError: true }, errorMessage)), validated: isRejected ? 'error' : 'default', isRequired: isRequired, labelIcon: labelIcon },
+        children,
+        React.createElement(FileUpload, { filenamePlaceholder: t('ai:Drag a file here or browse to upload'), browseButtonText: t('ai:Browse...'), clearButtonText: t('ai:Clear'), id: field.name, style: { resize: 'vertical' }, isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, type: "text", value: field.value, filename: filename, onFileInputChange: handleFileInputChange, onDataChange: handleTextOrDataChange, onTextChange: handleTextOrDataChange, onReadStarted: handleFileReadStarted, onReadFinished: handleFileReadFinished, onClearClick: handleClear, isLoading: isLoading, dropzoneProps: {
+                accept: acceptedFiles,
+                maxSize: maxFileSize,
+                onDropRejected: handleFileRejected,
+            }, validated: isRejected ? 'error' : 'default', disabled: isDisabled, allowEditingUploadedText: true })));
+};
+export default CertificatesUploadField;
+//# sourceMappingURL=CertificatesUploadField.js.map

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

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

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

@@ -0,0 +1,34 @@
+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 { Checkbox, FormGroup, Stack, StackItem } from '@patternfly/react-core';
+import { getFieldId } from './utils';
+import HelperText from './HelperText';
+const CheckboxField = (_a) => {
+    var { label, helperText, onChange, validate, idPostfix } = _a, props = __rest(_a, ["label", "helperText", "onChange", "validate", "idPostfix"]);
+    const [field, { touched, error }] = useField({ name: props.name, validate });
+    const fieldId = getFieldId(props.name, 'checkbox', 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, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error' },
+                React.createElement(Checkbox, Object.assign({}, field, props, { id: fieldId, label: label, "aria-describedby": `${fieldId}-helper`, description: fieldHelperText, isValid: isValid, isChecked: field.value, onChange: (value, event) => {
+                        field.onChange(event);
+                        onChange && onChange(value, event);
+                    } })))),
+        React.createElement(StackItem, null, errorMessage && (React.createElement(HelperText, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+export default CheckboxField;
+//# sourceMappingURL=CheckboxField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/formik/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,aAAa,GAAiC,CAAC,EAOpD,EAAE,EAAE;QAPgD,EACnD,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,cAN2C,4DAOpD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAC9D,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,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,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;gBAExC,oBAAC,QAAQ,oBACH,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,sBACM,GAAG,OAAO,SAAS,EACrC,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,KAAgB,EACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBACzB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;wBACtB,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;oBACrC,CAAC,IACD,CACQ,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,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { useField } from 'formik';
+import { FormGroup, HelperTextItem, Stack, StackItem } from '@patternfly/react-core';
+import { getFieldId } from './utils';
+import HelperText from './HelperText';
+import { CodeEditor } from '@patternfly/react-code-editor';
+import useFieldErrorMsg from '../../../hooks/useFieldErrorMsg';
+const CodeField = ({ label, labelIcon, helperText, isRequired, validate, idPostfix, language, name, description, isDisabled, downloadFileName, }) => {
+    const [field, , { setValue, setTouched }] = useField({ name, validate });
+    const fieldId = getFieldId(name, 'input', idPostfix);
+    const [monacoSubscription, setMonacoSubscription] = React.useState();
+    const [monacoEditor, setMonacoEditor] = React.useState();
+    const errorMessage = useFieldErrorMsg({ name, validate });
+    React.useEffect(() => {
+        //Work around for Patternfly CodeEditor not calling onChange after upload or drag/drop files
+        //The temporary solution is to handle the changes by registering to the change events of the internal editor in CodeEditor
+        //Once issue https://github.com/patternfly/patternfly-react/issues/7341 will be resolved this code can be replaced with a simple onChange
+        if (!monacoEditor) {
+            return;
+        }
+        if (monacoSubscription) {
+            monacoSubscription.dispose();
+        }
+        setMonacoSubscription(monacoEditor.onDidChangeModelContent(() => {
+            var _a;
+            setTouched(true);
+            setValue((_a = monacoEditor.getModel()) === null || _a === void 0 ? void 0 : _a.getValue(), true);
+        }));
+        return () => {
+            if (monacoSubscription) {
+                monacoSubscription.dispose();
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [monacoEditor]);
+    const isValid = !errorMessage;
+    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 },
+                description && (React.createElement(HelperText, { fieldId: fieldId },
+                    React.createElement(HelperTextItem, { variant: "indeterminate" }, description))),
+                React.createElement(CodeEditor, { code: field.value, isUploadEnabled: !isDisabled, isDownloadEnabled: true, isCopyEnabled: true, isLanguageLabelVisible: true, height: "400px", language: language, onEditorDidMount: (editor) => setMonacoEditor(editor), downloadFileName: downloadFileName }))),
+        React.createElement(StackItem, null, errorMessage && (React.createElement(HelperText, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+export default CodeField;
+//# sourceMappingURL=CodeField.js.map

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

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

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