@openshift-assisted/ui-lib 2.16.3-cim → 2.16.4-cim

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

@@ -15,49 +15,49 @@ class CustomToolbarFilter extends React.Component {
         };
     }
     componentDidMount() {
-        const { categoryName, chips } = this.props;
+        const { categoryName, labels } = this.props;
         this.context.updateNumberFilters(typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
             ? categoryName.key
-            : categoryName.toString(), chips ? chips.length : 0);
+            : categoryName.toString(), labels ? labels.length : 0);
         this.setState({ isMounted: true });
     }
     componentDidUpdate() {
-        const { categoryName, chips } = this.props;
+        const { categoryName, labels } = this.props;
         this.context.updateNumberFilters(typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
             ? categoryName.key
-            : categoryName.toString(), chips ? chips.length : 0);
+            : categoryName.toString(), labels ? labels.length : 0);
     }
     render() {
-        const _a = this.props, { children, chips, deleteChipGroup, deleteChip, chipGroupExpandedText, chipGroupCollapsedText, categoryName, showToolbarItem, isExpanded, expandableChipContainerRef } = _a, props = tslib_1.__rest(_a, ["children", "chips", "deleteChipGroup", "deleteChip", "chipGroupExpandedText", "chipGroupCollapsedText", "categoryName", "showToolbarItem", "isExpanded", "expandableChipContainerRef"]);
-        const { isExpanded: managedIsExpanded, chipGroupContentRef } = this.context;
+        const _a = this.props, { children, labels, deleteLabelGroup, deleteLabel, labelGroupExpandedText, labelGroupCollapsedText, categoryName, showToolbarItem, isExpanded, expandableLabelContainerRef } = _a, props = tslib_1.__rest(_a, ["children", "labels", "deleteLabelGroup", "deleteLabel", "labelGroupExpandedText", "labelGroupCollapsedText", "categoryName", "showToolbarItem", "isExpanded", "expandableLabelContainerRef"]);
+        const { isExpanded: managedIsExpanded, labelGroupContentRef } = this.context;
         const _isExpanded = isExpanded !== undefined ? isExpanded : managedIsExpanded;
         const categoryKey = typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
             ? categoryName.key
             : categoryName.toString();
-        const chipGroup = chips !== undefined && chips.length ? (React.createElement(react_core_1.ToolbarItem, { variant: "chip-group" },
-            React.createElement(react_core_1.ChipGroup, { key: categoryKey, categoryName: typeof categoryName === 'string' ? categoryName : categoryName.name, isClosable: deleteChipGroup !== undefined, onClick: () => deleteChipGroup && deleteChipGroup(categoryName), collapsedText: chipGroupCollapsedText, expandedText: chipGroupExpandedText }, chips.map((chip) => typeof chip === 'string' ? (React.createElement(react_core_1.Chip, { key: chip, onClick: () => deleteChip && deleteChip(categoryKey, chip) }, chip)) : (React.createElement(react_core_1.Chip, { key: chip.key, onClick: () => deleteChip && deleteChip(categoryKey, chip) }, chip.node)))))) : null;
+        const labelGroup = labels !== undefined && labels.length ? (React.createElement(react_core_1.ToolbarItem, { variant: "label-group" },
+            React.createElement(react_core_1.LabelGroup, { key: categoryKey, categoryName: typeof categoryName === 'string' ? categoryName : categoryName.name, isClosable: deleteLabelGroup !== undefined, onClick: () => deleteLabelGroup && deleteLabelGroup(categoryName), collapsedText: labelGroupCollapsedText, expandedText: labelGroupExpandedText }, labels.map((label) => typeof label === 'string' ? (React.createElement(react_core_1.Label, { variant: "outline", key: label, onClose: () => deleteLabel && deleteLabel(categoryKey, label) }, label)) : (React.createElement(react_core_1.Label, { variant: "outline", key: label.key, onClose: () => deleteLabel && deleteLabel(categoryKey, label) }, label.node)))))) : null;
         if (!_isExpanded && this.state.isMounted) {
             return (React.createElement(React.Fragment, null,
                 showToolbarItem && React.createElement(react_core_1.ToolbarItem, Object.assign({}, props), children),
-                chipGroupContentRef &&
-                    chipGroupContentRef.current !== null &&
-                    chipGroupContentRef.current.firstElementChild !== null &&
-                    ReactDOM.createPortal(chipGroup, chipGroupContentRef.current.firstElementChild)));
+                labelGroupContentRef &&
+                    labelGroupContentRef.current !== null &&
+                    labelGroupContentRef.current.firstElementChild !== null &&
+                    ReactDOM.createPortal(labelGroup, labelGroupContentRef.current.firstElementChild)));
         }
