@coreui/react-pro 5.0.0-alpha.2 → 5.0.0-beta.0

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

@@ -0,0 +1,3 @@
+import { Placement } from '@popperjs/core';
+declare const getRTLPlacement: (placement: string, element: HTMLDivElement | null) => Placement;
+export default getRTLPlacement;

package/dist/esm/utils/getRTLPlacement.js

@@ -0,0 +1,18 @@
+import isRTL from './isRTL.js';
+
+var getRTLPlacement = function (placement, element) {
+    switch (placement) {
+        case 'right': {
+            return isRTL(element) ? 'left' : 'right';
+        }
+        case 'left': {
+            return isRTL(element) ? 'right' : 'left';
+        }
+        default: {
+            return placement;
+        }
+    }
+};
+
+export { getRTLPlacement as default };
+//# sourceMappingURL=getRTLPlacement.js.map

package/dist/esm/utils/getRTLPlacement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRTLPlacement.js","sources":["../../../src/utils/getRTLPlacement.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,IAAM,eAAe,GAAG,UAAC,SAAiB,EAAE,OAA8B,EAAA;AACxE,IAAA,QAAQ,SAAS;QACf,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA;AACzC,SAAA;QACD,KAAK,MAAM,EAAE;AACX,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,SAAA;AACD,QAAA,SAAS;AACP,YAAA,OAAO,SAAsB,CAAA;AAC9B,SAAA;AACF,KAAA;AACH;;;;"}

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

@@ -0,0 +1,2 @@
+declare const getTransitionDurationFromElement: (element: HTMLElement) => number;
+export default getTransitionDurationFromElement;

package/dist/esm/utils/getTransitionDurationFromElement.js

@@ -0,0 +1,20 @@
+var getTransitionDurationFromElement = function (element) {
+    if (!element) {
+        return 0;
+    }
+    // Get transition-duration of the element
+    var _a = window.getComputedStyle(element), transitionDuration = _a.transitionDuration, transitionDelay = _a.transitionDelay;
+    var floatTransitionDuration = Number.parseFloat(transitionDuration);
+    var floatTransitionDelay = Number.parseFloat(transitionDelay);
+    // Return 0 if element or transition duration is not found
+    if (!floatTransitionDuration && !floatTransitionDelay) {
+        return 0;
+    }
+    // If multiple durations are defined, take the first
+    transitionDuration = transitionDuration.split(',')[0];
+    transitionDelay = transitionDelay.split(',')[0];
+    return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * 1000;
+};
+
+export { getTransitionDurationFromElement as default };
+//# sourceMappingURL=getTransitionDurationFromElement.js.map

package/dist/esm/utils/getTransitionDurationFromElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTransitionDurationFromElement.js","sources":["../../../src/utils/getTransitionDurationFromElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAM,IAAA,gCAAgC,GAAG,UAAC,OAAoB,EAAA;IAC5D,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,CAAC,CAAA;AACT,KAAA;;AAGG,IAAA,IAAA,EAA0C,GAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAxE,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAAE,eAAe,qBAAqC,CAAA;IAE9E,IAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IACrE,IAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;;AAG/D,IAAA,IAAI,CAAC,uBAAuB,IAAI,CAAC,oBAAoB,EAAE;AACrD,QAAA,OAAO,CAAC,CAAA;AACT,KAAA;;IAGD,kBAAkB,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACrD,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/C,IAAA,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,IAAI,CAAA;AAC5F;;;;"}

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

@@ -0,0 +1,7 @@
+import executeAfterTransition from './executeAfterTransition';
+import getRTLPlacement from './getRTLPlacement';
+import getTransitionDurationFromElement from './getTransitionDurationFromElement';
+import isInViewport from './isInViewport';
+import isObjectInArray from './isObjectInArray';
+import isRTL from './isRTL';
+export { executeAfterTransition, getRTLPlacement, getTransitionDurationFromElement, isInViewport, isObjectInArray, isRTL, };

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

@@ -0,0 +1,2 @@
+declare const isInViewport: (element: HTMLElement) => boolean;
+export default isInViewport;

package/dist/esm/utils/isInViewport.js

@@ -0,0 +1,10 @@
+var isInViewport = function (element) {
+    var rect = element.getBoundingClientRect();
+    return (Math.floor(rect.top) >= 0 &&
+        Math.floor(rect.left) >= 0 &&
+        Math.floor(rect.bottom) <= (window.innerHeight || document.documentElement.clientHeight) &&
+        Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth));
+};
+
+export { isInViewport as default };
+//# sourceMappingURL=isInViewport.js.map

package/dist/esm/utils/isInViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isInViewport.js","sources":["../../../src/utils/isInViewport.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAM,IAAA,YAAY,GAAG,UAAC,OAAoB,EAAA;AACxC,IAAA,IAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;IAC5C,QACE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;QACxF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,EACtF;AACH;;;;"}

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

