[web] Use PF/Drowdown* from @patternfly/react-core/deprecated

As first step for moving to the new PF5/Dropdown component. See patternfly/patternfly-react#8835 and patternfly/patternfly-react#8868 Changes made by https://github.com/patternfly/pf-codemods
agama-project · Sep 12, 2023 · c686614 · c686614
1 parent 86dbd9e
commit c686614
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 9 deletions.
diff --git a/web/src/components/core/KebabMenu.jsx b/web/src/components/core/KebabMenu.jsx
@@ -20,7 +20,7 @@
  */
 
 import React, { useState } from "react";
-import { Dropdown, DropdownToggle } from "@patternfly/react-core";
+import { Dropdown, DropdownToggle } from '@patternfly/react-core/deprecated';
 import { Icon } from "~/components/layout";
 
 export default function KebabMenu({ items, position = "right", id = Date.now(), ...props }) {

diff --git a/web/src/components/core/PageOptions.jsx b/web/src/components/core/PageOptions.jsx
@@ -20,7 +20,8 @@
  */
 
 import React, { useState, useEffect, useRef } from 'react';
-import { Button, Dropdown, DropdownItem, DropdownGroup } from '@patternfly/react-core';
+import { Button } from '@patternfly/react-core';
+import { Dropdown, DropdownItem, DropdownGroup } from '@patternfly/react-core/deprecated';
 import { Icon, PageOptions as PageOptionsSlot } from "~/components/layout";
 
 /**

diff --git a/web/src/components/core/RowActions.jsx b/web/src/components/core/RowActions.jsx
@@ -20,7 +20,7 @@
  */
 
 import React from "react";
-import { DropdownToggle } from "@patternfly/react-core";
+import { DropdownToggle } from '@patternfly/react-core/deprecated';
 import { ActionsColumn } from '@patternfly/react-table';
 
 import { Icon } from '~/components/layout';

diff --git a/web/src/components/network/WifiNetworkMenu.jsx b/web/src/components/network/WifiNetworkMenu.jsx
@@ -20,7 +20,7 @@
  */
 
 import React from "react";
-import { DropdownItem } from "@patternfly/react-core";
+import { DropdownItem } from '@patternfly/react-core/deprecated';
 import { Icon } from "~/components/layout";
 import { KebabMenu } from "~/components/core";
 import { useInstallerClient } from "~/context/installer";

diff --git a/web/src/components/storage/DASDTable.jsx b/web/src/components/storage/DASDTable.jsx
@@ -22,10 +22,10 @@
 import React, { useState } from "react";
 import {
   Button,
-  Dropdown, DropdownToggle, DropdownItem, DropdownSeparator,
   TextInputGroup, TextInputGroupMain, TextInputGroupUtilities,
   Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem
 } from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem, DropdownSeparator } from '@patternfly/react-core/deprecated';
 import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
 import { sort } from 'fast-sort';
 
@@ -112,7 +112,7 @@ const Actions = ({ devices, isDisabled }) => {
         <Action key="format" onClick={format}>{_("Format")}</Action>
       ]}
       toggle={
-        <DropdownToggle toggleVariant="primary" isDisabled={isDisabled} onToggle={onToggle}>
+        <DropdownToggle toggleVariant="primary" isDisabled={isDisabled} onToggle={(_event, status) => onToggle(status)}>
           {/* TRANSLATORS: drop down menu label */}
           {_("Perform an action")}
         </DropdownToggle>

diff --git a/web/src/components/storage/ProposalVolumes.jsx b/web/src/components/storage/ProposalVolumes.jsx
@@ -21,11 +21,11 @@
 
 import React, { useState } from "react";
 import {
-  Dropdown, DropdownToggle, DropdownItem,
   List, ListItem,
   Skeleton,
   Toolbar, ToolbarContent, ToolbarItem
-} from "@patternfly/react-core";
+} from '@patternfly/react-core';
+import { Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core/deprecated';
 import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
 import { sprintf } from "sprintf-js";
 
@@ -130,7 +130,7 @@ const GeneralActions = ({ templates, onAdd, onReset }) => {
           </Action>
         ]}
         toggle={
-          <DropdownToggle toggleVariant="primary" onToggle={toggleActions}>
+          <DropdownToggle toggleVariant="primary" onToggle={(_event, status) => toggleActions(status)}>
             {/* TRANSLATORS: dropdown label */}
             {_("Actions")}
           </DropdownToggle>