@coreui/react-pro 5.0.0-beta.1 → 5.0.0-rc.0

package/src/components/smart-table/CSmartTable.tsx

@@ -15,6 +15,7 @@ import { CSmartTableProps } from './CSmartTableInterface'
 
 import { isObjectInArray } from '../../utils'
 
+import { ITEM_INTERNAL_KEYS } from './consts'
 import type { ColumnFilterValue, FooterItem, Item, SorterValue } from './types'
 import {
   filterColumns,
@@ -25,8 +26,6 @@ import {
   sortItems,
 } from './utils'
 
-export const ITEM_INTERNAL_KEYS = ['_cellProps', '_props', '_selectable', '_selected']
-
 export const CSmartTable = forwardRef<HTMLDivElement, CSmartTableProps>(
   (
     {

package/src/components/smart-table/CSmartTableBody.tsx

@@ -4,10 +4,10 @@ import PropTypes from 'prop-types'
 import { CTableBody, CTableBodyProps } from '../table/CTableBody'
 import { CFormCheck } from '../form'
 import { CTableDataCell, CTableRow } from '../table'
-import { ITEM_INTERNAL_KEYS } from './CSmartTable'
 
 import { isObjectInArray } from '../../utils'
 
+import { ITEM_INTERNAL_KEYS } from './consts'
 import type { Column, Item, ScopedColumns } from './types'
 import {
   getClickedColumnName,

package/src/components/smart-table/consts.ts

@@ -0,0 +1 @@
+export const ITEM_INTERNAL_KEYS = ['_cellProps', '_props', '_selectable', '_selected']

package/src/components/toast/CToaster.tsx

@@ -57,7 +57,7 @@ export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
         {toasts.length > 0 || children ? (
           <div
             className={classNames(
-              'toaster toast-container p-3',
+              'toaster toast-container',
               {
                 'position-fixed': placement,
                 'top-0': placement && placement.includes('top'),

package/src/components/toast/__tests__/__snapshots__/CToaster.spec.tsx.snap

@@ -3,7 +3,7 @@
 exports[`CToaster customize 1`] = `
 <div>
   <div
-    class="toaster toast-container p-3 bazinga"
+    class="toaster toast-container bazinga"
   />
   <button
     class="btn btn-primary"
@@ -17,7 +17,7 @@ exports[`CToaster customize 1`] = `
 exports[`loads and displays CToaster component 1`] = `
 <div>
   <div
-    class="toaster toast-container p-3"
+    class="toaster toast-container"
   >
     Test
   </div>

package/src/components/tooltip/__tests__/CTooltip.spec.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
-import ReactDOM from 'react-dom'
 import { act } from 'react-dom/test-utils'
-import { fireEvent } from '@testing-library/react'
+import { fireEvent, render } from '@testing-library/react'
 import '@testing-library/jest-dom'
 import { CTooltip, CLink } from '../../../index'
 
@@ -18,24 +17,20 @@ afterEach(() => {
 })
 
 test('loads and displays CTooltip component', async () => {
-  ReactDOM.render(
+  const { container } = render(
     <CTooltip content="content">
       <CLink>Test</CLink>
     </CTooltip>,
-    container,
   )
   expect(container).toMatchSnapshot()
 })
 
 test('CTooltip customize', async () => {
-  act(() => {
-    ReactDOM.render(
-      <CTooltip trigger="hover" placement="right" content="content">
-        <CLink className="link">Test</CLink>
-      </CTooltip>,
-      container,
-    )
-  })
+  const { container } = render(
+    <CTooltip trigger="hover" placement="right" content="content">
+      <CLink className="link">Test</CLink>
+    </CTooltip>,
+  )
   const link = document.querySelector('.link')
   act(() => {
     if (link !== null) {

package/src/components/widgets/CWidgetStatsA.tsx

@@ -40,10 +40,7 @@ export const CWidgetStatsA = forwardRef<HTMLDivElement, CWidgetStatsAProps>(
   ({ action, chart, className, color, title, value, ...rest }, ref) => {
     return (
       <CCard
-        className={classNames(
-          { [`bg-${color}`]: color, 'text-white': color },
-          className,
-        )}
+        className={classNames({ [`bg-${color}`]: color, 'text-white': color }, className)}
         {...rest}
         ref={ref}
       >

package/src/components/widgets/CWidgetStatsC.tsx

@@ -6,6 +6,7 @@ import { CProgress, CProgressProps } from '../progress/CProgress'
 
 import { colorPropType } from '../../props'
 import type { Colors } from '../../types'
+import classNames from 'classnames'
 
 export interface CWidgetStatsCProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
   /**
@@ -53,7 +54,16 @@ export const CWidgetStatsC = forwardRef<HTMLDivElement, CWidgetStatsCProps>(
         ref={ref}
       >
         <CCardBody>
-          {icon && <div className="text-end mb-4">{icon}</div>}
+          {icon && (
+            <div
+              className={classNames(
+                'text-end mb-4',
+                inverse ? 'text-white text-opacity-75' : 'text-body-secondary',
+              )}
+            >
+              {icon}
+            </div>
+          )}
           {value && <div className="fs-4 fw-semibold">{value}</div>}
           {title && (
             <div className={inverse ? 'text-white text-opacity-75' : 'text-body-secondary'}>

package/src/components/widgets/__tests__/CWidgetStatsD.spec.tsx

@@ -41,9 +41,7 @@ test('CWidgetStatsD customize', async () => {
       expect(container.firstChild.lastChild.firstChild.firstChild).toHaveClass('fw-semibold')
       expect(container.firstChild.lastChild.firstChild.firstChild).toHaveTextContent('89K')
       expect(container.firstChild.lastChild.firstChild.lastChild).toHaveClass('text-uppercase')
-      expect(container.firstChild.lastChild.firstChild.lastChild).toHaveClass(
-        'text-body-secondary',
-      )
+      expect(container.firstChild.lastChild.firstChild.lastChild).toHaveClass('text-body-secondary')
       expect(container.firstChild.lastChild.firstChild.lastChild).toHaveClass('small')
       expect(container.firstChild.lastChild.firstChild.lastChild).toHaveTextContent('friends')
     }

package/src/utils/getTransitionDurationFromElement.ts

@@ -21,4 +21,4 @@ const getTransitionDurationFromElement = (element: HTMLElement) => {
   return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * 1000
 }
 
-export default getTransitionDurationFromElement
+export default getTransitionDurationFromElement