@@ -0,0 +1,2 @@
+declare const isObjectInArray: <T>(array: T[], item: T, ignore?: string[]) => boolean;
+export default isObjectInArray;

package/dist/esm/utils/isObjectInArray.js

@@ -0,0 +1,16 @@
+var isObjectInArray = function (array, item, ignore) {
+    if (ignore === void 0) { ignore = []; }
+    return array.some(function (_item) {
+        var result = true;
+        for (var key in _item) {
+            if (!ignore.includes(key) && item[key] !== _item[key]) {
+                result = false;
+                break;
+            }
+        }
+        return result;
+    });
+};
+
+export { isObjectInArray as default };
+//# sourceMappingURL=isObjectInArray.js.map

package/dist/esm/utils/isObjectInArray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isObjectInArray.js","sources":["../../../src/utils/isObjectInArray.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,IAAM,eAAe,GAAG,UAAI,KAAU,EAAE,IAAO,EAAE,MAAqB,EAAA;AAArB,IAAA,IAAA,MAAA,KAAA,KAAA,CAAA,EAAA,EAAA,MAAqB,GAAA,EAAA,CAAA,EAAA;AACpE,IAAA,OAAA,KAAK,CAAC,IAAI,CAAC,UAAC,KAAQ,EAAA;QAClB,IAAI,MAAM,GAAG,IAAI,CAAA;AACjB,QAAA,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;AACvB,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE;gBACrD,MAAM,GAAG,KAAK,CAAA;gBACd,MAAK;AACN,aAAA;AACF,SAAA;AAED,QAAA,OAAO,MAAM,CAAA;AACf,KAAC,CAAC,CAAA;AAVF;;;;"}

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

@@ -0,0 +1,2 @@
+declare const isRTL: (element?: HTMLElement | HTMLDivElement | null) => boolean;
+export default isRTL;

package/dist/esm/utils/isRTL.js

@@ -0,0 +1,12 @@
+var isRTL = function (element) {
+    if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
+        return true;
+    }
+    if (element) {
+        return element.closest('[dir="rtl"]') !== null;
+    }
+    return false;
+};
+
+export { isRTL as default };
+//# sourceMappingURL=isRTL.js.map

package/dist/esm/utils/isRTL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRTL.js","sources":["../../../src/utils/isRTL.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAM,IAAA,KAAK,GAAG,UAAC,OAA6C,EAAA;AAC1D,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK,EAAE;AAC7E,QAAA,OAAO,IAAI,CAAA;AACZ,KAAA;AAED,IAAA,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;AAC/C,KAAA;AAED,IAAA,OAAO,KAAK,CAAA;AACd;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-pro",
-  "version": "5.0.0-alpha.2",
+  "version": "5.0.0-beta.0",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -23,48 +23,55 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "author": "The CoreUI Team (https://github.com/orgs/coreui/people)",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
-  "jsnext:main": "dist/index.es.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "jsnext:main": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
   "files": [
     "dist/",
     "src/"
   ],
+  "sideEffects": false,
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs",
+    "build": "npm-run-all clean build-*",
+    "build-cjs": "rollup --environment ESM:false --config",
+    "build-esm": "rollup --environment ESM:true --config",
+    "clean": "cross-env-shell \"rm -rf dist\"",
     "test": "jest --coverage",
     "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
     "@coreui/icons": "^3.0.1",
-    "@coreui/icons-react": "^2.1.0",
+    "@coreui/icons-react": "^2.2.1",
     "@popperjs/core": "^2.11.8",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-typescript": "^11.1.2",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
-    "@types/react": "18.2.14",
-    "@types/react-dom": "^18.2.6",
-    "@types/react-transition-group": "^4.4.6",
+    "@types/jest": "^29.5.6",
+    "@types/react": "18.2.33",
+    "@types/react-dom": "^18.2.14",
+    "@types/react-transition-group": "^4.4.8",
     "classnames": "^2.3.2",
-    "date-fns": "^2.30.0",
-    "jest": "^29.6.0",
-    "jest-environment-jsdom": "^29.6.0",
+    "cross-env": "^7.0.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
-    "rollup": "^3.26.1",
+    "rollup": "^4.1.5",
     "ts-jest": "^29.1.1",
