@coreui/react-pro 5.13.0 → 5.14.1

package/dist/esm/hooks/usePopper.js

@@ -2,8 +2,8 @@ import { useRef } from 'react';
 import { createPopper } from '@popperjs/core';
 
 var usePopper = function () {
-    var _popper = useRef();
-    var el = useRef();
+    var _popper = useRef(undefined);
+    var el = useRef(null);
     var initPopper = function (reference, popper, options) {
         _popper.current = createPopper(reference, popper, options);
         el.current = popper;

package/dist/esm/hooks/usePopper.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopper.js","sources":["../../../src/hooks/usePopper.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAWa,IAAA,SAAS,GAAG,YAAA;AACvB,IAAA,IAAM,OAAO,GAAG,MAAM,EAAY;AAClC,IAAA,IAAM,EAAE,GAAG,MAAM,EAAe;AAEhC,IAAA,IAAM,UAAU,GAAG,UAAC,SAAsB,EAAE,MAAmB,EAAE,OAAyB,EAAA;QACxF,OAAO,CAAC,OAAO,GAAG,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AAC1D,QAAA,EAAE,CAAC,OAAO,GAAG,MAAM;AACrB,KAAC;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;AACpB,QAAA,IAAM,cAAc,GAAG,OAAO,CAAC,OAAO;AAEtC,QAAA,IAAI,cAAc,IAAI,EAAE,CAAC,OAAO,EAAE;YAChC,cAAc,CAAC,OAAO,EAAE;;AAG1B,QAAA,OAAO,CAAC,OAAO,GAAG,SAAS;AAC7B,KAAC;IAED,IAAM,YAAY,GAAG,UAAC,OAA0B,EAAA;AAC9C,QAAA,IAAM,cAAc,GAAG,OAAO,CAAC,OAAO;AAEtC,QAAA,IAAI,cAAc,IAAI,OAAO,EAAE;AAC7B,YAAA,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC;;QAGpC,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,MAAM,EAAE;;AAE3B,KAAC;IAED,OAAO;QACL,MAAM,EAAE,OAAO,CAAC,OAAO;AACvB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,aAAa,EAAA,aAAA;AACb,QAAA,YAAY,EAAA,YAAA;KACb;AACH;;;;"}
+{"version":3,"file":"usePopper.js","sources":["../../../src/hooks/usePopper.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAWa,IAAA,SAAS,GAAG,YAAA;AACvB,IAAA,IAAM,OAAO,GAAG,MAAM,CAAW,SAAS,CAAC;AAC3C,IAAA,IAAM,EAAE,GAAG,MAAM,CAAc,IAAI,CAAC;AAEpC,IAAA,IAAM,UAAU,GAAG,UAAC,SAAsB,EAAE,MAAmB,EAAE,OAAyB,EAAA;QACxF,OAAO,CAAC,OAAO,GAAG,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AAC1D,QAAA,EAAE,CAAC,OAAO,GAAG,MAAM;AACrB,KAAC;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;AACpB,QAAA,IAAM,cAAc,GAAG,OAAO,CAAC,OAAO;AAEtC,QAAA,IAAI,cAAc,IAAI,EAAE,CAAC,OAAO,EAAE;YAChC,cAAc,CAAC,OAAO,EAAE;;AAG1B,QAAA,OAAO,CAAC,OAAO,GAAG,SAAS;AAC7B,KAAC;IAED,IAAM,YAAY,GAAG,UAAC,OAA0B,EAAA;AAC9C,QAAA,IAAM,cAAc,GAAG,OAAO,CAAC,OAAO;AAEtC,QAAA,IAAI,cAAc,IAAI,OAAO,EAAE;AAC7B,YAAA,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC;;QAGpC,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,MAAM,EAAE;;AAE3B,KAAC;IAED,OAAO;QACL,MAAM,EAAE,OAAO,CAAC,OAAO;AACvB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,aAAa,EAAA,aAAA;AACb,QAAA,YAAY,EAAA,YAAA;KACb;AACH;;;;"}

package/dist/esm/index.js

@@ -115,6 +115,7 @@ export { CSidebarToggler } from './components/sidebar/CSidebarToggler.js';
 export { CSidebarHeader } from './components/sidebar/CSidebarHeader.js';
 export { CSidebarNav } from './components/sidebar/CSidebarNav.js';
 export { CSpinner } from './components/spinner/CSpinner.js';
+export { CStepper } from './components/stepper/CStepper.js';
 export { CTable } from './components/table/CTable.js';
 export { CTableBody } from './components/table/CTableBody.js';
 export { CTableCaption } from './components/table/CTableCaption.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/utils/index.d.ts

@@ -2,9 +2,8 @@ import executeAfterTransition from './executeAfterTransition';
 import getNextActiveElement from './getNextActiveElement';
 import getRTLPlacement from './getRTLPlacement';
 import getTransitionDurationFromElement from './getTransitionDurationFromElement';
-import isEqual from './isEqual';
 import isInViewport from './isInViewport';
 import isObjectInArray from './isObjectInArray';
 import isRTL from './isRTL';
 import mergeClassNames from './mergeClassNames';
-export { executeAfterTransition, getNextActiveElement, getRTLPlacement, getTransitionDurationFromElement, isEqual, isInViewport, isObjectInArray, isRTL, mergeClassNames, };
+export { executeAfterTransition, getNextActiveElement, getRTLPlacement, getTransitionDurationFromElement, isInViewport, isObjectInArray, isRTL, mergeClassNames, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-pro",
-  "version": "5.13.0",
+  "version": "5.14.1",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui-pro": "^5.11.0",
+    "@coreui/coreui-pro": "^5.12.0",
     "@popperjs/core": "^2.11.8",
     "prop-types": "^15.8.1"
   },
@@ -54,8 +54,8 @@
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.14",
     "@types/prop-types": "15.7.14",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.3",
     "@types/react-transition-group": "^4.4.12",
     "classnames": "^2.5.1",
     "cross-env": "^7.0.3",
@@ -65,7 +65,7 @@
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "rollup": "^4.40.0",
+    "rollup": "^4.40.1",
     "ts-jest": "^29.3.2",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3"

package/src/components/accordion/CAccordion.tsx

@@ -1,7 +1,9 @@
-import React, { createContext, forwardRef, HTMLAttributes, useState } from 'react'
+import React, { forwardRef, HTMLAttributes, useState } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
+import { CAccordionContext } from './CAccordionContext'
+
 export interface CAccordionProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * The active item key.
@@ -21,14 +23,6 @@ export interface CAccordionProps extends HTMLAttributes<HTMLDivElement> {
   flush?: boolean
 }
 
-export interface CAccordionContextProps {
-  _activeItemKey?: number | string
-  alwaysOpen?: boolean
-  setActiveKey: React.Dispatch<React.SetStateAction<number | string | undefined>>
-}
-
-export const CAccordionContext = createContext({} as CAccordionContextProps)
-
 export const CAccordion = forwardRef<HTMLDivElement, CAccordionProps>(
   ({ children, activeItemKey, alwaysOpen = false, className, flush, ...rest }, ref) => {
     const [_activeItemKey, setActiveKey] = useState(activeItemKey)
@@ -48,8 +42,8 @@ export const CAccordion = forwardRef<HTMLDivElement, CAccordionProps>(
 )
 
 CAccordion.propTypes = {
-  alwaysOpen: PropTypes.bool,
   activeItemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  alwaysOpen: PropTypes.bool,
   children: PropTypes.node,
   className: PropTypes.string,
   flush: PropTypes.bool,

package/src/components/accordion/CAccordionBody.tsx

@@ -2,9 +2,8 @@ import React, { forwardRef, HTMLAttributes, useContext } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { CAccordionItemContext } from './CAccordionItem'
-
 import { CCollapse } from './../collapse/CCollapse'
+import { CAccordionItemContext } from './CAccordionItemContext'
 
 export interface CAccordionBodyProps extends HTMLAttributes<HTMLDivElement> {
   /**

package/src/components/accordion/CAccordionButton.tsx

@@ -2,7 +2,7 @@ import React, { forwardRef, HTMLAttributes, useContext } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { CAccordionItemContext } from './CAccordionItem'
+import { CAccordionItemContext } from './CAccordionItemContext'
 
 export interface CAccordionButtonProps extends HTMLAttributes<HTMLButtonElement> {
   /**
@@ -28,7 +28,7 @@ export const CAccordionButton = forwardRef<HTMLButtonElement, CAccordionButtonPr
         {children}
       </button>
     )
-  },
+  }
 )
 
 CAccordionButton.propTypes = {

package/src/components/accordion/CAccordionContext.ts

@@ -0,0 +1,9 @@
+import { createContext } from 'react'
+
+export interface CAccordionContextProps {
+  _activeItemKey?: number | string
+  alwaysOpen?: boolean
+  setActiveKey: React.Dispatch<React.SetStateAction<number | string | undefined>>
+}
+
+export const CAccordionContext = createContext({} as CAccordionContextProps)

package/src/components/accordion/CAccordionItem.tsx

@@ -1,5 +1,4 @@
 import React, {
-  createContext,
   forwardRef,
   HTMLAttributes,
   useContext,
@@ -11,15 +10,8 @@ import React, {
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { CAccordionContext } from './CAccordion'
-
-export interface CAccordionItemContextProps {
-  id: string
-  setVisible: (a: boolean) => void
-  visible?: boolean
-}
-
-export const CAccordionItemContext = createContext({} as CAccordionItemContextProps)
+import { CAccordionContext } from './CAccordionContext'
+import { CAccordionItemContext } from './CAccordionItemContext'
 
 export interface CAccordionItemProps extends HTMLAttributes<HTMLDivElement> {
   /**
@@ -38,7 +30,8 @@ export interface CAccordionItemProps extends HTMLAttributes<HTMLDivElement> {
 
 export const CAccordionItem = forwardRef<HTMLDivElement, CAccordionItemProps>(
   ({ children, className, id, itemKey, ...rest }, ref) => {
-    const _id = id ?? useId()
+    const uniqueId = useId()
+    const _id = id ?? uniqueId
     const _itemKey = useRef(itemKey ?? _id)
 
     const { _activeItemKey, alwaysOpen, setActiveKey } = useContext(CAccordionContext)

package/src/components/accordion/CAccordionItemContext.ts

@@ -0,0 +1,9 @@
+import { createContext } from 'react'
+
+export interface CAccordionItemContextProps {
+  id: string
+  setVisible: (a: boolean) => void
+  visible?: boolean
+}
+
+export const CAccordionItemContext = createContext({} as CAccordionItemContextProps)

package/src/components/accordion/__tests__/CAccordion.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordion } from '../../../index'
+import { CAccordion } from '../index'
 
 test('loads and displays CAccordion component', async () => {
   const { container } = render(<CAccordion>Test</CAccordion>)

package/src/components/accordion/__tests__/CAccordionBody.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordionBody } from '../../../index'
+import { CAccordionBody } from '../index'
 
 test('loads and displays CAccordionBody component', async () => {
   const { container } = render(<CAccordionBody>Test</CAccordionBody>)

package/src/components/accordion/__tests__/CAccordionButton.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordionButton } from '../../../index'
+import { CAccordionButton } from '../index'
 
 test('loads and displays CAccordionButton component', async () => {
   const { container } = render(<CAccordionButton>Test</CAccordionButton>)

package/src/components/accordion/__tests__/CAccordionCollapse.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom/extend-expect'
-import { CAccordionCollapse } from '../../../index'
+import { CAccordionCollapse } from '../index'
 
 test('loads and displays CAccordionCollapse component', async () => {
   const { container } = render(<CAccordionCollapse>Test</CAccordionCollapse>)

package/src/components/accordion/__tests__/CAccordionHeader.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordionHeader } from '../../../index'
+import { CAccordionHeader } from '../index'
 
 test('loads and displays CAccordionHeader component', async () => {
   const { container } = render(<CAccordionHeader>Test</CAccordionHeader>)

package/src/components/accordion/__tests__/CAccordionItem.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordionItem } from '../../../index'
+import { CAccordionItem } from '../index'
 
 test('loads and displays CAccordionItem component', async () => {
   const { container } = render(<CAccordionItem>Test</CAccordionItem>)

package/src/components/alert/__tests__/CAlert.spec.tsx

@@ -1,41 +1,62 @@
 import * as React from 'react'
-import { render, fireEvent } from '@testing-library/react'
+import { act, render, fireEvent } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAlert } from '../../../index'
+import { CAlert } from '../index'
 
 test('loads and displays CAlert component', async () => {
-  const { container } = render(<CAlert color="primary">Test</CAlert>)
-  expect(container).toMatchSnapshot()
+  let container: HTMLElement
+  await act(async () => {
+    const renderResult = render(<CAlert color="primary">Test</CAlert>)
+    container = renderResult.container
+  })
+  expect(container!).toMatchSnapshot()
 })
 
 test('CAlert customize', async () => {
-  const { container } = render(
-    <CAlert color="secondary" className="bazinga" dismissible={true} variant="solid" visible={true}>
-      Test
-    </CAlert>,
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('bg-secondary')
-  expect(container.firstChild).toHaveClass('text-white')
-  expect(container.firstChild).toHaveClass('alert-dismissible')
+  let container: HTMLElement
+  await act(async () => {
+    const renderResult = render(
+      <CAlert
+        color="secondary"
+        className="bazinga"
+        dismissible={true}
+        variant="solid"
+        visible={true}
+      >
+        Test
+      </CAlert>
+    )
+    container = renderResult.container
+  })
+  expect(container!).toMatchSnapshot()
+  expect(container!.firstChild).toHaveClass('bazinga')
+  expect(container!.firstChild).toHaveClass('bg-secondary')
+  expect(container!.firstChild).toHaveClass('text-white')
+  expect(container!.firstChild).toHaveClass('alert-dismissible')
 })
 
 test('CAlert click close button', async () => {
   jest.useFakeTimers()
+
   const onClose = jest.fn()
   render(
     <CAlert color="primary" dismissible onClose={onClose}>
       Test
-    </CAlert>,
+    </CAlert>
   )
+
   expect(onClose).toHaveBeenCalledTimes(0)
+
   const btn = document.querySelector('.btn-close')
+
   if (btn !== null) {
-    fireEvent.click(btn)
+    act(() => {
+      fireEvent.click(btn)
+      jest.runAllTimers()
+    })
   }
+
   expect(onClose).toHaveBeenCalledTimes(1)
-  jest.runAllTimers()
-  expect(onClose).toHaveBeenCalledTimes(1)
+
   jest.useRealTimers()
 })

package/src/components/alert/__tests__/CAlertHeading.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAlertHeading } from '../../../index'
+import { CAlertHeading } from '../index'
 
 test('loads and displays CAlertHeading component', async () => {
   const { container } = render(<CAlertHeading>Test</CAlertHeading>)

package/src/components/alert/__tests__/CAlertLink.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAlertLink } from '../../../index'
+import { CAlertLink } from '../index'
 
 test('loads and displays CAlertLink component', async () => {
   const { container } = render(<CAlertLink>Test</CAlertLink>)

package/src/components/avatar/__tests__/CAvatar.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAvatar } from '../../../index'
+import { CAvatar } from '../index'
 
 test('loads and displays CAvatar component', async () => {
   const { container } = render(<CAvatar color="primary">Test</CAvatar>)

package/src/components/backdrop/__tests__/CBackdrop.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CBackdrop } from '../../../index'
+import { CBackdrop } from '../index'
 
 test('loads and displays CBackdrop component', async () => {
   const { container } = render(<CBackdrop>Test</CBackdrop>)

package/src/components/badge/__tests__/CBadge.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CBadge } from '../../../index'
+import { CBadge } from '../index'
 
 test('loads and displays CBadge component', async () => {
   const { container } = render(<CBadge color="primary">Test</CBadge>)

package/src/components/breadcrumb/__tests__/CBreadcrumb.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CBreadcrumb, CBreadcrumbItem } from '../../../index'
+import { CBreadcrumb, CBreadcrumbItem } from '../index'
 
 test('loads and displays CBreadcrumb component', async () => {
   const { container } = render(<CBreadcrumb></CBreadcrumb>)

package/src/components/breadcrumb/__tests__/CBreadcrumbItem.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CBreadcrumbItem } from '../../../index'
+import { CBreadcrumbItem } from '../index'
 
 test('loads and displays CBreadcrumbItem component', async () => {
   const { container } = render(<CBreadcrumbItem>Test</CBreadcrumbItem>)

package/src/components/button/__tests__/CButton.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CButton } from '../../../index'
+import { CButton } from '../index'
 
 test('loads and displays CButton component', async () => {
   const { container } = render(<CButton color="primary">Test</CButton>)

package/src/components/button-group/__tests__/CButtonGroup.spec.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CButtonGroup, CButton } from '../../../index'
+import { CButton } from '../../button/CButton'
+import { CButtonGroup } from '../index'
 
 test('loads and displays CButtonGroup component', async () => {
   const { container } = render(<CButtonGroup></CButtonGroup>)

package/src/components/button-group/__tests__/CButtonToolbar.spec.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CButtonToolbar, CButtonGroup, CButton } from '../../../index'
+import { CButton } from '../../button/CButton'
+import { CButtonToolbar, CButtonGroup } from '../index'
 
 test('loads and displays CButtonToolbar component', async () => {
   const { container } = render(<CButtonToolbar></CButtonToolbar>)

package/src/components/callout/__tests__/CCallout.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCallout } from '../../../index'
+import { CCallout } from '../index'
 
 test('loads and displays CCallout component', async () => {
   const { container } = render(<CCallout>Test</CCallout>)

package/src/components/card/__tests__/CCard.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCard } from '../../../index'
+import { CCard } from '../index'
 
 test('loads and displays CCard component', async () => {
   const { container } = render(<CCard>Test</CCard>)

package/src/components/card/__tests__/CCardBody.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardBody } from '../../../index'
+import { CCardBody } from '../index'
 
 test('loads and displays CCardBody component', async () => {
   const { container } = render(<CCardBody>Test</CCardBody>)

package/src/components/card/__tests__/CCardFooter.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardFooter } from '../../../index'
+import { CCardFooter } from '../index'
 
 test('loads and displays CCardFooter component', async () => {
   const { container } = render(<CCardFooter>Test</CCardFooter>)

package/src/components/card/__tests__/CCardGroup.spec.tsx

@@ -12,7 +12,7 @@ import {
   CCardTitle,
   CCardText,
   CCardGroup,
-} from '../../../index'
+} from '../index'
 
 test('loads and displays CCardGroup component', async () => {
   const { container } = render(<CCardGroup>Test</CCardGroup>)

package/src/components/card/__tests__/CCardHeader.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardHeader } from '../../../index'
+import { CCardHeader } from '../index'
 
 test('loads and displays CCardHeader component', async () => {
   const { container } = render(<CCardHeader>Test</CCardHeader>)

package/src/components/card/__tests__/CCardImage.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardImage } from '../../../index'
+import { CCardImage } from '../index'
 
 test('loads and displays CCardImage component', async () => {
   const { container } = render(<CCardImage />)

package/src/components/card/__tests__/CCardImageOverlay.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardImageOverlay } from '../../../index'
+import { CCardImageOverlay } from '../index'
 
 test('loads and displays CCardImageOverlay component', async () => {
   const { container } = render(<CCardImageOverlay />)

package/src/components/card/__tests__/CCardLink.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardLink } from '../../../index'
+import { CCardLink } from '../index'
 
 test('loads and displays CCardLink component', async () => {
   const { container } = render(<CCardLink>Test</CCardLink>)

package/src/components/card/__tests__/CCardSubtitle.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardSubtitle } from '../../../index'
+import { CCardSubtitle } from '../index'
 
 test('loads and displays CCardSubtitle component', async () => {
   const { container } = render(<CCardSubtitle>Test</CCardSubtitle>)

package/src/components/card/__tests__/CCardText.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardText } from '../../../index'
+import { CCardText } from '../index'
 
 test('loads and displays CCardText component', async () => {
   const { container } = render(<CCardText>Test</CCardText>)

package/src/components/card/__tests__/CCardTitle.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CCardTitle } from '../../../index'
+import { CCardTitle } from '../index'
 
 test('loads and displays CCardTitle component', async () => {
   const { container } = render(<CCardTitle>Test</CCardTitle>)

package/src/components/carousel/CCarousel.tsx

@@ -1,6 +1,5 @@
 import React, {
   Children,
-  createContext,
   forwardRef,
   HTMLAttributes,
   TouchEvent,
@@ -14,6 +13,8 @@ import classNames from 'classnames'
 import { isInViewport } from '../../utils'
 import { useForkedRef } from '../../hooks'
 
+import { CCarouselContext } from './CCarouselContext'
+
 export interface CCarouselProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * index of the active item.
@@ -71,13 +72,6 @@ interface DataType {
   timeout?: null | ReturnType<typeof setTimeout>
 }
 
-export interface ContextProps {
-  setAnimating: (a: boolean) => void
-  setCustomInterval: (a: boolean | number) => void
-}
-
-export const CCarouselContext = createContext({} as ContextProps)
-
 export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(
   (
     {
@@ -96,7 +90,7 @@ export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(
       wrap = true,
       ...rest
     },
-    ref,
+    ref
   ) => {
     const carouselRef = useRef<HTMLDivElement>(null)
     const forkedRef = useForkedRef(ref, carouselRef)
@@ -141,7 +135,7 @@ export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(
       if (typeof interval === 'number') {
         data.timeout = setTimeout(
           () => nextItemWhenVisible(),
-          typeof customInterval === 'number' ? customInterval : interval,
+          typeof customInterval === 'number' ? customInterval : interval
         )
       }
     }
@@ -228,7 +222,7 @@ export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(
           {
             'carousel-fade': transition === 'crossfade',
           },
-          className,
+          className
         )}
         {...(dark && { 'data-coreui-theme': 'dark' })}
         onMouseEnter={_pause}
@@ -288,7 +282,7 @@ export const CCarousel = forwardRef<HTMLDivElement, CCarouselProps>(
         </CCarouselContext.Provider>
       </div>
     )
-  },
+  }
 )
 
 CCarousel.propTypes = {