refactor: syntax formatting and cleaning

Author: mrholek

packages/coreui-react/src/components/accordion/CAccordionBody.tsx

@@ -5,6 +5,7 @@ import classNames from 'classnames'
 import { CAccordionItemContext } from './CAccordionItem'
 
 import { CCollapse } from './../collapse/CCollapse'
+
 export interface CAccordionBodyProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * A string of all className you want applied to the base component.

packages/coreui-react/src/components/accordion/CAccordionCollapse.tsx

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
+
 import { CCollapse, CCollapseProps } from '../collapse/CCollapse'
 
 export const CAccordionCollapse = forwardRef<HTMLDivElement, Omit<CCollapseProps, 'horizontal'>>(

packages/coreui-react/src/components/backdrop/CBackdrop.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef, HTMLAttributes, useRef } from 'react'
-import { Transition } from 'react-transition-group'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
+import { Transition } from 'react-transition-group'
 
 import { useForkedRef } from '../../hooks'
 

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

@@ -2,8 +2,7 @@ import React, { ElementType, forwardRef } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { CLinkProps } from '../link/CLink'
-import { CLink } from '../link/CLink'
+import { CLink, CLinkProps } from '../link/CLink'
 
 export interface CDropdownItemProps extends CLinkProps {
   /**

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

@@ -4,6 +4,7 @@ import classNames from 'classnames'
 import { Reference } from 'react-popper'
 
 import { CButton, CButtonProps } from '../button/CButton'
+
 import { CDropdownContext } from './CDropdown'
 
 import { useForkedRef } from '../../hooks'

packages/coreui-react/src/components/form/CFormControlValidation.tsx

@@ -1,5 +1,4 @@
 import React, { FC, ReactNode } from 'react'
-
 import PropTypes from 'prop-types'
 
 import { CFormFeedback } from './CFormFeedback'

packages/coreui-react/src/components/form/CFormControlWrapper.tsx

@@ -1,5 +1,4 @@
 import React, { FC, ReactNode } from 'react'
-
 import PropTypes from 'prop-types'
 
 import { CFormControlValidation, CFormControlValidationProps } from './CFormControlValidation'

packages/coreui-react/src/components/form/CFormInput.tsx

@@ -1,10 +1,14 @@
-import React, { ChangeEventHandler, forwardRef, InputHTMLAttributes, useState } from 'react'
-
-import classNames from 'classnames'
+import React, {
+  ChangeEventHandler,
+  forwardRef,
+  InputHTMLAttributes,
+  useEffect,
+  useState,
+} from 'react'
 import PropTypes from 'prop-types'
+import classNames from 'classnames'
 
 import { CFormControlWrapper, CFormControlWrapperProps } from './CFormControlWrapper'
-import { useEffect } from 'react'
 
 export interface CFormInputProps
   extends CFormControlWrapperProps,

packages/coreui-react/src/components/form/CFormRange.tsx

@@ -1,7 +1,6 @@
 import React, { ChangeEventHandler, forwardRef, InputHTMLAttributes, ReactNode } from 'react'
-
-import classNames from 'classnames'
 import PropTypes from 'prop-types'
+import classNames from 'classnames'
 
 import { CFormLabel } from './CFormLabel'
 export interface CFormRangeProps extends InputHTMLAttributes<HTMLInputElement> {

packages/coreui-react/src/components/form/CFormSelect.tsx

@@ -1,7 +1,6 @@
 import React, { ChangeEventHandler, forwardRef, InputHTMLAttributes } from 'react'
-
-import classNames from 'classnames'
 import PropTypes from 'prop-types'
+import classNames from 'classnames'
 
 import { CFormControlWrapper, CFormControlWrapperProps } from './CFormControlWrapper'
 

packages/coreui-react/src/components/form/CFormTextarea.tsx

@@ -1,7 +1,6 @@
 import React, { ChangeEventHandler, forwardRef, TextareaHTMLAttributes } from 'react'
-
-import classNames from 'classnames'
 import PropTypes from 'prop-types'
+import classNames from 'classnames'
 
 import { CFormControlWrapper, CFormControlWrapperProps } from './CFormControlWrapper'
 

packages/coreui-react/src/components/modal/CModal.tsx

@@ -13,12 +13,12 @@ import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { Transition } from 'react-transition-group'
 
-import { useForkedRef } from '../../hooks'
-
 import { CBackdrop } from '../backdrop/CBackdrop'
 import { CModalContent } from './CModalContent'
 import { CModalDialog } from './CModalDialog'
 
+import { useForkedRef } from '../../hooks'
+
 export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * Align the modal in the center or top of the screen.

packages/coreui-react/src/components/modal/CModalHeader.tsx

@@ -1,9 +1,10 @@
 import React, { forwardRef, HTMLAttributes, useContext } from 'react'
 import PropTypes from 'prop-types'
-import { CModalContext } from './CModal'
-import { CCloseButton } from '../close-button/CCloseButton'
 import classNames from 'classnames'
 
+import { CCloseButton } from '../close-button/CCloseButton'
+import { CModalContext } from './CModal'
+
 export interface CModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * A string of all className you want applied to the base component.

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

@@ -1,6 +1,7 @@
 import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
+
 import { CNavLink, CNavLinkProps } from './CNavLink'
 
 export const CNavItem = forwardRef<HTMLLIElement, CNavLinkProps>(

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

@@ -2,10 +2,10 @@ import React, { ElementType, forwardRef, useContext, useEffect, useRef } from 'r
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { useForkedRef } from '../../hooks'
-
-import { CNavContext } from '../sidebar/CSidebarNav'
 import { CLinkProps, CLink } from '../link/CLink'
+import { CNavContext } from '../sidebar/CSidebarNav'
+
+import { useForkedRef } from '../../hooks'
 
 export interface CNavLinkProps extends Omit<CLinkProps, 'idx'> {
   /**

packages/coreui-react/src/components/offcanvas/COffcanvas.tsx

@@ -1,12 +1,13 @@
-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'
+import PropTypes from 'prop-types'
 import classNames from 'classnames'
+import { Transition } from 'react-transition-group'
 
-import { useForkedRef } from '../../hooks'
 import { CBackdrop } from '../backdrop/CBackdrop'
 
+import { useForkedRef } from '../../hooks'
+
 export interface COffcanvasProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * Apply a backdrop on body while offcanvas is open.

packages/coreui-react/src/components/progress/CProgress.tsx

@@ -1,6 +1,7 @@
 import React, { forwardRef, HTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
+
 import { CProgressBar, CProgressBarProps } from './CProgressBar'
 
 export interface CProgressProps

packages/coreui-react/src/components/progress/CProgressBar.tsx

@@ -4,6 +4,7 @@ import classNames from 'classnames'
 
 import { colorPropType } from '../../props'
 import type { Colors } from '../../types'
+
 export interface CProgressBarProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * Use to animate the stripes right to left via CSS3 animations.

packages/coreui-react/src/components/sidebar/CSidebar.tsx

@@ -3,9 +3,10 @@ import { createPortal } from 'react-dom'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
+import { CBackdrop } from '../backdrop/CBackdrop'
+
 import { isInViewport } from '../../utils'
 import { useForkedRef } from '../../hooks'
-import { CBackdrop } from '../backdrop/CBackdrop'
 
 export interface CSidebarProps extends HTMLAttributes<HTMLDivElement> {
   /**

packages/coreui-react/src/components/tabs/CTabPane.tsx

@@ -4,6 +4,7 @@ import classNames from 'classnames'
 import { Transition } from 'react-transition-group'
 
 import { useForkedRef } from '../../hooks'
+
 export interface CTabPaneProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * A string of all className you want applied to the base component.

packages/coreui-react/src/components/toast/CToast.tsx

@@ -6,9 +6,9 @@ import React, {
   useRef,
   useState,
 } from 'react'
-import { Transition } from 'react-transition-group'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
+import { Transition } from 'react-transition-group'
 
 import { useForkedRef } from '../../hooks'
 import { colorPropType } from '../../props'

packages/coreui-react/src/components/toast/CToastClose.tsx

@@ -1,9 +1,9 @@
 import React, { ElementType, forwardRef, useContext } from 'react'
 import PropTypes from 'prop-types'
 import { CToastContext } from './CToast'
-import { CCloseButton, CCloseButtonProps } from '../close-button/CCloseButton'
 
-import type { CButtonProps } from '../button/CButton'
+import { CButtonProps } from '../button/CButton'
+import { CCloseButton, CCloseButtonProps } from '../close-button/CCloseButton'
 
 type CombineButtonProps = CCloseButtonProps & CButtonProps
 export interface CToastCloseProps extends CombineButtonProps {

packages/coreui-react/src/components/toast/CToaster.tsx

@@ -1,7 +1,8 @@
 import React, { forwardRef, HTMLAttributes, useEffect, useState, useRef, ReactElement } from 'react'
-import PropTypes from 'prop-types'
 import { createPortal } from 'react-dom'
+import PropTypes from 'prop-types'
 import classNames from 'classnames'
+
 export interface CToasterProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * A string of all className you want applied to the base component.

packages/coreui-react/src/components/tooltip/CTooltip.tsx

@@ -1,7 +1,7 @@
 import React, { FC, HTMLAttributes, ReactNode, useEffect, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
-import classNames from 'classnames'
 import PropTypes from 'prop-types'
+import classNames from 'classnames'
 import { usePopper } from 'react-popper'
 import { Transition } from 'react-transition-group'
 

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

@@ -2,8 +2,7 @@ import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { CCard } from '../card/CCard'
-import { CCardBody } from '../card/CCardBody'
+import { CCard, CCardBody } from '../card'
 
 import { colorPropType } from '../../props'
 import type { Colors } from '../../types'

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

@@ -1,8 +1,7 @@
 import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 
-import { CCard } from '../card/CCard'
-import { CCardBody } from '../card/CCardBody'
+import { CCard, CCardBody } from '../card'
 import { CProgress, CProgressProps } from '../progress/CProgress'
 
 import { colorPropType } from '../../props'

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

@@ -1,8 +1,7 @@
 import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 
-import { CCard } from '../card/CCard'
-import { CCardBody } from '../card/CCardBody'
+import { CCard, CCardBody } from '../card'
 import { CProgress, CProgressProps } from '../progress/CProgress'
 
 import { colorPropType } from '../../props'

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

@@ -2,9 +2,7 @@ import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { CCard } from '../card/CCard'
-import { CCardBody } from '../card/CCardBody'
-import { CCardHeader } from '../card/CCardHeader'
+import { CCard, CCardBody, CCardHeader } from '../card'
 import { CCol } from '../grid/CCol'
 
 import { colorPropType } from '../../props'

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

@@ -2,8 +2,7 @@ import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { CCard } from '../card/CCard'
-import { CCardBody } from '../card/CCardBody'
+import { CCard, CCardBody } from '../card'
 
 export interface CWidgetStatsEProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
   /**

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

@@ -2,9 +2,7 @@ import React, { forwardRef, HTMLAttributes, ReactNode } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { CCard } from '../card/CCard'
-import { CCardBody } from '../card/CCardBody'
-import { CCardFooter } from '../card/CCardFooter'
+import { CCard, CCardBody, CCardFooter } from '../card'
 
 import { colorPropType } from '../../props'
 import type { Colors } from '../../types'