-        return (React.createElement(react_core_1.ToolbarContentContext.Consumer, null, ({ chipContainerRef }) => (React.createElement(React.Fragment, null,
+        return (React.createElement(react_core_1.ToolbarContentContext.Consumer, null, ({ labelContainerRef }) => (React.createElement(React.Fragment, null,
             showToolbarItem && React.createElement(react_core_1.ToolbarItem, Object.assign({}, props), children),
-            chipContainerRef.current &&
-                ReactDOM.createPortal(chipGroup, chipContainerRef.current),
-            expandableChipContainerRef &&
-                expandableChipContainerRef.current &&
-                ReactDOM.createPortal(chipGroup, expandableChipContainerRef.current)))));
+            labelContainerRef.current &&
+                ReactDOM.createPortal(labelGroup, labelContainerRef.current),
+            expandableLabelContainerRef &&
+                expandableLabelContainerRef.current &&
+                ReactDOM.createPortal(labelGroup, expandableLabelContainerRef.current)))));
     }
 }
 exports.CustomToolbarFilter = CustomToolbarFilter;
 CustomToolbarFilter.displayName = 'CustomToolbarFilter';
 CustomToolbarFilter.contextType = react_core_1.ToolbarContext;
 CustomToolbarFilter.defaultProps = {
-    chips: [],
+    labels: [],
     showToolbarItem: true,
 };
 //# sourceMappingURL=CustomToolbarFilter.js.map

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

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

package/build/cjs/common/components/ui/DetailList.css

@@ -3,10 +3,10 @@
 }
 
 .detail-list dd {
-  margin-bottom: var(--pf-v5-global--spacer--sm);
+  margin-bottom: var(--pf-v6-global--spacer--sm);
 }
 
 .detail-list ul ul,
 .detail-list ul li {
-  margin-top: var(--pf-v5-c-content--dt--sm--MarginTop);
+  margin-top: var(--pf-v6-c-content--dt--sm--MarginTop);
 }

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

@@ -6,19 +6,19 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 require("./DetailList.css");
 const RenderIf_1 = require("./RenderIf");
-const DetailList = ({ children, title, titleComponent = 'h2', }) => (react_1.default.createElement(react_core_1.TextContent, null,
-    title && react_1.default.createElement(react_core_1.Text, { component: titleComponent }, title),
-    react_1.default.createElement(react_core_1.TextList, { component: react_core_1.TextListVariants.dl, className: "detail-list" }, children)));
+const DetailList = ({ children, title, titleComponent = 'h2', }) => (react_1.default.createElement(react_core_1.Content, null,
+    title && react_1.default.createElement(react_core_1.Content, { component: titleComponent }, title),
+    react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.dl, className: "detail-list" }, children)));
 exports.DetailList = DetailList;
 const hasDetailItemList = (data) => {
     return Array.isArray(data);
 };
 const DetailItem = ({ title, value = '', idPrefix, testId, isHidden = false, classNameValue, }) => isHidden ? null : (react_1.default.createElement(react_1.default.Fragment, null,
     react_1.default.createElement(RenderIf_1.RenderIf, { condition: title !== undefined },
-        react_1.default.createElement(react_core_1.TextListItem, { component: react_core_1.TextListItemVariants.dt, id: idPrefix ? `${idPrefix}-title` : undefined, "data-testid": testId ? `${testId}-title` : undefined }, title)),
-    react_1.default.createElement(react_core_1.TextListItem, { component: react_core_1.TextListItemVariants.dd, id: idPrefix ? `${idPrefix}-value` : undefined, "data-testid": testId ? `${testId}-value` : undefined, className: classNameValue }, hasDetailItemList(value) ? (react_1.default.createElement(react_core_1.TextList, { component: react_core_1.TextListVariants.dl }, value.map((item, idx) => [
-        react_1.default.createElement(react_core_1.TextListItem, { "data-testid": testId ? `${testId}-title-${idx}` : undefined, key: item.title, component: react_core_1.TextListItemVariants.dt }, item.title),
-        react_1.default.createElement(react_core_1.TextListItem, { "data-testid": testId ? `${testId}-value-${idx}` : undefined, key: `dd-${item.title}`, component: react_core_1.TextListItemVariants.dd }, item.value),
+        react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.dt, id: idPrefix ? `${idPrefix}-title` : undefined, "data-testid": testId ? `${testId}-title` : undefined }, title)),
+    react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.dd, id: idPrefix ? `${idPrefix}-value` : undefined, "data-testid": testId ? `${testId}-value` : undefined, className: classNameValue }, hasDetailItemList(value) ? (react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.dl }, value.map((item, idx) => [
+        react_1.default.createElement(react_core_1.Content, { "data-testid": testId ? `${testId}-title-${idx}` : undefined, key: item.title, component: react_core_1.ContentVariants.dt }, item.title),
+        react_1.default.createElement(react_core_1.Content, { "data-testid": testId ? `${testId}-value-${idx}` : undefined, key: `dd-${item.title}`, component: react_core_1.ContentVariants.dd }, item.value),
     ]))) : (value))));
 exports.DetailItem = DetailItem;
 //# sourceMappingURL=DetailList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailList.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/DetailList.tsx"],"names":[],"mappings":";;;;AAAA,0DAAqD;AACrD,uDAQgC;AAGhC,4BAA0B;AAC1B,yCAAsC;AAqB/B,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,KAAK,EACL,cAAc,GAAG,IAAI,GACtB,EAAE,EAAE,CAAC,CACJ,8BAAC,wBAAW;IACT,KAAK,IAAI,8BAAC,iBAAI,IAAC,SAAS,EAAE,cAAc,IAAG,KAAK,CAAQ;IACzD,8BAAC,qBAAQ,IAAC,SAAS,EAAE,6BAAgB,CAAC,EAAE,EAAE,SAAS,EAAC,aAAa,IAC9D,QAAQ,CACA,CACC,CACf,CAAC;AAXW,QAAA,UAAU,cAWrB;AAEF,MAAM,iBAAiB,GAAG,CAAC,IAA8B,EAA0B,EAAE;IACnF,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEK,MAAM,UAAU,GAA2C,CAAC,EACjE,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,cAAc,GACf,EAAE,EAAE,CACH,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB;IACE,8BAAC,mBAAQ,IAAC,SAAS,EAAE,KAAK,KAAK,SAAS;QACtC,8BAAC,yBAAY,IACX,SAAS,EAAE,iCAAoB,CAAC,EAAE,EAClC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,iBACjC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,IAElD,KAAK,CACO,CACN;IACX,8BAAC,yBAAY,IACX,SAAS,EAAE,iCAAoB,CAAC,EAAE,EAClC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,iBACjC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EACnD,SAAS,EAAE,cAAc,IAExB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,8BAAC,qBAAQ,IAAC,SAAS,EAAE,6BAAgB,CAAC,EAAE,IACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;QACxB,8BAAC,yBAAY,mBACE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1D,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAE,iCAAoB,CAAC,EAAE,IAEjC,IAAI,CAAC,KAAK,CACE;QACf,8BAAC,yBAAY,mBACE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1D,GAAG,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,EACvB,SAAS,EAAE,iCAAoB,CAAC,EAAE,IAEjC,IAAI,CAAC,KAAK,CACE;KAChB,CAAC,CACO,CACZ,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACY,CACd,CACJ,CAAC;AAjDS,QAAA,UAAU,cAiDnB"}
