@openshift-assisted/ui-lib 2.9.0-cim → 2.9.5-cim

package/build/cjs/common/components/ui/RenderIf.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderIf = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const RenderIf = ({ condition = false, children }) => condition ? react_1.default.createElement(react_1.default.Fragment, null, children) : null;
+exports.RenderIf = RenderIf;
+//# sourceMappingURL=RenderIf.js.map

package/build/cjs/common/components/ui/RenderIf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderIf.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/RenderIf.tsx"],"names":[],"mappings":";;;;AAAA,0DAAiD;AAM1C,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAoC,EAAE,EAAE,CAC5F,SAAS,CAAC,CAAC,CAAC,8DAAG,QAAQ,CAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AADxB,QAAA,QAAQ,YACgB"}

package/build/cjs/common/components/ui/SectionTitle.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const SectionTitle = ({ title, testId }) => (react_1.default.createElement(react_core_1.GridItem, null,
+    react_1.default.createElement(react_core_1.TextContent, null,
+        react_1.default.createElement(react_core_1.Text, { "data-testid": testId, component: react_core_1.TextVariants.h3 }, title))));
+exports.default = SectionTitle;
+//# sourceMappingURL=SectionTitle.js.map

package/build/cjs/common/components/ui/SectionTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/SectionTitle.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAAmF;AAOnF,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqB,EAAE,EAAE,CAAC,CAC7D,8BAAC,qBAAQ;IACP,8BAAC,wBAAW;QACV,8BAAC,iBAAI,mBAAc,MAAM,EAAE,SAAS,EAAE,yBAAY,CAAC,EAAE,IAClD,KAAK,CACD,CACK,CACL,CACZ,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleDropdown = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+require("./SimpleDropdown.css");
+const SimpleDropdown = ({ current, defaultValue, items, setValue, isDisabled, idPrefix, menuAppendTo, }) => {
+    const [isOpen, setOpen] = react_1.default.useState(false);
+    const dropdownItems = items.map(({ value, label, description }) => (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value, description: description }, label)));
+    const onSelect = react_1.default.useCallback((event) => {
+        setValue(event === null || event === void 0 ? void 0 : event.currentTarget.id);
+        setOpen(false);
+    }, [setValue, setOpen]);
+    const toggle = react_1.default.useMemo(() => (react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: (val) => setOpen(!isDisabled && val), toggleIndicator: react_icons_1.CaretDownIcon, isDisabled: isDisabled, id: idPrefix ? `${idPrefix}-dropdown-toggle-items` : undefined, className: "role-dropdown" }, current || defaultValue)), [setOpen, current, isDisabled, defaultValue, idPrefix]);
+    return (react_1.default.createElement(react_core_1.Dropdown, { onSelect: onSelect, dropdownItems: dropdownItems, toggle: toggle, isOpen: isOpen, isPlain: true, id: idPrefix ? `${idPrefix}-dropdown-toggle` : undefined, menuAppendTo: menuAppendTo }));
+};
+exports.SimpleDropdown = SimpleDropdown;
+//# sourceMappingURL=SimpleDropdown.js.map

