style: improve syntax

mrholek · mrholek · commit d3281792f70a · 2021-05-20T19:40:58.000+02:00
diff --git a/src/components/Types.tsx b/src/components/Types.tsx
@@ -60,7 +60,7 @@ export const placementPropType = PropTypes.oneOf<Placements>([
   'right-end',
   'left-start',
   'left',
-  'left-end'
+  'left-end',
 ])
 
 export type Shapes =
diff --git a/src/components/alert/CAlert.tsx b/src/components/alert/CAlert.tsx
@@ -77,12 +77,7 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
         onExited={onDismissed}
         unmountOnExit
       >
-        <div
-          className={_className}
-          role="alert"
-          {...rest}
-          ref={ref}
-        >
+        <div className={_className} role="alert" {...rest} ref={ref}>
           {children}
           {dismissible && <CButtonClose onClick={() => setVisible(false)} />}
         </div>
diff --git a/src/components/card/CCardBody.tsx b/src/components/card/CCardBody.tsx
@@ -26,4 +26,4 @@ CCardBody.propTypes = {
   className: PropTypes.string,
 }
 
-CCardBody.displayName = 'CCardBody'
+CCardBody.displayName = 'CCardBody'
diff --git a/src/components/carousel/slides.ts b/src/components/carousel/slides.ts
@@ -7,4 +7,4 @@ export const slidesLight = [
   'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_1607923e7e2%20text%20%7B%20fill%3A%23AAA%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_1607923e7e2%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23F5F5F5%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22285.9296875%22%20y%3D%22217.75625%22%3EFirst%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
   'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa20%20text%20%7B%20fill%3A%23BBB%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa20%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23EEE%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22247.3203125%22%20y%3D%22218.3%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
   'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa21%20text%20%7B%20fill%3A%23999%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa21%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23E5E5E5%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22277%22%20y%3D%22218.3%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
-]
+]
diff --git a/src/components/dropdown/CDropdown.tsx b/src/components/dropdown/CDropdown.tsx
@@ -65,7 +65,7 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
   /**
    * Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item. [docs]
    */