+{"version":3,"file":"DetailList.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/DetailList.tsx"],"names":[],"mappings":";;;;AAAA,0DAAqD;AACrD,uDAAgF;AAGhF,4BAA0B;AAC1B,yCAAsC;AAqB/B,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,KAAK,EACL,cAAc,GAAG,IAAI,GACtB,EAAE,EAAE,CAAC,CACJ,8BAAC,oBAAO;IACL,KAAK,IAAI,8BAAC,oBAAO,IAAC,SAAS,EAAE,cAAc,IAAG,KAAK,CAAW;IAC/D,8BAAC,oBAAO,IAAC,SAAS,EAAE,4BAAe,CAAC,EAAE,EAAE,SAAS,EAAC,aAAa,IAC5D,QAAQ,CACD,CACF,CACX,CAAC;AAXW,QAAA,UAAU,cAWrB;AAEF,MAAM,iBAAiB,GAAG,CAAC,IAA8B,EAA0B,EAAE;IACnF,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEK,MAAM,UAAU,GAA2C,CAAC,EACjE,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,cAAc,GACf,EAAE,EAAE,CACH,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB;IACE,8BAAC,mBAAQ,IAAC,SAAS,EAAE,KAAK,KAAK,SAAS;QACtC,8BAAC,oBAAO,IACN,SAAS,EAAE,4BAAe,CAAC,EAAE,EAC7B,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,iBACjC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,IAElD,KAAK,CACE,CACD;IACX,8BAAC,oBAAO,IACN,SAAS,EAAE,4BAAe,CAAC,EAAE,EAC7B,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,iBACjC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EACnD,SAAS,EAAE,cAAc,IAExB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,8BAAC,oBAAO,IAAC,SAAS,EAAE,4BAAe,CAAC,EAAE,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;QACxB,8BAAC,oBAAO,mBACO,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1D,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAE,4BAAe,CAAC,EAAE,IAE5B,IAAI,CAAC,KAAK,CACH;QACV,8BAAC,oBAAO,mBACO,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1D,GAAG,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,EACvB,SAAS,EAAE,4BAAe,CAAC,EAAE,IAE5B,IAAI,CAAC,KAAK,CACH;KACX,CAAC,CACM,CACX,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACO,CACT,CACJ,CAAC;AAjDS,QAAA,UAAU,cAiDnB"}

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

@@ -11,7 +11,7 @@ const ExternalLink = ({ href, onClick, children }) => {
             onClick(event);
         }
     };