package/build/cjs/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,0DAA0B;AAC1B,uDAA+F;AAC/F,yDAAwD;AAExD,gCAA8B;AAYvB,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,eAAK,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,8BAAC,yBAAY,IAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,IAC1D,KAAK,CACO,CAChB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,eAAK,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,eAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CACJ,8BAAC,2BAAc,IACb,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,IAAI,GAAG,CAAC,EAC9C,eAAe,EAAE,2BAAa,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,8BAAC,qBAAQ,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;AAlDW,QAAA,cAAc,kBAkDzB"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticTextField = exports.FormikStaticField = exports.StaticField = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const formik_2 = require("./formik");
+const StaticField = ({ label, name, children, helperText, helperTextInvalid, isRequired, isValid = true, }) => {
+    const fieldId = (0, formik_2.getFieldId)(name, 'static');
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: label, helperText: typeof helperText === 'string' ? (helperText) : (React.createElement(formik_2.HelperText, { fieldId: fieldId }, helperText)), helperTextInvalid: helperTextInvalid, validated: isValid ? 'default' : 'error', isRequired: isRequired }, children));
+};
+exports.StaticField = StaticField;
+const FormikStaticField = (_a) => {
+    var { value } = _a, props = tslib_1.__rest(_a, ["value"]);
+    const [, , helpers] = (0, formik_1.useField)({ name: props.name });
+    React.useEffect(() => {
+        helpers.setValue(value);
+    }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
+    return React.createElement(exports.StaticField, Object.assign({}, props));
+};
+exports.FormikStaticField = FormikStaticField;
+/**
+ * Simplified form component for rendering static text.
+ * Does not reflect field value from formik.
+ */
+const StaticTextField = (_a) => {
+    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
+    const fieldId = (0, formik_2.getFieldId)(props.name, 'static');
+    return (React.createElement(exports.StaticField, Object.assign({}, props),
+        React.createElement(react_core_1.TextContent, null,
+            React.createElement(react_core_1.Text, { component: "p", id: fieldId, "aria-describedby": `${fieldId}-helper` }, children))));
+};
+exports.StaticTextField = StaticTextField;
+//# sourceMappingURL=StaticTextField.js.map

package/build/cjs/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,qDAA+B;AAC/B,mCAAkC;AAClC,uDAAsE;AACtE,qCAAkD;AAW3C,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,IAAA,mBAAU,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,sBAAS,IACR,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAC9B,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,mBAAU,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;AA9BW,QAAA,WAAW,eA8BtB;AASK,MAAM,iBAAiB,GAAqC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACnF,MAAM,CAAC,EAAE,AAAD,EAAG,OAAO,CAAC,GAAG,IAAA,iBAAQ,EAAC,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,mBAAW,oBAAK,KAAK,EAAI,CAAC;AACpC,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AAEF;;;GAGG;AACI,MAAM,eAAe,GAA+B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC9E,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,mBAAW,oBAAK,KAAK;QACpB,oBAAC,wBAAW;YACV,oBAAC,iBAAI,IAAC,SAAS,EAAC,GAAG,EAAC,EAAE,EAAE,OAAO,sBAAoB,GAAG,OAAO,SAAS,IACnE,QAAQ,CACJ,CACK,CACF,CACf,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,eAAe,mBAY1B"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ToolbarButton = (_a) => {
+    var props = tslib_1.__rest(_a, []);
+    return (react_1.default.createElement(react_core_1.ToolbarItem, null,
+        react_1.default.createElement(react_core_1.Button, Object.assign({}, props))));
+};
+exports.default = ToolbarButton;
+//# sourceMappingURL=ToolbarButton.js.map

package/build/cjs/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,0DAA0B;AAC1B,uDAA6D;AAE7D,MAAM,aAAa,GAAkD,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,sBAAV,EAAY,CAAF;IAAO,OAAA,CACrF,8BAAC,wBAAW;QACV,8BAAC,mBAAM,oBAAK,KAAK,EAAI,CACT,CACf,CAAA;CAAA,CAAC;AAEF,kBAAe,aAAa,CAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ToolbarProgress = ({ style, size = react_core_1.ProgressSize.sm, }) => (react_1.default.createElement(react_core_1.ToolbarGroup, { style: { flexGrow: 1 } },
+    react_1.default.createElement(react_core_1.ToolbarItem, { style: { flexGrow: 1 } },
+        react_1.default.createElement(react_core_1.Progress, { style: Object.assign(Object.assign({}, style), { gridGap: 0 }), size: size }))));
+exports.default = ToolbarProgress;
+//# sourceMappingURL=ToolbarProgress.js.map

package/build/cjs/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,0DAA0B;AAE1B,uDAA2F;AAE3F,MAAM,eAAe,GAAoD,CAAC,EACxE,KAAK,EACL,IAAI,GAAG,yBAAY,CAAC,EAAE,GACvB,EAAE,EAAE,CAAC,CACJ,8BAAC,yBAAY,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAClC,8BAAC,wBAAW,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;QACjC,8BAAC,qBAAQ,IAAC,KAAK,kCAAO,KAAK,KAAE,OAAO,EAAE,CAAC,KAAI,IAAI,EAAE,IAAI,GAAI,CAC7C,CACD,CAChB,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ToolbarSecondaryGroup = ({ children }) => (react_1.default.createElement(react_core_1.ToolbarGroup, { alignment: { md: 'alignRight' } }, children));
+exports.default = ToolbarSecondaryGroup;
+//# sourceMappingURL=ToolbarSecondaryGroup.js.map

