styles: fix eslint warnings

Author: mrholek

packages/coreui-icons-react/src/__tests__/CIcon.spec.tsx

@@ -6,7 +6,6 @@ import CIcon from './../'
 // import { cifAu } from './../../../icons/js/flag/cif-au'
 
 describe('CIcon', () => {
-
   it('renders svg with class="icon"', () => {
     const { container } = render(<CIcon />)
     expect(container.firstChild).toHaveClass('icon')
@@ -19,7 +18,7 @@ describe('CIcon', () => {
   // })
 
   it('renders svg with size', () => {
-    const { container } = render(<CIcon size="xl"/>)
+    const { container } = render(<CIcon size="xl" />)
     expect(container.firstChild).toHaveClass('icon-xl')
   })
 

packages/coreui-react-chartjs/src/CChart.tsx

@@ -160,6 +160,7 @@ export const CChart = forwardRef<Chart | undefined, CChartProps>((props, ref) =>
     )
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleOnClick = (e: any) => {
     if (!chart) return
 
@@ -195,6 +196,7 @@ export const CChart = forwardRef<Chart | undefined, CChartProps>((props, ref) =>
 
     // copy values
     assign(chart.config.data, newChartData)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     chart.config.data.datasets = newDataSets.map((newDataSet: any) => {
       // given the new set, find it's current match
       const currentDataSet = find(

packages/coreui-react-chartjs/src/__tests__/CChart.spec.tsx

@@ -24,6 +24,7 @@ describe('<CChart />', () => {
     responsive: false,
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let chart: any, update: any, destroy: any
   const ref = (el: Chart | null): void => {
     chart = el

packages/coreui-react/src/utils/hooks/useForkedRef.ts

@@ -9,13 +9,15 @@ export type AssignableRef<ValueType> =
     }['bivarianceHack']
   | React.MutableRefObject<ValueType | null>
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useForkedRef<RefValueType = any>(
   ...refs: (AssignableRef<RefValueType> | null | undefined)[]
 ) {
   return useMemo(() => {
     if (refs.every((ref) => ref == null)) {
       return null
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (node: any) => {
       refs.forEach((ref) => {
         assignRef(ref, node)
@@ -24,8 +26,10 @@ export function useForkedRef<RefValueType = any>(
   }, refs)
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function assignRef<RefValueType = any>(
   ref: AssignableRef<RefValueType> | null | undefined,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   value: any,
 ) {
   if (ref == null) return
@@ -40,6 +44,7 @@ export function assignRef<RefValueType = any>(
   }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
 export function isFunction(value: any): value is Function {
   return !!(value && {}.toString.call(value) == '[object Function]')
 }

packages/docs/src/plugins/gatsby-remark-import-markdown/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 'use strict'
 
 const fs = require('fs')
@@ -34,7 +35,7 @@ module.exports = function (_ref, _temp) {
 
       const code = fs.readFileSync(path, 'utf8')
 
-      const markdown = unified().use(parse).use(html, {sanitize: false})
+      const markdown = unified().use(parse).use(html, { sanitize: false })
 
       try {
         parent.value = `<div class=\"markdown\">${markdown.processSync(code)}</div>`

packages/docs/src/templates/Docs.tsx

@@ -37,7 +37,7 @@ const DocsLayout: FC = ({ data: { mdx } }) => {
           setSidebarVisible,
         }}
       >
-        <Sidebar currentRoute={mdx.frontmatter.route}/>
+        <Sidebar currentRoute={mdx.frontmatter.route} />
         <div className="wrapper d-flex flex-column min-vh-100">
           <Header />
           <div className="body flex-grow-1 px-3">

packages/docs/src/templates/Layout.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react'
 import PropTypes from 'prop-types'
 import Helmet from 'react-helmet'
-import { Footer, Header, Seo, Sidebar } from './../components/'
+import { Footer, Header } from './../components/'
 import './../styles/styles.scss'
 import { CContainer } from '@coreui/react/src/index'