-    return (react_1.default.createElement(react_core_1.Text, { component: "a", href: href, onClick: handleClick, target: "_blank", rel: "noopener noreferrer" },
+    return (react_1.default.createElement(react_core_1.Content, { component: "a", href: href, onClick: handleClick, target: "_blank", rel: "noopener noreferrer" },
         children ? children : href,
         " ",
         react_1.default.createElement(external_link_alt_icon_1.ExternalLinkAltIcon, { color: "rgb(0, 123, 186)" })));

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

@@ -1 +1 @@
-{"version":3,"file":"ExternalLink.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/ExternalLink.tsx"],"names":[],"mappings":";;;AAAA,0DAAqD;AACrD,uDAA8C;AAC9C,yGAAmG;AAOnG,MAAM,YAAY,GAAgC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChF,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,8BAA8B;QACvD,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAI,IAAC,SAAS,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;QAC5F,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;;QAAE,8BAAC,4CAAmB,IAAC,KAAK,EAAC,kBAAkB,GAAG,CACxE,CACR,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"ExternalLink.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/ExternalLink.tsx"],"names":[],"mappings":";;;AAAA,0DAAqD;AACrD,uDAAiD;AACjD,yGAAmG;AAOnG,MAAM,YAAY,GAAgC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChF,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,8BAA8B;QACvD,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,oBAAO,IACN,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB;QAExB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;;QAAE,8BAAC,4CAAmB,IAAC,KAAK,EAAC,kBAAkB,GAAG,CACrE,CACX,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,YAAY,CAAC"}

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

@@ -6,6 +6,6 @@ const react_1 = tslib_1.__importDefault(require("react"));
  * This component allows to maintain grid gap behaviour of PF Form by wrapping
  * FormGroup components which are inside of Grid
  */
-const GridGap = (props) => react_1.default.createElement("div", Object.assign({}, props, { className: "pf-v5-c-form" }));
+const GridGap = (props) => react_1.default.createElement("div", Object.assign({}, props, { className: "pf-v6-c-form" }));
 exports.default = GridGap;
 //# sourceMappingURL=GridGap.js.map

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

@@ -4,10 +4,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 const exclamation_triangle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon");
-const global_disabled_color_100_1 = require("@patternfly/react-tokens/dist/js/global_disabled_color_100");
-const NoPermissionsError = () => (react_1.default.createElement(react_core_1.EmptyState, { id: "not-found" },
+const NoPermissionsError = () => (react_1.default.createElement(react_core_1.EmptyState, { id: "not-found", icon: exclamation_triangle_icon_1.ExclamationTriangleIcon },
     react_1.default.createElement(react_core_1.EmptyStateBody, null,
-        react_1.default.createElement(react_core_1.EmptyStateIcon, { icon: exclamation_triangle_icon_1.ExclamationTriangleIcon, color: global_disabled_color_100_1.global_disabled_color_100.value }),
         react_1.default.createElement(react_core_1.Title, { headingLevel: "h2" }, "Access permissions needed"),
         react_1.default.createElement(react_core_1.EmptyStateBody, null, "To create a cluster using the Assisted Installer, ask your organization administrator to adjust your permissions."))));
 exports.default = NoPermissionsError;

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

@@ -1 +1 @@
-{"version":3,"file":"NoPermissionsError.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/NoPermissionsError.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAA2F;AAC3F,+GAA0G;AAC1G,0GAAoH;AAEpH,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAC/B,8BAAC,uBAAU,IAAC,EAAE,EAAC,WAAW;IACxB,8BAAC,2BAAc;QACb,8BAAC,2BAAc,IAAC,IAAI,EAAE,mDAAuB,EAAE,KAAK,EAAE,qDAAS,CAAC,KAAK,GAAI;QACzE,8BAAC,kBAAK,IAAC,YAAY,EAAC,IAAI,gCAAkC;QAC1D,8BAAC,2BAAc,4HAGE,CACF,CACN,CACd,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"NoPermissionsError.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/NoPermissionsError.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAA2E;AAC3E,+GAA0G;AAE1G,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAC/B,8BAAC,uBAAU,IAAC,EAAE,EAAC,WAAW,EAAC,IAAI,EAAE,mDAAuB;IACtD,8BAAC,2BAAc;QACb,8BAAC,kBAAK,IAAC,YAAY,EAAC,IAAI,gCAAkC;QAC1D,8BAAC,2BAAc,4HAGE,CACF,CACN,CACd,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

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

@@ -3,21 +3,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenShiftSelectWithSearch = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const formik_1 = require("formik");
-const hooks_1 = require("../../hooks");
-const formik_2 = require("./formik");
-const OpenShiftSelectWithSearch = ({ versions, getHelperText, }) => {
-    const { t } = (0, hooks_1.useTranslation)();
-    const [{ value }] = (0, formik_1.useField)('customOpenshiftSelect');
+const react_core_1 = require("@patternfly/react-core");
+const times_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/esm/icons/times-icon"));
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const OpenShiftSelectWithSearch = ({ versions, getHelperText, setCustomOpenshiftSelect, }) => {
     const initialSelectOptions = react_1.default.useMemo(() => versions.map((version) => ({
         children: version.supportLevel === 'beta'
             ? version.label + ' - ' + 'Developer preview release'
             : version.label,
         value: version.value,
     })), [versions]);
+    const [isOpen, setIsOpen] = react_1.default.useState(false);
+    const [selected, setSelected] = react_1.default.useState('');
+    const [inputValue, setInputValue] = react_1.default.useState('');
     const [filterValue, setFilterValue] = react_1.default.useState('');
     const [selectOptions, setSelectOptions] = react_1.default.useState(initialSelectOptions);
-    const helperText = getHelperText && getHelperText(value, true);
+    const [focusedItemIndex, setFocusedItemIndex] = react_1.default.useState(null);
+    const [activeItem, setActiveItem] = react_1.default.useState(null);
+    const textInputRef = react_1.default.useRef();
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    react_1.default.useEffect(() => {
+        if (textInputRef.current) {
+            textInputRef.current.maxLength = 30;
+        }
+    }, []);
     react_1.default.useEffect(() => {
         let newSelectOptions = initialSelectOptions;
         // Filter menu items based on the text input value when one exists
@@ -28,23 +37,133 @@ const OpenShiftSelectWithSearch = ({ versions, getHelperText, }) => {
                 newSelectOptions = [
                     {
                         isDisabled: true,
-                        children: t('ai:No results found for {{filter}}', { filter: filterValue }),
-                        value: 'no_results',
+                        children: `No results found for "${filterValue}"`,
+                        value: 'no results',
                     },
                 ];
             }
+            // Open the menu when the input value changes and the new value is not empty
+            if (!isOpen) {
+                setIsOpen(true);
+            }
+        }
+        setSelectOptions(newSelectOptions);
+        setActiveItem(null);
+        setFocusedItemIndex(null);
+    }, [filterValue, initialSelectOptions, isOpen]);
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const onSelect = (_event, value) => {
+        // Check if the specific value exists in newSelectOptions
+        const foundItem = selectOptions.find((menuItem) => String(menuItem.value) === String(value));
+        const newLabel = foundItem === null || foundItem === void 0 ? void 0 : foundItem.children;
+        if (value && value !== 'no results') {
+            setInputValue(newLabel);
+            setFilterValue('');
+            setSelected(value);
+            const filteredVersions = versions.filter((version) => version.value === value);
+            setCustomOpenshiftSelect({
+                label: filteredVersions[0].supportLevel === 'beta'
+                    ? filteredVersions[0].label + ' - ' + t('ai:Developer preview release')
+                    : filteredVersions[0].label,
+                value: filteredVersions[0].value,
+                version: filteredVersions[0].version,
+                default: filteredVersions[0].default,
+                supportLevel: filteredVersions[0].supportLevel,
+            });
+        }
+        setIsOpen(false);
+        setFocusedItemIndex(null);
+        setActiveItem(null);
+    };
+    const onTextInputChange = (_event, value) => {
+        setInputValue(value);
+        setFilterValue(value);
+    };
+    const handleMenuArrowKeys = (key) => {
+        let indexToFocus;
+        if (isOpen) {
+            if (key === 'ArrowUp') {
+                // When no index is set or at the first index, focus to the last, otherwise decrement focus index
+                if (focusedItemIndex === null || focusedItemIndex === 0) {
+                    indexToFocus = selectOptions.length - 1;
+                }
+                else {
+                    indexToFocus = focusedItemIndex - 1;
+                }
+            }
+            if (key === 'ArrowDown') {
+                // When no index is set or at the last index, focus to the first, otherwise increment focus index
+                if (focusedItemIndex === null || focusedItemIndex === selectOptions.length - 1) {
+                    indexToFocus = 0;
+                }
+                else {
+                    indexToFocus = focusedItemIndex + 1;
+                }
+            }
+            setFocusedItemIndex(indexToFocus !== null && indexToFocus !== void 0 ? indexToFocus : 0);
+            const focusedItem = selectOptions.filter((option) => !option.isDisabled)[indexToFocus !== null && indexToFocus !== void 0 ? indexToFocus : 0];
+            setActiveItem(`select-typeahead-${focusedItem.value.replace(' ', '-')}`);
+        }
+    };
+    const onInputKeyDown = (event) => {
+        const enabledMenuItems = selectOptions.filter((option) => !option.isDisabled);
+        const [firstMenuItem] = enabledMenuItems;
+        const focusedItem = focusedItemIndex ? enabledMenuItems[focusedItemIndex] : firstMenuItem;
+        switch (event.key) {
+            // Select the first available option
+            case 'Enter':
+                if (isOpen && focusedItem.value !== 'no results') {
+                    setInputValue(String(focusedItem.children));
+                    setFilterValue('');
+                    setSelected(String(focusedItem.children));
+                }
+                setIsOpen((prevIsOpen) => !prevIsOpen);
+                setFocusedItemIndex(null);
+                setActiveItem(null);
+                break;
+            case 'Tab':
+            case 'Escape':
+                setIsOpen(false);
+                setActiveItem(null);
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                event.preventDefault();
+                handleMenuArrowKeys(event.key);
+                break;
         }
-        const selectOptionsWithDividers = newSelectOptions.map((option, index) => {
-            const match = option.value.match(/\d+\.(\d+)\.\d+/);
-            const y = match ? match[1] : null;
-            const previousY = index > 0
-                ? (newSelectOptions[index - 1].value.match(/\d+\.(\d+)\.\d+/) || [])[1]
-                : null;
-            return Object.assign(Object.assign({}, option), { showDivider: previousY !== null && y !== previousY });
-        });
-        setSelectOptions(selectOptionsWithDividers);
-    }, [filterValue, initialSelectOptions, t]);
-    return (react_1.default.createElement(formik_2.SelectFieldWithSearch, { selectOptions: selectOptions, filterValue: filterValue, setFilterValue: setFilterValue, name: 'customOpenshiftSelect', helperText: helperText !== null && helperText !== void 0 ? helperText : t('ai:Select an OpenShift version from the list or use the type ahead to narrow down the list.') }));
+    };
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, "data-testid": "openshift-version-dropdown-toggle" },
+        react_1.default.createElement(react_core_1.TextInputGroup, { isPlain: true },
+            react_1.default.createElement(react_core_1.TextInputGroupMain, Object.assign({ value: inputValue, onClick: onToggleClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, id: "typeahead-select-input", autoComplete: "off", innerRef: textInputRef, placeholder: "" }, (activeItem && { 'aria-activedescendant': activeItem }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox" })),
+            react_1.default.createElement(react_core_1.TextInputGroupUtilities, null, !!inputValue && (react_1.default.createElement(react_core_1.Button, { icon: react_1.default.createElement(times_icon_1.default, { "aria-hidden": true }), variant: "plain", onClick: () => {
+                    var _a;
+                    setSelected('');
+                    setInputValue('');
+                    setFilterValue('');
+                    (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }, "aria-label": "Clear input value" }))))));
+    const helperText = getHelperText && getHelperText(selected, true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.Select, { id: "customOpenshiftSelect", isOpen: isOpen, selected: selected, onSelect: onSelect, onOpenChange: () => {
+                setIsOpen(false);
+            }, toggle: toggle, isScrollable: true },
+            react_1.default.createElement(react_core_1.SelectList, { id: "select-typeahead-listbox" }, selectOptions.reverse().map((option, index) => {
+                const match = option.value.match(/\d+\.(\d+)\.\d+/);
+                const y = match ? match[1] : null;
+                const previousY = index > 0
+                    ? (selectOptions[index - 1].value.match(/\d+\.(\d+)\.\d+/) || [])[1]
+                    : null;
+                const showDivider = previousY !== null && y !== previousY;
+                return (react_1.default.createElement(react_1.default.Fragment, { key: index },
+                    showDivider && (react_1.default.createElement(react_core_1.Divider, { component: "li", id: `divider-${option.value}`, key: `divider-${option.value}` })),
+                    react_1.default.createElement(react_core_1.SelectOption, Object.assign({ key: option.value, isFocused: focusedItemIndex === index, className: option.className, onClick: () => setSelected(option.value), id: `select-typeahead-${option.value.replace(' ', '-')}` }, option, { ref: null }))));
+            }))),
+        react_1.default.createElement(react_core_1.FormHelperText, null,
+            react_1.default.createElement(react_core_1.HelperText, null,
+                react_1.default.createElement(react_core_1.HelperTextItem, { variant: "default", "data-testid": "openshift-select-with-search-helper-text" }, helperText !== null && helperText !== void 0 ? helperText : 'Select an OpenShift version from the list or use the type ahead to narrow down the list.')))));
 };
 exports.OpenShiftSelectWithSearch = OpenShiftSelectWithSearch;
 //# sourceMappingURL=OpenShiftSelectWithSearch.js.map

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

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

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

@@ -17,7 +17,7 @@ const getParsedVersions = (items) => {
     }));
     return { parsedVersions: parsedVersions.reverse() };
 };
