fix: resolve typescript warnings

Author: mrholek

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

@@ -16,7 +16,7 @@ import { placementPropType } from '../../props'
 import type { Placements } from '../../types'
 import { isRTL } from '../../utils'
 
-import type { Alignments } from './types'
+import type { Alignments, Directions } from './types'
 import { getNextActiveElement, getPlacement } from './utils'
 
 export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIElement> {

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

@@ -1,13 +1,14 @@
 import type { Placement } from '@popperjs/core'
 import type { Placements } from '../../types'
-import type { Alignments } from './types'
+import type { Alignments, Breakpoints } from './types'
 
-export const getAlignmentClassNames = (alignment: object | string) => {
+export const getAlignmentClassNames = (alignment: Alignments) => {
   const classNames: string[] = []
   if (typeof alignment === 'object') {
-    Object.keys(alignment).map((key) => {
-      classNames.push(`dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key]}`)
-    })
+
+    for (const key in alignment) {
+      classNames.push(`dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key as keyof Breakpoints]}`)
+    }
   }
 
   if (typeof alignment === 'string') {

packages/coreui-react/src/components/nav/CNavGroup.tsx

@@ -10,6 +10,7 @@ import React, {
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { Transition } from 'react-transition-group'
+import type { TransitionStatus } from 'react-transition-group'
 
 import { CNavContext } from '../sidebar/CSidebarNav'
 export interface CNavGroupProps {
@@ -51,9 +52,7 @@ export const CNavGroup = forwardRef<HTMLLIElement, CNavGroupProps>(
     const { visibleGroup, setVisibleGroup } = useContext(CNavContext)
 
     const [_visible, setVisible] = useState(
-      Boolean(
-        visible || (idx && visibleGroup && isInVisibleGroup(visibleGroup, idx)),
-      ),
+      Boolean(visible || (idx && visibleGroup && isInVisibleGroup(visibleGroup, idx))),
     )
 
     useEffect(() => {
@@ -100,6 +99,7 @@ export const CNavGroup = forwardRef<HTMLLIElement, CNavGroupProps>(
       entered: { display: 'block', height: height },
       exiting: { display: 'block', height: height },
       exited: { height: height },
+      unmounted: {}
     }
 
     return (
@@ -124,7 +124,10 @@ export const CNavGroup = forwardRef<HTMLLIElement, CNavGroupProps>(
               className={classNames('nav-group-items', {
                 compact: compact,
               })}
-              style={{ ...style, ...transitionStyles[state] }}
+              style={{
+                ...style,
+                ...transitionStyles[state as TransitionStatus],
+              }}
               ref={navItemsRef}
             >
               {React.Children.map(children, (child, index) => {

tsconfig.json

@@ -14,7 +14,6 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "esModuleInterop": true,