package/build/cjs/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,0DAA0B;AAC1B,uDAAsD;AAEtD,MAAM,qBAAqB,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxD,8BAAC,yBAAY,IAAC,SAAS,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,IAAG,QAAQ,CAAgB,CACzE,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ToolbarText = (props) => (react_1.default.createElement(react_core_1.ToolbarItem, null,
+    react_1.default.createElement(react_core_1.Text, Object.assign({}, props))));
+exports.default = ToolbarText;
+//# sourceMappingURL=ToolbarText.js.map

package/build/cjs/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,0DAA0B;AAE1B,uDAA2D;AAE3D,MAAM,WAAW,GAAgD,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1E,8BAAC,wBAAW;IACV,8BAAC,iBAAI,oBAAK,KAAK,EAAI,CACP,CACf,CAAC;AAEF,kBAAe,WAAW,CAAC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarSecondaryGroup = exports.ToolbarrProgress = exports.ToolbarText = exports.ToolbarButton = void 0;
+var ToolbarButton_1 = require("./ToolbarButton");
+Object.defineProperty(exports, "ToolbarButton", { enumerable: true, get: function () { return __importDefault(ToolbarButton_1).default; } });
+var ToolbarText_1 = require("./ToolbarText");
+Object.defineProperty(exports, "ToolbarText", { enumerable: true, get: function () { return __importDefault(ToolbarText_1).default; } });
+var ToolbarProgress_1 = require("./ToolbarProgress");
+Object.defineProperty(exports, "ToolbarrProgress", { enumerable: true, get: function () { return __importDefault(ToolbarProgress_1).default; } });
+var ToolbarSecondaryGroup_1 = require("./ToolbarSecondaryGroup");
+Object.defineProperty(exports, "ToolbarSecondaryGroup", { enumerable: true, get: function () { return __importDefault(ToolbarSecondaryGroup_1).default; } });
+//# sourceMappingURL=index.js.map

package/build/cjs/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,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,qDAAgE;AAAvD,oIAAA,OAAO,OAAoB;AACpC,iEAA2E;AAAlE,+IAAA,OAAO,OAAyB"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const eventsModal_1 = require("./eventsModal");
+const react_icons_1 = require("@patternfly/react-icons");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const ViewClusterEventsButton = ({ cluster, onFetchEvents }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(eventsModal_1.EventsModalButton, { id: "cluster-events-button", entityKind: "cluster", icon: react_1.default.createElement(react_icons_1.MonitoringIcon, null), cluster: cluster, title: "Cluster Events", variant: react_core_1.ButtonVariant.secondary, onFetchEvents: onFetchEvents }, t('ai:View cluster events')));
+};
+exports.default = ViewClusterEventsButton;
+//# sourceMappingURL=ViewClusterEventsButton.js.map

package/build/cjs/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,0DAA0B;AAC1B,uDAAuD;AACvD,+CAAkD;AAClD,yDAAyD;AAGzD,iFAAqE;AAOrE,MAAM,uBAAuB,GAAG,CAAC,EAAE,OAAO,EAAE,aAAa,EAA0B,EAAE,EAAE;IACrF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,+BAAiB,IAChB,EAAE,EAAC,uBAAuB,EAC1B,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,8BAAC,4BAAc,OAAG,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,0BAAa,CAAC,SAAS,EAChC,aAAa,EAAE,aAAa,IAE3B,CAAC,CAAC,wBAAwB,CAAC,CACV,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}

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

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