-const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showReleasesLink, showOpenshiftVersionModal, customItem, }) => {
+const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showReleasesLink, showOpenshiftVersionModal, customItems, }) => {
     const [field, , { setValue }] = (0, formik_1.useField)(name);
     const [isOpen, setOpen] = react_1.default.useState(false);
     const { t } = (0, use_translation_wrapper_1.useTranslation)();
@@ -25,13 +25,9 @@ const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showRe
     const { values: { customOpenshiftSelect }, } = (0, formik_1.useFormikContext)();
     const [current, setCurrent] = react_1.default.useState();
     react_1.default.useEffect(() => {
-        let defaultVersion = versions.find((item) => item.default);
-        if (customOpenshiftSelect && customItem) {
-            defaultVersion = customItem;
-        }
-        else if (customOpenshiftSelect) {
-            defaultVersion = versions.find((item) => item.value === customOpenshiftSelect);
-        }
+        const defaultVersion = customOpenshiftSelect
+            ? customOpenshiftSelect
+            : versions.find((item) => item.default);
         setCurrent((defaultVersion === null || defaultVersion === void 0 ? void 0 : defaultVersion.label) || '');
         setValue((defaultVersion === null || defaultVersion === void 0 ? void 0 : defaultVersion.value) || '');
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -46,13 +42,25 @@ const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showRe
         lastY = y;
         return items;
     });
+    const parsedVersionsForCustomItems = getParsedVersions(customItems);
+    let lastCustomY = '';
+    const customDropdownItems = parsedVersionsForCustomItems.parsedVersions.map(({ y, versions }) => {
+        const customItems = versions.map(({ value, label }) => (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value, value: value }, label)));
+        if (lastCustomY !== null && y !== lastCustomY) {
+            customItems.push(react_1.default.createElement(react_core_1.Divider, { key: `separator-${y || ''}` }));
+        }
+        lastCustomY = y;
+        return customItems;
+    });
     const dropdownGroup = [
         dropdownItems.length && (react_1.default.createElement(react_core_1.DropdownGroup, { label: "Latest releases", key: "latest-releases" }, dropdownItems)),
-        customItem && (react_1.default.createElement(react_core_1.DropdownGroup, { label: "Custom releases", key: "custom-releases" },
-            react_1.default.createElement(react_core_1.DropdownItem, { key: customItem.value, id: customItem.value, value: customItem.value }, customItem.label))),
+        customDropdownItems.length && (react_1.default.createElement(react_core_1.DropdownGroup, { label: "Custom releases", key: "custom-releases" }, customDropdownItems)),
         react_1.default.createElement(react_core_1.DropdownGroup, { key: "all-available-versions" },
             react_1.default.createElement(react_core_1.DropdownItem, { key: "all-versions", id: "all-versions", onSelect: (e) => e.preventDefault() },
-                react_1.default.createElement(react_core_1.Button, { variant: "link", isInline: true, onClick: () => showOpenshiftVersionModal(), id: "show-all-versions" }, t('ai:Show all available versions')))),
+                react_1.default.createElement(react_core_1.Button, { variant: "link", isInline: true, onClick: () => {
+                        setOpen(false);
+                        showOpenshiftVersionModal();
+                    }, id: "show-all-versions" }, t('ai:Show all available versions')))),
     ].filter(Boolean);
     const onSelect = react_1.default.useCallback((event, val) => {
         const newLabel = event === null || event === void 0 ? void 0 : event.currentTarget.textContent;
@@ -63,15 +71,16 @@ const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showRe
             setOpen(false);
         }
     }, [setValue]);
