refactor: update PropTypes

Author: mrholek

src/components/badge/CBadge.tsx

@@ -68,6 +68,7 @@ CBadge.propTypes = {
   color: colorPropType,
   component: PropTypes.string,
   shape: shapePropType,
+  size: PropTypes.oneOf(['sm']),
   textColor: PropTypes.string,
 }
 

src/components/offcanvas/COffcanvas.tsx

@@ -1,3 +1,4 @@
+import PropTypes from 'prop-types'
 import React, { forwardRef, HTMLAttributes, useCallback, useEffect, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
 import { Transition } from 'react-transition-group'
@@ -122,3 +123,17 @@ export const COffcanvas = forwardRef<HTMLDivElement, COffcanvasProps>(
     )
   },
 )
+
+COffcanvas.propTypes = {
+  backdrop: PropTypes.bool,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  keyboard: PropTypes.bool,
+  onDismiss: PropTypes.func,
+  placement: PropTypes.oneOf<'start' | 'end' | 'top' | 'bottom'>(['start', 'end', 'top', 'bottom'])
+    .isRequired,
+  portal: PropTypes.bool,
+  visible: PropTypes.bool,
+}
+
+COffcanvas.displayName = 'COffcanvas'

src/components/sidebar/CCreateNavItem.tsx

@@ -1,4 +1,5 @@
-import React, { ElementType, useMemo } from 'react'
+import PropTypes from 'prop-types'
+import React, { FC, ElementType, useMemo } from 'react'
 import { CNavGroup } from '../nav/CNavGroup'
 import { CNavGroupItems } from '../nav/CNavGroupItems'
 import { CNavItem } from '../nav/CNavItem'
@@ -20,7 +21,8 @@ interface CCreateNavItemProps {
   items: Array<object>
 }
 
-export const CCreateNavItem: React.FC<CCreateNavItemProps> = ({ items, idx }) => {
+export const CCreateNavItem: FC<CCreateNavItemProps> = ({ items, idx }) => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const renderItem = (item: any, index: number, idx?: string) => {
     const { _component, as, anchor, items, ...rest }: CSidebarNavItemGeneratorProps = item
     const components = { CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle }
@@ -47,3 +49,8 @@ export const CCreateNavItem: React.FC<CCreateNavItemProps> = ({ items, idx }) =>
 
   return <React.Fragment>{generatedItems}</React.Fragment>
 }
+
+CCreateNavItem.propTypes = {
+  idx: PropTypes.any,
+  items: PropTypes.any, // TODO: find better solution
+}

src/components/toast/CToaster.tsx

@@ -31,7 +31,6 @@ export interface CToasterProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
-  //@ts-expect-error
   ({ children, className, placement, push, ...rest }, ref) => {
     const [toasts, setToasts] = useState<ReactElement[]>([])
     const index = useRef<number>(0)
@@ -42,7 +41,7 @@ export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
     }, [push])
 
     // TODO: remove invisible items
-    const addToast = (push: any) => {
+    const addToast = (push: ReactElement) => {
       setToasts((state) => [
         ...state,
         React.cloneElement(push, {
@@ -52,8 +51,6 @@ export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
       ])
     }
 
-    // a.splice(a.findIndex(e => e.name === "tc_001"),1);
-
     const _className = classNames(
       'toaster toast-container p-3',
       {
@@ -77,15 +74,15 @@ export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
       ) : null
     }
 
-    return placement
-      ? typeof window !== 'undefined' && createPortal(toaster(ref), document.body)
+    return typeof window !== 'undefined' && placement
+      ? createPortal(toaster(ref), document.body)
       : toaster(ref)
   },
 )
 
 CToaster.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.any,
+  children: PropTypes.node,
+  className: PropTypes.string,
   placement: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.oneOf([

src/components/widgets/CWidgetProgressIcon.tsx

@@ -28,7 +28,6 @@ export interface CWidgetProgressIconProps extends HTMLAttributes<HTMLDivElement>
   progressValue?: number
   progressWhite?: boolean
   title?: string
-  text?: string
   /**
    * Sets the text color context of the component to one of CoreUI’s themed colors. [docs]
    *
@@ -47,7 +46,6 @@ export const CWidgetProgressIcon = forwardRef<HTMLDivElement, CWidgetProgressIco
       progressColor,
       progressValue,
       progressWhite,
-      text,
       textColor,
       title,
       value,
@@ -97,7 +95,6 @@ CWidgetProgressIcon.propTypes = {
   progressColor: PropTypes.string,
   progressValue: PropTypes.number,
   progressWhite: PropTypes.bool,
-  text: PropTypes.string,
   textColor: PropTypes.string,
   title: PropTypes.string,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),