package/build/cjs/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,qDAA+B;AAC/B,uDAWgC;AAChC,iFAAqE;AAGrE,gGAAgE;AAqBzD,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,IAAA,wCAAc,GAAE,CAAC;IAC/B,cAAc,GAAG,cAAc,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC7D,OAAO,CACL,oBAAC,kBAAK,IAAC,SAAS;QACb,MAAM,IAAI,oBAAC,sBAAS,QAAE,MAAM,CAAa;QACzC,MAAM,IAAI,oBAAC,sBAAS,QAAE,MAAM,CAAa;QAC1C,oBAAC,sBAAS;YACR,oBAAC,uBAAU,mBAAa,qBAAqB;gBAC1C,gBAAgB;gBAChB,MAAM,IAAI,CACT,oBAAC,2BAAc;oBACb,oBAAC,mBAAM,IACL,OAAO,EAAE,0BAAa,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,2BAAc;oBACb,oBAAC,mBAAM,IACL,OAAO,EAAE,0BAAa,CAAC,SAAS,EAChC,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,cAAc,IAEzB,CAAC,CAAC,SAAS,CAAC,CACN,CACM,CAClB;gBACD,oBAAC,2BAAc;oBACb,oBAAC,mBAAM,IACL,OAAO,EAAE,0BAAa,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,2BAAc;oBACb,oBAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,KAAK;wBACjC,oBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,GAAG;;wBAAE,cAAc,CAChC,CACQ,CAClB;gBACD,oBAAC,sBAAS,IAAC,QAAQ,SAAG;gBACrB,OAAO,IAAI,aAAa,IAAI,CAC3B,oBAAC,2BAAc;oBACb,oBAAC,iCAAuB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,GAAI,CAC5D,CAClB,CACU,CACH,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,YAAY,gBA2EvB"}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const react_tokens_1 = require("@patternfly/react-tokens");
+const getNavItemContent = (content, isValid, isDisabled, isCurrent) => {
+    if (!isDisabled && !isCurrent && !isValid()) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            content,
+            react_1.default.createElement(react_icons_1.ExclamationCircleIcon, { className: "wizard-nav-item-warning-icon", color: react_tokens_1.global_danger_color_100.value, size: "sm" })));
+    }
+    return content;
+};
+const NavItem = (_a) => {
+    var { isValid = () => true, children } = _a, props = tslib_1.__rest(_a, ["isValid", "children"]);
+    const { content, isDisabled, isCurrent } = props;
+    return (react_1.default.createElement(react_core_1.WizardNavItem, Object.assign({}, props, { content: getNavItemContent(content, isValid, isDisabled, isCurrent) }), children));
+};
+exports.default = NavItem;
+//# sourceMappingURL=WizardNavItem.js.map

