chore: replace deprecated useKeyOnly with getKeyOnly in modules/Dropdown

Author: dominikdosoudil

src/modules/Dropdown/Dropdown.js

@@ -16,8 +16,8 @@ import {
   makeDebugger,
   objectDiff,
   setRef,
-  useKeyOnly,
-  useKeyOrValueAndKey,
+  getKeyOnly,
+  getKeyOrValueAndKey,
 } from '../../lib'
 import Icon from '../../elements/Icon'
 import Label from '../../elements/Label'
@@ -1051,7 +1051,7 @@ class DropdownInner extends Component {
     // single menu child
     if (!childrenUtils.isNil(children)) {
       const menuChild = Children.only(children)
-      const className = cx(direction, useKeyOnly(open, 'visible'), menuChild.props.className)
+      const className = cx(direction, getKeyOnly(open, 'visible'), menuChild.props.className)
 
       return cloneElement(menuChild, { className, ...ariaOptions })
     }
@@ -1096,31 +1096,31 @@ class DropdownInner extends Component {
     // Classes
     const classes = cx(
       'ui',
-      useKeyOnly(open, 'active visible'),
-      useKeyOnly(disabled, 'disabled'),
-      useKeyOnly(error, 'error'),
-      useKeyOnly(loading, 'loading'),
-
-      useKeyOnly(basic, 'basic'),
-      useKeyOnly(button, 'button'),
-      useKeyOnly(compact, 'compact'),
-      useKeyOnly(fluid, 'fluid'),
-      useKeyOnly(floating, 'floating'),
-      useKeyOnly(inline, 'inline'),
+      getKeyOnly(open, 'active visible'),
+      getKeyOnly(disabled, 'disabled'),
+      getKeyOnly(error, 'error'),
+      getKeyOnly(loading, 'loading'),
+
+      getKeyOnly(basic, 'basic'),
+      getKeyOnly(button, 'button'),
+      getKeyOnly(compact, 'compact'),
+      getKeyOnly(fluid, 'fluid'),
+      getKeyOnly(floating, 'floating'),
+      getKeyOnly(inline, 'inline'),
       // TODO: consider augmentation to render Dropdowns as Button/Menu, solves icon/link item issues
       // https://github.com/Semantic-Org/Semantic-UI-React/issues/401#issuecomment-240487229
       // TODO: the icon class is only required when a dropdown is a button
-      // useKeyOnly(icon, 'icon'),
-      useKeyOnly(labeled, 'labeled'),
-      useKeyOnly(item, 'item'),
-      useKeyOnly(multiple, 'multiple'),
-      useKeyOnly(search, 'search'),
-      useKeyOnly(selection, 'selection'),
-      useKeyOnly(simple, 'simple'),
-      useKeyOnly(scrolling, 'scrolling'),
-      useKeyOnly(upward, 'upward'),
-
-      useKeyOrValueAndKey(pointing, 'pointing'),
+      // getKeyOnly(icon, 'icon'),
+      getKeyOnly(labeled, 'labeled'),
+      getKeyOnly(item, 'item'),
+      getKeyOnly(multiple, 'multiple'),
+      getKeyOnly(search, 'search'),
+      getKeyOnly(selection, 'selection'),
+      getKeyOnly(simple, 'simple'),
+      getKeyOnly(scrolling, 'scrolling'),
+      getKeyOnly(upward, 'upward'),
+
+      getKeyOrValueAndKey(pointing, 'pointing'),
       'dropdown',
       className,
     )

src/modules/Dropdown/DropdownItem.js

@@ -10,7 +10,7 @@ import {
   customPropTypes,
   getComponentType,
   getUnhandledProps,
-  useKeyOnly,
+  getKeyOnly,
 } from '../../lib'
 import Flag from '../../elements/Flag'
 import Icon from '../../elements/Icon'
@@ -41,9 +41,9 @@ const DropdownItem = React.forwardRef(function (props, ref) {
   }
 
   const classes = cx(
-    useKeyOnly(active, 'active'),
-    useKeyOnly(disabled, 'disabled'),
-    useKeyOnly(selected, 'selected'),
+    getKeyOnly(active, 'active'),
+    getKeyOnly(disabled, 'disabled'),
+    getKeyOnly(selected, 'selected'),
     'item',
     className,
   )

src/modules/Dropdown/DropdownMenu.js

@@ -7,7 +7,7 @@ import {
   customPropTypes,
   getComponentType,
   getUnhandledProps,
-  useKeyOnly,
+  getKeyOnly,
 } from '../../lib'
 
 /**
@@ -18,8 +18,8 @@ const DropdownMenu = React.forwardRef(function (props, ref) {
 
   const classes = cx(
     direction,
-    useKeyOnly(open, 'visible'),
-    useKeyOnly(scrolling, 'scrolling'),
+    getKeyOnly(open, 'visible'),
+    getKeyOnly(scrolling, 'scrolling'),
     'menu transition',
     className,
   )