refactor: update interfaces and proptypes

Author: mrholek

src/components/dropdown/CDropdown.tsx

@@ -176,8 +176,19 @@ export const CDropdown = forwardRef<HTMLDivElement | HTMLLIElement, CDropdownPro
   },
 )
 
+const alignmentDirection = PropTypes.oneOf<Directions>(['start', 'end'])
+
 CDropdown.propTypes = {
-  alignment: PropTypes.any, // TODO: fix; add proper PropTypes
+  // @ts-expect-error TODO: we have to find a solution
+  alignment: PropTypes.oneOfType([
+    alignmentDirection,
+    PropTypes.shape({ xs: alignmentDirection }),
+    PropTypes.shape({ sm: alignmentDirection }),
+    PropTypes.shape({ md: alignmentDirection }),
+    PropTypes.shape({ lg: alignmentDirection }),
+    PropTypes.shape({ xl: alignmentDirection }),
+    PropTypes.shape({ xxl: alignmentDirection }),
+  ]),
   children: PropTypes.node,
   className: PropTypes.string,
   component: PropTypes.elementType,

src/components/grid/CCol.tsx

@@ -66,7 +66,7 @@ const BREAKPOINTS = [
 
 export const CCol = forwardRef<HTMLDivElement, CColProps>(
   ({ children, className, ...rest }, ref) => {
-    const repsonsiveCLassNames: Array<string> = []
+    const repsonsiveCLassNames: string[] = []
 
     BREAKPOINTS.forEach((bp) => {
       const breakpoint = rest[bp]

src/components/grid/CContainer.tsx

@@ -45,7 +45,7 @@ const BREAKPOINTS = [
 
 export const CContainer = forwardRef<HTMLDivElement, CContainerProps>(
   ({ children, className, ...rest }, ref) => {
-    const repsonsiveCLassNames: Array<string> = []
+    const repsonsiveCLassNames: string[] = []
 
     BREAKPOINTS.forEach((bp) => {
       const breakpoint = rest[bp]

src/components/grid/CRow.tsx

@@ -63,7 +63,7 @@ const BREAKPOINTS = [
 
 export const CRow = forwardRef<HTMLDivElement, CRowProps>(
   ({ children, className, ...rest }, ref) => {
-    const repsonsiveCLassNames: Array<string> = []
+    const repsonsiveCLassNames: string[] = []
 
     BREAKPOINTS.forEach((bp) => {
       const breakpoint = rest[bp]

src/components/pagination/CPagination.tsx

@@ -25,8 +25,8 @@ export const CPagination = forwardRef<HTMLUListElement, CPaginationProps>(
 )
 
 CPagination.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.any,
+  children: PropTypes.node,
+  className: PropTypes.string,
   size: PropTypes.oneOf(['sm', 'lg']),
 }
 

src/components/popover/CPopover.tsx

@@ -112,7 +112,7 @@ export const CPopover: FC<CPopoverProps> = ({
 }
 
 CPopover.propTypes = {
-  children: PropTypes.any,
+  children: PropTypes.node,
   placement: PropTypes.oneOf([
     'auto',
     'top-end',

src/components/popover/CPopoverContent.tsx

@@ -32,7 +32,7 @@ export const CPopoverContent = forwardRef<HTMLDivElement, CPopoverContentProps>(
 CPopoverContent.propTypes = {
   arrowProps: PropTypes.any,
   content: PropTypes.node,
-  placementClassNamePostfix: PropTypes.any,
+  placementClassNamePostfix: PropTypes.string,
   style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   title: PropTypes.string,
   transitionClass: PropTypes.string,

src/components/progress/CProgressBar.tsx

@@ -18,7 +18,6 @@ export interface CProgressBarProps extends HTMLAttributes<HTMLDivElement> {
    * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
    *
    * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
-   * @default 'primary'
    */
   color?: Colors
   /**
@@ -29,8 +28,6 @@ export interface CProgressBarProps extends HTMLAttributes<HTMLDivElement> {
   value?: number
   /**
    * Set the progress bar variant to optional striped. [docs]
-   *
-   * @default 'undefined'
    */
   variant?: 'striped'
 }
@@ -69,7 +66,7 @@ CProgressBar.propTypes = {
   className: PropTypes.string,
   color: colorPropType,
   value: PropTypes.number,
-  variant: PropTypes.any,
+  variant: PropTypes.oneOf(['striped']),
 }
 
 CProgressBar.displayName = 'CProgressBar'

src/components/sidebar/CSidebar.tsx

@@ -161,8 +161,8 @@ export const CSidebar = forwardRef<HTMLDivElement, CSidebarProps>(
 )
 
 CSidebar.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.any,
+  children: PropTypes.node,
+  className: PropTypes.string,
   narrow: PropTypes.bool,
   onHide: PropTypes.func,
   onShow: PropTypes.func,

src/components/toast/CToaster.tsx

@@ -10,7 +10,7 @@ export interface CToasterProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * Describes the placement of your component. [docs]
    *
-   * @type 'top-start' | 'top' | 'top-end' | 'middle-start' | 'middle' | 'middle-end' | 'bottom-start' | 'bottom' | 'bottom-end' |
+   * @type 'top-start' | 'top' | 'top-end' | 'middle-start' | 'middle' | 'middle-end' | 'bottom-start' | 'bottom' | 'bottom-end' | string
    * @default 'top-end'
    */
   placement?:
@@ -31,7 +31,7 @@ export interface CToasterProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
-  ({ children, className, placement, push, ...rest }, ref) => {
+  ({ children, className, placement = 'top-end', push, ...rest }, ref) => {
     const [toasts, setToasts] = useState<ReactElement[]>([])
     const index = useRef<number>(0)