refactor: resolve eslint warnings

Author: mrholek

packages/coreui-react/src/components/carousel/CCarousel.tsx

@@ -253,7 +253,7 @@ export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(
                       !animating && handleIndicatorClick(index)
                     }}
                     className={classNames({
-                      active: active === index
+                      active: active === index,
                     })}
                     data-coreui-target=""
                     {...(active === index && { 'aria-current': true })}

packages/coreui-react/src/components/close-button/CCloseButton.tsx

@@ -17,7 +17,7 @@ export interface CCloseButtonProps extends HTMLAttributes<HTMLButtonElement> {
   disabled?: boolean
   /**
    * Change the default color to white.
-   * 
+   *
    * @deprecated 5.0.0
    */
   white?: boolean

packages/coreui-react/src/components/dropdown/CDropdown.tsx

@@ -197,10 +197,16 @@ export const CDropdown = forwardRef<HTMLDivElement | HTMLLIElement, CDropdownPro
     }, [_visible])
 
     const handleKeydown = (event: KeyboardEvent) => {
-      if (_visible && dropdownMenuRef.current && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+      if (
+        _visible &&
+        dropdownMenuRef.current &&
+        (event.key === 'ArrowDown' || event.key === 'ArrowUp')
+      ) {
         event.preventDefault()
         const target = event.target as HTMLElement
-        const items: HTMLElement[] = Array.from(dropdownMenuRef.current.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'))
+        const items: HTMLElement[] = Array.from(
+          dropdownMenuRef.current.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'),
+        )
         getNextActiveElement(items, target, event.key === 'ArrowDown', true).focus()
       }
     }

packages/coreui-react/src/components/dropdown/CDropdownMenu.tsx

@@ -9,7 +9,6 @@ import { useForkedRef } from '../../hooks'
 
 import { getAlignmentClassNames } from './utils'
 
-
 export interface CDropdownMenuProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement> {
   /**
    * A string of all className you want applied to the base component.

packages/coreui-react/src/components/dropdown/CDropdownToggle.tsx

@@ -20,7 +20,7 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
   custom?: boolean
   /**
    * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
-   * 
+   *
    * @since v5.0.0-beta.1
    */
   navLink?: boolean

packages/coreui-react/src/components/dropdown/utils.ts

@@ -5,16 +5,17 @@ import type { Alignments, Breakpoints } from './types'
 export const getAlignmentClassNames = (alignment: Alignments) => {
   const classNames: string[] = []
   if (typeof alignment === 'object') {
-
     for (const key in alignment) {
-      classNames.push(`dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key as keyof Breakpoints]}`)
+      classNames.push(
+        `dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key as keyof Breakpoints]}`,
+      )
     }
   }
 
   if (typeof alignment === 'string') {
     classNames.push(`dropdown-menu-${alignment}`)
   }
-  
+
   return classNames
 }
 
@@ -69,4 +70,4 @@ export const getPlacement = (
   }
 
   return _placement
-}
+}

packages/coreui-react/src/components/widgets/CWidgetStatsA.tsx

@@ -40,10 +40,7 @@ export const CWidgetStatsA = forwardRef<HTMLDivElement, CWidgetStatsAProps>(
   ({ action, chart, className, color, title, value, ...rest }, ref) => {
     return (
       <CCard
-        className={classNames(
-          { [`bg-${color}`]: color, 'text-white': color },
-          className,
-        )}
+        className={classNames({ [`bg-${color}`]: color, 'text-white': color }, className)}
         {...rest}
         ref={ref}
       >

packages/coreui-react/src/components/widgets/__tests__/CWidgetStatsD.spec.tsx

@@ -41,9 +41,7 @@ test('CWidgetStatsD customize', async () => {
       expect(container.firstChild.lastChild.firstChild.firstChild).toHaveClass('fw-semibold')
       expect(container.firstChild.lastChild.firstChild.firstChild).toHaveTextContent('89K')
       expect(container.firstChild.lastChild.firstChild.lastChild).toHaveClass('text-uppercase')
-      expect(container.firstChild.lastChild.firstChild.lastChild).toHaveClass(
-        'text-body-secondary',
-      )
+      expect(container.firstChild.lastChild.firstChild.lastChild).toHaveClass('text-body-secondary')
       expect(container.firstChild.lastChild.firstChild.lastChild).toHaveClass('small')
       expect(container.firstChild.lastChild.firstChild.lastChild).toHaveTextContent('friends')
     }

packages/coreui-react/src/utils/getTransitionDurationFromElement.ts

@@ -21,4 +21,4 @@ const getTransitionDurationFromElement = (element: HTMLElement) => {
   return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * 1000
 }
 
-export default getTransitionDurationFromElement
+export default getTransitionDurationFromElement