package/build/cjs/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,0DAA4D;AAC5D,uDAA2E;AAC3E,yDAAgE;AAChE,2DAAkF;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,8BAAC,mCAAqB,IACpB,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,sCAAW,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,sBAA1C,uBAA4C,CAAF;IACzD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACL,8BAAC,0BAAa,oBAAK,KAAK,IAAE,OAAO,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,KAC1F,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventsModal = exports.EventsModalButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const react_tokens_1 = require("@patternfly/react-tokens");
+const Toolbar_1 = require("./Toolbar");
+const EventListFetch_1 = require("../fetching/EventListFetch");
+const ExternalLink_1 = tslib_1.__importDefault(require("./ExternalLink"));
+const ErrorState_1 = tslib_1.__importDefault(require("./uiState/ErrorState"));
+require("./EventsModal.css");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks");
+const EventsModalButton = (_a) => {
+    var { ButtonComponent = Toolbar_1.ToolbarButton, onFetchEvents, onClick, hostId, cluster, entityKind, children, title, fallbackEventsURL, disablePagination } = _a, props = tslib_1.__rest(_a, ["ButtonComponent", "onFetchEvents", "onClick", "hostId", "cluster", "entityKind", "children", "title", "fallbackEventsURL", "disablePagination"]);
+    const [isModalOpen, setIsModalOpen] = react_1.default.useState(false);
+    const closeModal = () => setIsModalOpen(false);
+    const handleClick = onClick || (() => setIsModalOpen(true));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ButtonComponent, Object.assign({}, props, { onClick: handleClick }), children || title),
+        react_1.default.createElement(exports.EventsModal, { title: title, isOpen: isModalOpen, onClose: closeModal, hostId: hostId, cluster: cluster, entityKind: entityKind, onFetchEvents: onFetchEvents, fallbackEventsURL: fallbackEventsURL, disablePagination: disablePagination })));
+};
+exports.EventsModalButton = EventsModalButton;
+const EventsModal = (_a) => {
+    var { onClose, isOpen, title, fallbackEventsURL } = _a, rest = tslib_1.__rest(_a, ["onClose", "isOpen", "title", "fallbackEventsURL"]);
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const [isLoading, setLoading] = (0, hooks_1.useStateSafely)(true);
+    return (react_1.default.createElement(react_core_1.Modal, { header: react_1.default.createElement(react_core_1.Title, { headingLevel: 'h1' },
+            title,
+            " ",
+            isLoading && react_1.default.createElement(react_core_1.Spinner, { isSVG: true, size: "lg" })), isOpen: isOpen, "aria-label": t('ai:Displays events'), hasNoBodyWrapper: true, actions: [
+            react_1.default.createElement(react_core_1.Button, { key: "close", variant: react_core_1.ButtonVariant.primary, onClick: onClose }, t('ai:Close')),
+        ], onClose: onClose, variant: react_core_1.ModalVariant.large, className: "events-modal", id: 'events-modal' },
+        react_1.default.createElement(react_core_1.ModalBoxBody, { className: "events-modal__body" }, fallbackEventsURL ? (react_1.default.createElement(ErrorState_1.default, { title: t('ai:Could not load events'), content: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(react_i18next_1.Trans, { t: t },
+                    "ai:Could not load events from the standard location. You can check the events in the ",
+                    react_1.default.createElement(ExternalLink_1.default, { href: fallbackEventsURL }, "raw format"),
+                    ".")), icon: react_icons_1.ExclamationTriangleIcon, iconColor: react_tokens_1.global_warning_color_100.value })) : (react_1.default.createElement(EventListFetch_1.EventListFetch, Object.assign({ className: "events-modal__event-list", setLoading: setLoading }, rest))))));
+};
+exports.EventsModal = EventsModal;
+//# sourceMappingURL=eventsModal.js.map

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const react_1 = tslib_1.__importDefault(require("react"));
+const AddButton = (_a) => {
+    var { onAdd, variant = react_core_1.ButtonVariant.link, children } = _a, props = tslib_1.__rest(_a, ["onAdd", "variant", "children"]);
+    return (react_1.default.createElement(react_core_1.Button, Object.assign({ icon: react_1.default.createElement(react_icons_1.PlusCircleIcon, null), onClick: onAdd, variant: variant }, props), children));
+};
+exports.default = AddButton;
+//# sourceMappingURL=AddButton.js.map

package/build/cjs/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,uDAA4E;AAC5E,yDAAyD;AACzD,0DAA0B;AAM1B,MAAM,SAAS,GAA2C,CAAC,EAK1D,EAAE,EAAE;QALsD,EACzD,KAAK,EACL,OAAO,GAAG,0BAAa,CAAC,IAAI,EAC5B,QAAQ,OAET,EADI,KAAK,sBAJiD,gCAK1D,CADS;IAER,OAAO,CACL,8BAAC,mBAAM,kBAAC,IAAI,EAAE,8BAAC,4BAAc,OAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,GAC1E,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const formik_1 = require("formik");
+const React = tslib_1.__importStar(require("react"));
+const TextAreaField_1 = tslib_1.__importDefault(require("./TextAreaField"));
+const utils_1 = require("./utils");
+const AdditionalNTPSourcesField = ({ name, label, isRequired, isDisabled, helperText, }) => {
+    const [field, , { setValue, setTouched }] = (0, formik_1.useField)(name);
+    const formatAdditionalNtpSources = () => {
+        if (field.value) {
+            setValue((0, utils_1.trimCommaSeparatedList)(field.value));
+            setTouched(true);
+        }
+    };
+    return (React.createElement(TextAreaField_1.default, { name: name, label: label, helperText: helperText, onBlur: formatAdditionalNtpSources, spellCheck: false, isRequired: isRequired, isDisabled: isDisabled }));
+};
+exports.default = AdditionalNTPSourcesField;
+//# sourceMappingURL=AdditionalNTPSourcesField.js.map