-    const dropdownToggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { id: fieldId, className: "pf-v5-u-w-100", ref: toggleRef, isFullWidth: true, onClick: () => setOpen(!isOpen), isExpanded: isOpen }, current || t('ai:OpenShift version')));
+    const dropdownToggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { id: fieldId, className: "pf-v6-u-w-100", style: { minWidth: '420px' }, ref: toggleRef, isFullWidth: true, onClick: () => setOpen(!isOpen), isExpanded: isOpen, "data-testid": "openshift-version-dropdown-toggle" }, current || t('ai:OpenShift version')));
     const helperText = getHelperText && getHelperText(field.value);
     return (react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: t('ai:OpenShift version'), isRequired: true },
         react_1.default.createElement(react_core_1.Dropdown, Object.assign({}, field, { id: `${fieldId}-dropdown`, shouldFocusToggleOnSelect: true, isOpen: isOpen, onSelect: onSelect, onOpenChange: () => setOpen(!isOpen), toggle: dropdownToggle }), dropdownGroup),
         helperText && (react_1.default.createElement(react_core_1.FormHelperText, null,
             react_1.default.createElement(react_core_1.HelperText, null,
-                react_1.default.createElement(react_core_1.HelperTextItem, { variant: "default" }, helperText)))),
-        showReleasesLink && (react_1.default.createElement(ExternalLink_1.default, { href: `${window.location.origin}/${config_1.OCP_RELEASES_PAGE}` },
-            react_1.default.createElement("span", { "data-ouia-id": "openshift-releases-link" }, t('ai:Learn more about OpenShift releases'))))));
+                react_1.default.createElement(react_core_1.HelperTextItem, { variant: "default", "data-testid": "openshift-version-dropdown-helper-text" }, helperText)))),
+        showReleasesLink && (react_1.default.createElement("div", { className: "pf-v6-u-mt-sm" },
+            react_1.default.createElement(ExternalLink_1.default, { href: `${window.location.origin}/${config_1.OCP_RELEASES_PAGE}` },
+                react_1.default.createElement("span", { "data-ouia-id": "openshift-releases-link" }, t('ai:Learn more about OpenShift releases')))))));
 };
 exports.OpenShiftVersionDropdown = OpenShiftVersionDropdown;
 //# sourceMappingURL=OpenShiftVersionDropdown.js.map

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

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