-    "tslib": "^2.6.0",
-    "typescript": "^5.1.6"
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "@coreui/coreui-pro": ">=5.0.0-alpha.2",
+    "@coreui/coreui-pro": "^5.0.0-beta.0",
+    "@popperjs/core": "^2.11.8",
+    "prop-types": "^15.8.1",
     "react": ">=17",
     "react-dom": ">=17"
   }

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render, fireEvent } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CAlert } from '../../../index'
 
 test('loads and displays CAlert component', async () => {

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

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

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CAvatar } from '../../../index'
 
 test('loads and displays CAvatar component', async () => {

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CBadge } from '../../../index'
 
 test('loads and displays CBadge component', async () => {

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

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

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CButton } from '../../../index'
 
 test('loads and displays CButton component', async () => {

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

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CCloseButton } from '../../../index'
 
 test('loads and displays CCloseButton component', async () => {

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

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CButtonGroup, CButton } from '../../../index'
 
 test('loads and displays CButtonGroup component', async () => {

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

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CButtonToolbar, CButtonGroup, CButton } from '../../../index'
 
 test('loads and displays CButtonToolbar component', async () => {

package/src/components/calendar/CCalendar.tsx

@@ -162,11 +162,11 @@ export interface CCalendarProps {
   /**
    * Callback fired when the start date changed.
    */
-  onStartDateChange?: (date: Date | string | null, formatedDate?: string | undefined) => void
+  onStartDateChange?: (date: Date | string | null, formatedDate?: string | undefined) => void // TODO: remove formatedDate?
   /**
    * Callback fired when the end date changed.
    */
-  onEndDateChange?: (date: Date | string | null, formatedDate?: string | undefined) => void
+  onEndDateChange?: (date: Date | string | null, formatedDate?: string | undefined) => void // TODO: remove formatedDate?
   /**
    * Callback fired when the selection type changed.
    */
@@ -274,6 +274,7 @@ const Calendar = (props: {
               selectionType,
             )
             const isDisabled = isDateDisabled(date, minDate, maxDate, disabledDates)
+            const current = week.days.some((day) => day.month === 'current')
             return (
               <tr
                 className={classNames('calendar-row', {
@@ -286,7 +287,7 @@ const Calendar = (props: {
                   selected: isDateSelected(date, startDate, endDate),
                 })}
                 key={index}
-                tabIndex={selectionType === 'week' && !isDisabled ? 0 : -1}
+                tabIndex={selectionType === 'week' && current && !isDisabled ? 0 : -1}
                 {...(selectionType === 'week' &&
                   !isDisabled && {
                     onBlur: () => onCalendarMouseLeave(),
@@ -776,7 +777,7 @@ export const CCalendar = forwardRef<HTMLDivElement, CCalendarProps>(
         const list: HTMLElement[] = [].concat(
           ...Element.prototype.querySelectorAll.call(
             calendarRef.current,
-            'td[tabindex="0"], tr[tabindex="0"]',
+            selectionType === 'week' ? 'tr[tabindex="0"]' : 'td.current',
           ),
         )
 
@@ -842,7 +843,17 @@ export const CCalendar = forwardRef<HTMLDivElement, CCalendarProps>(
           return
         }
 
-        list[index + gap[event.key]].focus()
+        if (list[index + gap[event.key]].tabIndex === 0) {
+          list[index + gap[event.key]].focus()
+          return
+        }
+
+        for (let i = index; i < list.length; event.key === 'ArrowRight' || event.key === 'ArrowDown'? i++ : i--) {
+          if (list[i + gap[event.key]].tabIndex === 0) {
+            list[i + gap[event.key]].focus()
+            break
+          }
+        }
       }
     }
 

package/src/components/calendar/utils.ts

@@ -8,13 +8,9 @@ export const convertIsoWeekToDate = (isoWeek: string) => {
 }
 
 export const convertToDateObject = (
-  date: Date | string | null,
+  date: Date | string,
   selectionType?: 'day' | 'week' | 'month' | 'year',
 ) => {
-  // if (date === null) {
-  //   return null
-  // }
-
   if (date instanceof Date) {
     return date
   }
@@ -167,9 +163,6 @@ const getTrailingDays = (
   return dates
 }
 
-export const getDayNumber = (date: Date) =>
- Math.ceil((Number(date) - Number(new Date(date.getFullYear(), 0, 0))) / 1000 / 60 / 60 / 24)
-
 export const getWeekNumber = (date: Date) => {
   const week1 = new Date(date.getFullYear(), 0, 4)
   return (

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import {
   CCard,
   CCardBody,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/src/components/carousel/__tests__/CCarousel.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render, fireEvent } from '@testing-library/react'
 import { getByText } from '@testing-library/dom'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CCarousel, CCarouselCaption, CCarouselItem } from '../../../index'
 
 test('loads and displays CCarousel component', async () => {

package/src/components/close-button/__tests__/CCloseButton.spec.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CCloseButton } from '../../../index'
 
 test('loads and displays CCloseButton component', async () => {

package/src/components/collapse/__tests__/CCollapse.spec.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom'
 import { CCollapse } from '../../../index'
 
 test('loads and displays CCollapse component', async () => {