package/build/cjs/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,mCAAkC;AAClC,qDAA+B;AAC/B,4EAA4C;AAC5C,mCAAiD;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,IAAA,iBAAQ,EAAS,IAAI,CAAC,CAAC;IACnE,MAAM,0BAA0B,GAAG,GAAG,EAAE;QACtC,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,QAAQ,CAAC,IAAA,8BAAsB,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAC9C,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,uBAAa,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,kBAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertFormikError = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const AlertFormikError = ({ status, onClose }) => {
+    if (!status || !status.error) {
+        return null;
+    }
+    const actionClose = onClose ? react_1.default.createElement(react_core_1.AlertActionCloseButton, { onClose: onClose }) : undefined;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.Alert, { variant: react_core_1.AlertVariant.danger, title: status.error.title, isInline: true, actionClose: actionClose }, status.error.message)));
+};
+exports.AlertFormikError = AlertFormikError;
+exports.default = exports.AlertFormikError;
+//# sourceMappingURL=AlertFormikError.js.map

package/build/cjs/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,0DAA0B;AAC1B,uDAAqF;AAQ9E,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,8BAAC,mCAAsB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvF,OAAO,CACL;QACE,8BAAC,kBAAK,IACJ,OAAO,EAAE,yBAAY,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;AAlBW,QAAA,gBAAgB,oBAkB3B;AAEF,kBAAe,wBAAgB,CAAC"}

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const utils_1 = require("./utils");
+const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
+const formik_1 = require("formik");
+const CertificatesUploadField = ({ label, labelIcon, helperText, isRequired, children, idPostfix, isDisabled, name, }) => {
+    const { t } = (0, use_translation_wrapper_1.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 = (0, utils_1.getFieldId)(name, 'input', idPostfix);
+    const [field, , { setValue }] = (0, formik_1.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(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: typeof helperText === 'string' ? (helperText) : (React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText)), helperTextInvalid: typeof errorMessage === 'string' ? (errorMessage) : (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)), validated: isRejected ? 'error' : 'default', isRequired: isRequired, labelIcon: labelIcon },
+        children,
+        React.createElement(react_core_1.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 })));
+};
+exports.default = CertificatesUploadField;
+//# sourceMappingURL=CertificatesUploadField.js.map

package/build/cjs/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/cjs/common/components/ui/formik/CheckboxField.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+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 CheckboxField = (_a) => {
+    var { label, helperText, onChange, validate, idPostfix } = _a, props = tslib_1.__rest(_a, ["label", "helperText", "onChange", "validate", "idPostfix"]);
+    const [field, { touched, error }] = (0, formik_1.useField)({ name: props.name, validate });
+    const fieldId = (0, utils_1.getFieldId)(props.name, 'checkbox', idPostfix);
+    const isValid = !(touched && error);
+    const errorMessage = !isValid ? error : '';
+    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, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error' },
+                React.createElement(react_core_1.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(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+exports.default = CheckboxField;
+//# sourceMappingURL=CheckboxField.js.map

package/build/cjs/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,qDAA+B;AAC/B,mCAAkC;AAClC,uDAA+E;AAE/E,mCAAqC;AACrC,sEAAsC;AAEtC,MAAM,aAAa,GAAiC,CAAC,EAOpD,EAAE,EAAE;QAPgD,EACnD,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAN2C,4DAOpD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,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,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,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;gBAExC,oBAAC,qBAAQ,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,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"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+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 react_code_editor_1 = require("@patternfly/react-code-editor");
+const useFieldErrorMsg_1 = tslib_1.__importDefault(require("../../../hooks/useFieldErrorMsg"));
+const CodeField = ({ label, labelIcon, helperText, isRequired, validate, idPostfix, language, name, description, isDisabled, downloadFileName, dataTestid, isReadOnly, }) => {
+    const [field, , { setValue, setTouched }] = (0, formik_1.useField)({ name, validate });
+    const fieldId = (0, utils_1.getFieldId)(name, 'input', idPostfix);
+    const errorMessage = (0, useFieldErrorMsg_1.default)({ name, validate });
+    const isValid = !errorMessage;
+    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, "data-testid": dataTestid ? dataTestid : `${fieldId}-testid` },
+                description && (React.createElement(HelperText_1.default, { fieldId: fieldId },
+                    React.createElement(react_core_1.HelperTextItem, { variant: "indeterminate" }, description))),
+                React.createElement(react_code_editor_1.CodeEditor, { code: field.value, isUploadEnabled: !isDisabled, isDownloadEnabled: isValid, isCopyEnabled: true, isLanguageLabelVisible: true, height: "400px", language: language, downloadFileName: downloadFileName, onCodeChange: (value) => {
+                        setTouched(true);
+                        setValue(value, true);
+                    }, isReadOnly: isReadOnly }))),
+        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+};
+exports.default = CodeField;
+//# sourceMappingURL=CodeField.js.map