package/build/cjs/common/components/ui/OpenShiftVersionModal.css

@@ -2,6 +2,6 @@
   height: 44vh;
   display: flex;
 }
-#customOpenshiftSelect .pf-v5-c-menu__content {
+#customOpenshiftSelect .pf-v6-c-menu__content {
   max-height: 22vh;
 }

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

@@ -2,23 +2,29 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpenShiftVersionModal = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 const OpenShiftSelectWithSearch_1 = require("./OpenShiftSelectWithSearch");
 const formik_1 = require("formik");
 require("./OpenShiftVersionModal.css");
 const OpenShiftVersionModal = ({ allVersions, setOpenshiftVersionModalOpen, getHelperText, }) => {
     const { setFieldValue } = (0, formik_1.useFormikContext)();
-    const onCancel = () => {
-        setFieldValue('customOpenshiftSelect', null);
-        setOpenshiftVersionModalOpen(false);
+    const onClose = () => setOpenshiftVersionModalOpen(false);
+    const [customOpenshiftSelect, setCustomOpenshiftSelect] = (0, react_1.useState)(); // Cambiar el tipo según lo que esperes aquí
+    const handleSelect = () => {
+        if (customOpenshiftSelect) {
+            setFieldValue('customOpenshiftSelect', customOpenshiftSelect);
+        }
+        onClose();
     };
-    return (react_1.default.createElement(react_core_1.Modal, { title: "Available OpenShift Versions", id: "available-openshift-versions-modal", isOpen: true, actions: [
-            react_1.default.createElement(react_core_1.Button, { key: "select-custom-ocp", variant: react_core_1.ButtonVariant.primary, onClick: () => setOpenshiftVersionModalOpen(false) }, "Select"),
-            react_1.default.createElement(react_core_1.Button, { key: "close-custom-ocp", variant: react_core_1.ButtonVariant.link, onClick: onCancel }, "Cancel"),
-        ], onClose: onCancel, variant: react_core_1.ModalVariant.small },
-        react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__customOpenshiftSelect`, fieldId: 'customOpenshiftSelect', label: 'OpenShift version', isRequired: true },
-            react_1.default.createElement(OpenShiftSelectWithSearch_1.OpenShiftSelectWithSearch, { versions: allVersions, getHelperText: getHelperText }))));
+    return (react_1.default.createElement(react_core_1.Modal, { id: "available-openshift-versions-modal", isOpen: true, onClose: onClose, variant: react_core_1.ModalVariant.small },
+        react_1.default.createElement(react_core_1.ModalHeader, { title: "Available OpenShift Versions" }),
+        react_1.default.createElement(react_core_1.ModalBody, null,
+            react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__customOpenshiftSelect`, fieldId: 'customOpenshiftSelect', label: 'OpenShift version', isRequired: true },
+                react_1.default.createElement(OpenShiftSelectWithSearch_1.OpenShiftSelectWithSearch, { versions: allVersions, getHelperText: getHelperText, setCustomOpenshiftSelect: setCustomOpenshiftSelect }))),
+        react_1.default.createElement(react_core_1.ModalFooter, null,
+            react_1.default.createElement(react_core_1.Button, { key: "select-custom-ocp", variant: react_core_1.ButtonVariant.primary, onClick: handleSelect }, "Select"),
+            react_1.default.createElement(react_core_1.Button, { key: "close-custom-ocp", variant: react_core_1.ButtonVariant.link, onClick: onClose }, "Cancel"))));
 };
 exports.OpenShiftVersionModal = OpenShiftVersionModal;
 //# sourceMappingURL=OpenShiftVersionModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftVersionModal.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/OpenShiftVersionModal.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAA+F;AAC/F,2EAAwE;AAExE,mCAA0C;AAE1C,uCAAqC;AAQ9B,MAAM,qBAAqB,GAAG,CAAC,EACpC,WAAW,EACX,4BAA4B,EAC5B,aAAa,GACc,EAAE,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAgB,GAAwB,CAAC;IAEnE,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,aAAa,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;QAC7C,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,kBAAK,IACJ,KAAK,EAAC,8BAA8B,EACpC,EAAE,EAAC,oCAAoC,EACvC,MAAM,QACN,OAAO,EAAE;YACP,8BAAC,mBAAM,IACL,GAAG,EAAC,mBAAmB,EACvB,OAAO,EAAE,0BAAa,CAAC,OAAO,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,4BAA4B,CAAC,KAAK,CAAC,aAG3C;YACT,8BAAC,mBAAM,IAAC,GAAG,EAAC,kBAAkB,EAAC,OAAO,EAAE,0BAAa,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,aAEpE;SACV,EACD,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,yBAAY,CAAC,KAAK;QAE3B,8BAAC,sBAAS,IACR,EAAE,EAAE,qCAAqC,EACzC,OAAO,EAAE,uBAAuB,EAChC,KAAK,EAAE,mBAAmB,EAC1B,UAAU;YAEV,8BAAC,qDAAyB,IAAC,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,CACxE,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,qBAAqB,yBA0ChC"}
