diff --git a/frontend/package.json b/frontend/package.json index e9ac90013e1..738e514d833 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -135,22 +135,23 @@ }, "dependencies": { "@patternfly-5/patternfly": "npm:@patternfly/patternfly@5.4.2", - "@patternfly/patternfly": "^6.2.3", + "@patternfly/patternfly": "6.4.0-prerelease.2", "@patternfly/quickstarts": "^6.3.1", - "@patternfly/react-catalog-view-extension": "^6.1.0", - "@patternfly/react-charts": "^8.2.2", - "@patternfly/react-code-editor": "^6.2.2", - "@patternfly/react-component-groups": "6.2.0-prerelease.10", + "@patternfly/react-catalog-view-extension": "6.3.0-prerelease.1", + "@patternfly/react-charts": "8.4.0-prerelease.3", + "@patternfly/react-code-editor": "6.4.0-prerelease.2", + "@patternfly/react-component-groups": "6.4.0-prerelease.1", "@patternfly/react-console": "^6.0.0", - "@patternfly/react-core": "^6.2.2", - "@patternfly/react-data-view": "^6.2.0", - "@patternfly/react-icons": "^6.2.2", - "@patternfly/react-log-viewer": "6.3.0-prerelease.2", - "@patternfly/react-styles": "^6.2.2", - "@patternfly/react-table": "^6.2.2", - "@patternfly/react-templates": "^6.2.2", - "@patternfly/react-tokens": "^6.2.2", - "@patternfly/react-topology": "^6.2.0", + "@patternfly/react-core": "6.4.0-prerelease.2", + "@patternfly/react-data-view": "6.4.0-prerelease.3", + "@patternfly/react-drag-drop": "6.4.0-prerelease.2", + "@patternfly/react-icons": "6.4.0-prerelease.2", + "@patternfly/react-log-viewer": "6.4.0-prerelease.1", + "@patternfly/react-styles": "6.4.0-prerelease.2", + "@patternfly/react-table": "6.4.0-prerelease.3", + "@patternfly/react-templates": "6.4.0-prerelease.2", + "@patternfly/react-tokens": "6.4.0-prerelease.2", + "@patternfly/react-topology": "6.4.0-prerelease.1", "@patternfly/react-user-feedback": "^6.1.0", "@patternfly/react-virtualized-extension": "^6.0.0", "@rjsf/core": "^2.5.1", @@ -316,8 +317,8 @@ "node": ">=22.x" }, "resolutions": { - "@patternfly/react-component-groups": "6.2.0-prerelease.10", - "@patternfly/react-data-view": "^6.2.0", + "@patternfly/react-component-groups": "6.4.0-prerelease.1", + "@patternfly/react-data-view": "6.4.0-prerelease.3", "@types/react-router": "^5.1.20", "@types/react-router-dom": "5.3.x", "hosted-git-info": "^3.0.8", diff --git a/frontend/packages/console-app/src/components/access-modes/access-mode.tsx b/frontend/packages/console-app/src/components/access-modes/access-mode.tsx index e20951da8d9..d9f455e2060 100644 --- a/frontend/packages/console-app/src/components/access-modes/access-mode.tsx +++ b/frontend/packages/console-app/src/components/access-modes/access-mode.tsx @@ -67,17 +67,25 @@ export const AccessModeSelector: React.FC = (props) => setIsOpen(!isOpen); }; - const onSelect = (_event: undefined, value: { val: string; label: string }) => { - setIsOpen(!isOpen); - setSelected(value.label); - changeAccessMode(value.val); + const onSelect = ( + _event: React.MouseEvent | undefined, + value: string | number | undefined, + ) => { + if (typeof value === 'string') { + const option = getAccessModeOptions().find((opt) => opt.value === value); + if (option) { + setIsOpen(!isOpen); + setSelected(option.title); + changeAccessMode(option.value); + } + } }; const selectOptions = getAccessModeOptions().map((option) => { const disabled = !allowedAccessModes?.includes(option.value); return ( @@ -137,7 +145,6 @@ export const AccessModeSelector: React.FC = (props) => { + onSelect={(_, selectedValue: string | number | undefined) => { if (selectedValue && !disabled) { - onChange(selectedValue); + const selectedOption = options.find((opt) => opt.value === selectedValue); + if (selectedOption) { + onChange(selectedOption); + } } setIsOpen(false); }} @@ -103,7 +105,7 @@ const TelemetryAnalyticsSelect: React.FC<{ {options.map((option) => ( { + onSelect={(_, selectedValue?: string | number) => { if (selectedValue) { - onChange(selectedValue); + const selectedOption = options.find((opt) => opt.value === selectedValue); + if (selectedOption) { + onChange(selectedOption); + } } setIsOpen(false); }} aria-label={t('console-telemetry-plugin~Select option')} - maxHeight={300} onOpenChange={(open) => setIsOpen(open)} > {options.map((option) => ( diff --git a/frontend/packages/topology/src/components/modals/MoveConnectionModal.tsx b/frontend/packages/topology/src/components/modals/MoveConnectionModal.tsx index ec48335809a..7ff4f8efb0d 100644 --- a/frontend/packages/topology/src/components/modals/MoveConnectionModal.tsx +++ b/frontend/packages/topology/src/components/modals/MoveConnectionModal.tsx @@ -97,10 +97,12 @@ const MoveConnectionForm: React.FC<