package/build/cjs/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":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAAqF;AAErF,mCAAqC;AACrC,sEAAsC;AACtC,qEAA2D;AAC3D,+FAA+D;AAE/D,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,GACK,EAAE,EAAE;IACnB,MAAM,CAAC,KAAK,EAAE,AAAD,EAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC;IAC9B,MAAM,eAAe,GAAG,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO,IAAG,UAAU,CAAc,CAAC;IAEhF,OAAO,CACL,oBAAC,kBAAK;QACJ,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,iBACP,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS;gBAEzD,WAAW,IAAI,CACd,oBAAC,oBAAU,IAAC,OAAO,EAAE,OAAO;oBAC1B,oBAAC,2BAAc,IAAC,OAAO,EAAC,eAAe,IAAE,WAAW,CAAkB,CAC3D,CACd;gBACD,oBAAC,8BAAU,IACT,IAAI,EAAE,KAAK,CAAC,KAAe,EAC3B,eAAe,EAAE,CAAC,UAAU,EAC5B,iBAAiB,EAAE,OAAO,EAC1B,aAAa,QACb,sBAAsB,QACtB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;wBACtB,UAAU,CAAC,IAAI,CAAC,CAAC;wBACjB,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;oBACxB,CAAC,EACD,UAAU,EAAE,UAAU,GACtB,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,SAAS,CAAC"}

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormikAutoSave = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const debounce_js_1 = tslib_1.__importDefault(require("lodash-es/debounce.js"));
+const formik_1 = require("formik");
+const useFormikAutoSave = (debounce = 1000) => {
+    const [autoSaveIDs, setAutoSaveIDs] = react_1.default.useState([]);
+    const { values, isSubmitting, submitForm } = (0, formik_1.useFormikContext)();
+    const prevValuesRef = react_1.default.useRef(values);
+    const commitRef = react_1.default.useRef((0, debounce_js_1.default)((autoSaveID) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        yield submitForm();
+        setAutoSaveIDs((ids) => ids.filter((id) => id > autoSaveID));
+    }), debounce));
+    react_1.default.useEffect(() => {
+        if (!(0, react_redux_1.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_1.default.useEffect(() => {
+        const commit = commitRef.current;
+        return () => commit.cancel();
+    }, []);
+    return !!autoSaveIDs.length;
+};
+exports.useFormikAutoSave = useFormikAutoSave;
+const FormikAutoSave = ({ debounce = 1000 }) => {
+    const { values, dirty, isSubmitting, submitForm } = (0, formik_1.useFormikContext)();
+    const prevValuesRef = react_1.default.useRef(values);
+    const commitRef = react_1.default.useRef((0, debounce_js_1.default)(submitForm, debounce));
+    react_1.default.useEffect(() => {
+        if (!(0, react_redux_1.shallowEqual)(prevValuesRef.current, values) && dirty && !isSubmitting) {
+            void commitRef.current();
+        }
+        if (!isSubmitting) {
+            prevValuesRef.current = values;
+        }
+    }, [values, dirty, isSubmitting]);
+    react_1.default.useEffect(() => {
+        const commit = commitRef.current;
+        return () => commit.cancel();
+    }, []);
+    return null;
+};
+exports.default = FormikAutoSave;
+//# sourceMappingURL=FormikAutoSave.js.map