+{"version":3,"file":"OpenShiftVersionModal.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/OpenShiftVersionModal.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AACxC,uDASgC;AAChC,2EAAwE;AAExE,mCAA0C;AAE1C,uCAAqC;AAQ9B,MAAM,qBAAqB,GAAG,CAAC,EACpC,WAAW,EACX,4BAA4B,EAC5B,aAAa,GACc,EAAE,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAgB,GAAwB,CAAC;IACnE,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,GAA8B,CAAC,CAAC,4CAA4C;IAE9I,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,qBAAqB,EAAE;YACzB,aAAa,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CAAC;SAC/D;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,kBAAK,IACJ,EAAE,EAAC,oCAAoC,EACvC,MAAM,QACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,yBAAY,CAAC,KAAK;QAE3B,8BAAC,wBAAW,IAAC,KAAK,EAAC,8BAA8B,GAAG;QACpD,8BAAC,sBAAS;YACR,8BAAC,sBAAS,IACR,EAAE,EAAE,qCAAqC,EACzC,OAAO,EAAE,uBAAuB,EAChC,KAAK,EAAE,mBAAmB,EAC1B,UAAU;gBAEV,8BAAC,qDAAyB,IACxB,QAAQ,EAAE,WAAW,EACrB,aAAa,EAAE,aAAa,EAC5B,wBAAwB,EAAE,wBAAwB,GAClD,CACQ,CACF;QACZ,8BAAC,wBAAW;YACV,8BAAC,mBAAM,IAAC,GAAG,EAAC,mBAAmB,EAAC,OAAO,EAAE,0BAAa,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,aAE5E;YACT,8BAAC,mBAAM,IAAC,GAAG,EAAC,kBAAkB,EAAC,OAAO,EAAE,0BAAa,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,aAEnE,CACG,CACR,CACT,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,qBAAqB,yBAgDhC"}