-  variant?: 'btn-group' | 'dropdown' | 'input-group' |'nav-item'
+  variant?: 'btn-group' | 'dropdown' | 'input-group' | 'nav-item'
   /**
    * Toggle the visibility of dropdown menu component. [docs]
    *
@@ -160,7 +160,7 @@ export const CDropdown = forwardRef<HTMLDivElement | HTMLLIElement, CDropdownPro
         <Manager>
           {/* TODO: find solution how to handle click outside */}
           {variant === 'input-group' ? (
-            <>{ children }</>
+            <>{children}</>
           ) : (
             <Component className={_className} {...rest} ref={forkedRef}>
               {children}
diff --git a/src/components/dropdown/CDropdownToggle.tsx b/src/components/dropdown/CDropdownToggle.tsx
@@ -67,6 +67,8 @@ export const CDropdownToggle: FC<CDropdownToggleProps> = ({
     ...triggers,
   }
 
+  // TODO: find solution
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const Toggler = (ref?: React.Ref<any>) => {
     return variant === 'nav-item' ? (
       <a href="#" {...togglerProps} ref={ref}>
@@ -88,7 +90,7 @@ CDropdownToggle.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   split: PropTypes.bool,
-  trigger: triggerPropType
+  trigger: triggerPropType,
 }
 
 CDropdownToggle.displayName = 'CDropdownToggle'
diff --git a/src/components/form/CFormCheck.tsx b/src/components/form/CFormCheck.tsx
@@ -67,7 +67,7 @@ export interface CFormCheckProps extends HTMLAttributes<HTMLInputElement> {
    * @type checkbox' | 'radio'
    * @default 'checkbox'
    */
-  type?: 'checkbox' | 'radio' 
+  type?: 'checkbox' | 'radio'
   /**
    * Set component validation state to valid. [docs]
    */
diff --git a/src/components/modal/CModal.tsx b/src/components/modal/CModal.tsx
@@ -182,14 +182,17 @@ export const CModal: FC<CModalProps> = ({
 
 CModal.propTypes = {
   alignment: PropTypes.oneOf(['top', 'center']),
+  backdrop: PropTypes.bool,
   children: PropTypes.node,
   className: PropTypes.string,
   duration: PropTypes.number,
   fullscreen: PropTypes.oneOfType([
     PropTypes.bool,
     PropTypes.oneOf<'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(['sm', 'md', 'lg', 'xl', 'xxl']),
   ]),
+  keyboard: PropTypes.bool,
   onDismiss: PropTypes.func,
+  portal: PropTypes.bool,
   scrollable: PropTypes.bool,
   size: PropTypes.oneOf(['sm', 'lg', 'xl']),
   transition: PropTypes.bool,
diff --git a/src/components/nav/CNavGroupItems.tsx b/src/components/nav/CNavGroupItems.tsx
@@ -1,5 +1,5 @@
 import React, { forwardRef, HTMLAttributes } from 'react'
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
 export interface CNavGroupItemsProps extends HTMLAttributes<HTMLUListElement> {
@@ -22,7 +22,7 @@ export const CNavGroupItems = forwardRef<HTMLUListElement, CNavGroupItemsProps>(
 
 CNavGroupItems.propTypes = {
   children: PropTypes.node,
-  className: PropTypes.string
+  className: PropTypes.string,
 }
 
 CNavGroupItems.displayName = 'CNavGroupItems'
diff --git a/src/components/offcanvas/COffcanvasBody.tsx b/src/components/offcanvas/COffcanvasBody.tsx
@@ -26,4 +26,4 @@ COffcanvasBody.propTypes = {
   className: PropTypes.string,
 }
 
-COffcanvasBody.displayName = 'COffcanvasBody'
+COffcanvasBody.displayName = 'COffcanvasBody'
diff --git a/src/components/offcanvas/COffcanvasHeader.tsx b/src/components/offcanvas/COffcanvasHeader.tsx
@@ -23,7 +23,7 @@ export const COffcanvasHeader = forwardRef<HTMLDivElement, COffcanvasHeaderProps
 
 COffcanvasHeader.propTypes = {
   children: PropTypes.node,
-  className: PropTypes.string
+  className: PropTypes.string,
 }
 
 COffcanvasHeader.displayName = 'COffcanvasHeader'
diff --git a/src/components/toast/CToastHeader.tsx b/src/components/toast/CToastHeader.tsx
@@ -21,7 +21,7 @@ export const CToastHeader = forwardRef<HTMLDivElement, CToastHeaderProps>(
     return (
       <div className={_className} {...rest} ref={ref}>
         {children}
-        {close && <CToastClose/>}
+        {close && <CToastClose />}
       </div>
     )
   },
@@ -30,7 +30,7 @@ export const CToastHeader = forwardRef<HTMLDivElement, CToastHeaderProps>(
 CToastHeader.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
-  close: PropTypes.bool
+  close: PropTypes.bool,
 }
 
 CToastHeader.displayName = 'CToastHeader'
diff --git a/src/components/tooltip/CTooltip.tsx b/src/components/tooltip/CTooltip.tsx
@@ -1,5 +1,5 @@
 import React, { FC, ReactNode, useState } from 'react'
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types'
 import { createPortal } from 'react-dom'
 import { Manager, Popper, Reference } from 'react-popper'
 import { CSSTransition } from 'react-transition-group'
diff --git a/src/components/widgets/CWidgetBrand.tsx b/src/components/widgets/CWidgetBrand.tsx
@@ -37,6 +37,7 @@ export const CWidgetBrand = forwardRef<HTMLDivElement, CWidgetBrandProps>(
     const generatedItems = useMemo(() => {
       return (
         values &&
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         values.map((value: any, index: number) => {
           return (
             <React.Fragment key={index}>

Original file line number	Diff line number	Diff line change
`@@ -26,4 +26,4 @@ CCardBody.propTypes = {`
`26`	`26`	`className: PropTypes.string,`
`27`	`27`	`}`
`28`	`28`
`29`		`-CCardBody.displayName = 'CCardBody'`
	`29`	`+CCardBody.displayName = 'CCardBody'`
Original file line number	Diff line number	Diff line change
`@@ -26,4 +26,4 @@ COffcanvasBody.propTypes = {`
`26`	`26`	`className: PropTypes.string,`
`27`	`27`	`}`
`28`	`28`
`29`		`-COffcanvasBody.displayName = 'COffcanvasBody'`
	`29`	`+COffcanvasBody.displayName = 'COffcanvasBody'`