@coreui/react 5.7.1 → 5.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"executeAfterTransition.js","sources":["../../../src/utils/executeAfterTransition.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,IAAM,OAAO,GAAG,UAAC,QAAoB,EAAA;AACnC,IAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,QAAA,QAAQ,EAAE;IACZ;AACF,CAAC;AAED,IAAM,oBAAoB,GAAG,UAAC,OAAoB,EAAA;IAChD,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;AACnD,CAAC;AAED,IAAM,sBAAsB,GAAG,UAC7B,QAAoB,EACpB,iBAA8B,EAC9B,iBAAwB,EAAA;AAAxB,IAAA,IAAA,iBAAA,KAAA,MAAA,EAAA,EAAA,iBAAA,GAAA,IAAwB,CAAA,CAAA;IAExB,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CAAC,QAAQ,CAAC;QACjB;IACF;IAEA,IAAM,eAAe,GAAG,CAAC;IACzB,IAAM,gBAAgB,GAAG,gCAAgC,CAAC,iBAAiB,CAAC,GAAG,eAAe;IAE9F,IAAI,MAAM,GAAG,KAAK;IAElB,IAAM,OAAO,GAAG,UAAC,EAA2B,EAAA;AAAzB,QAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;AACvB,QAAA,IAAI,MAAM,KAAK,iBAAiB,EAAE;YAChC;QACF;QAEA,MAAM,GAAG,IAAI;AACb,QAAA,iBAAiB,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC;QAC/D,OAAO,CAAC,QAAQ,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,iBAAiB,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC;AAC5D,IAAA,UAAU,CAAC,YAAA;QACT,IAAI,CAAC,MAAM,EAAE;YACX,oBAAoB,CAAC,iBAAiB,CAAC;QACzC;IACF,CAAC,EAAE,gBAAgB,CAAC;AACtB;;;;"}
+{"version":3,"file":"executeAfterTransition.js","sources":["../../../src/utils/executeAfterTransition.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,OAAO,GAAG,CAAC,QAAoB,KAAI;AACvC,IAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,QAAA,QAAQ,EAAE;IACZ;AACF,CAAC;AAED,MAAM,oBAAoB,GAAG,CAAC,OAAoB,KAAI;IACpD,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,sBAAsB,GAAG,CAC7B,QAAoB,EACpB,iBAA8B,EAC9B,iBAAiB,GAAG,IAAI,KACtB;IACF,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CAAC,QAAQ,CAAC;QACjB;IACF;IAEA,MAAM,eAAe,GAAG,CAAC;IACzB,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,iBAAiB,CAAC,GAAG,eAAe;IAE9F,IAAI,MAAM,GAAG,KAAK;AAElB,IAAA,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAmB,KAAI;AAC9C,QAAA,IAAI,MAAM,KAAK,iBAAiB,EAAE;YAChC;QACF;QAEA,MAAM,GAAG,IAAI;AACb,QAAA,iBAAiB,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC;QAC/D,OAAO,CAAC,QAAQ,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,iBAAiB,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC;IAC5D,UAAU,CAAC,MAAK;QACd,IAAI,CAAC,MAAM,EAAE;YACX,oBAAoB,CAAC,iBAAiB,CAAC;QACzC;IACF,CAAC,EAAE,gBAAgB,CAAC;AACtB;;;;"}

package/dist/esm/utils/getNextActiveElement.js

@@ -1,6 +1,6 @@
-var getNextActiveElement = function (list, activeElement, shouldGetNext, isCycleAllowed) {
-    var listLength = list.length;
-    var index = list.indexOf(activeElement);
+const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
+    const listLength = list.length;
+    let index = list.indexOf(activeElement);
     if (index === -1) {
         return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0];
     }

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

@@ -1 +1 @@
-{"version":3,"file":"getNextActiveElement.js","sources":["../../../src/utils/getNextActiveElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,IAAM,oBAAoB,GAAG,UAC3B,IAAmB,EACnB,aAA0B,EAC1B,aAAsB,EACtB,cAAuB,EAAA;AAEvB,IAAA,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM;IAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;AAEvC,IAAA,IAAI,KAAK,KAAK,EAAE,EAAE;QAChB,OAAO,CAAC,aAAa,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1E;IAEA,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,EAAE;IAEX;QAClB,KAAK,GAAG,CAAC,KAAK,GAAG,UAAU,IAAI,UAAU;IAC3C;IAEA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3D;;;;"}
+{"version":3,"file":"getNextActiveElement.js","sources":["../../../src/utils/getNextActiveElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,oBAAoB,GAAG,CAC3B,IAAmB,EACnB,aAA0B,EAC1B,aAAsB,EACtB,cAAuB,KACrB;AACF,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM;IAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;AAEvC,IAAA,IAAI,KAAK,KAAK,EAAE,EAAE;QAChB,OAAO,CAAC,aAAa,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1E;IAEA,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,EAAE;IAEX;QAClB,KAAK,GAAG,CAAC,KAAK,GAAG,UAAU,IAAI,UAAU;IAC3C;IAEA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3D;;;;"}

package/dist/esm/utils/getRTLPlacement.js

@@ -1,6 +1,6 @@
 import isRTL from './isRTL.js';
 
-var getRTLPlacement = function (placement, element) {
+const getRTLPlacement = (placement, element) => {
     switch (placement) {
         case 'right': {
             return isRTL(element) ? 'left' : 'right';

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

@@ -1 +1 @@
-{"version":3,"file":"getRTLPlacement.js","sources":["../../../src/utils/getRTLPlacement.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,IAAM,eAAe,GAAG,UAAC,SAAiB,EAAE,OAA8B,EAAA;IACxE,QAAQ,SAAS;QACf,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO;QAC1C;QACA,KAAK,MAAM,EAAE;AACX,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,MAAM;QAC1C;QACA,SAAS;AACP,YAAA,OAAO,SAAsB;QAC/B;;AAEJ;;;;"}
+{"version":3,"file":"getRTLPlacement.js","sources":["../../../src/utils/getRTLPlacement.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,OAA8B,KAAe;IACvF,QAAQ,SAAS;QACf,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO;QAC1C;QACA,KAAK,MAAM,EAAE;AACX,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,MAAM;QAC1C;QACA,SAAS;AACP,YAAA,OAAO,SAAsB;QAC/B;;AAEJ;;;;"}

package/dist/esm/utils/getTransitionDurationFromElement.js

@@ -1,11 +1,11 @@
-var getTransitionDurationFromElement = function (element) {
+const getTransitionDurationFromElement = (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);
+    let { transitionDuration, transitionDelay } = window.getComputedStyle(element);
+    const floatTransitionDuration = Number.parseFloat(transitionDuration);
+    const floatTransitionDelay = Number.parseFloat(transitionDelay);
     // Return 0 if element or transition duration is not found
     if (!floatTransitionDuration && !floatTransitionDelay) {
         return 0;

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

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

package/dist/esm/utils/isInViewport.js

@@ -1,5 +1,5 @@
-var isInViewport = function (element) {
-    var rect = element.getBoundingClientRect();
+const isInViewport = (element) => {
+    const rect = element.getBoundingClientRect();
     return (Math.floor(rect.top) >= 0 &&
         Math.floor(rect.left) >= 0 &&
         Math.floor(rect.bottom) <= (window.innerHeight || document.documentElement.clientHeight) &&

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

@@ -1 +1 @@
-{"version":3,"file":"isInViewport.js","sources":["../../../src/utils/isInViewport.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,IAAM,YAAY,GAAG,UAAC,OAAoB,EAAA;AACxC,IAAA,IAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;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;AAEzF;;;;"}
+{"version":3,"file":"isInViewport.js","sources":["../../../src/utils/isInViewport.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,OAAoB,KAAI;AAC5C,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;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;AAEzF;;;;"}

package/dist/esm/utils/isRTL.js

@@ -1,4 +1,4 @@
-var isRTL = function (element) {
+const isRTL = (element) => {
     if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
         return true;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"isRTL.js","sources":["../../../src/utils/isRTL.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,IAAM,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;IACb;IAEA,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI;IAChD;AAEA,IAAA,OAAO,KAAK;AACd;;;;"}
+{"version":3,"file":"isRTL.js","sources":["../../../src/utils/isRTL.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,CAAC,OAA6C,KAAI;AAC9D,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK,EAAE;AAC7E,QAAA,OAAO,IAAI;IACb;IAEA,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI;IAChD;AAEA,IAAA,OAAO,KAAK;AACd;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "5.7.1",
+  "version": "5.9.0",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.4.1",
+    "@coreui/coreui": "^5.4.3",
     "@popperjs/core": "^2.11.8",
     "prop-types": "^15.8.1"
   },
@@ -49,25 +49,25 @@
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.14",
     "@types/prop-types": "15.7.15",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9",
     "@types/react-transition-group": "^4.4.12",
     "classnames": "^2.5.1",
-    "cross-env": "^7.0.3",
+    "cross-env": "^10.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "rollup": "^4.45.0",
-    "ts-jest": "^29.4.0",
+    "rollup": "^4.50.2",
+    "ts-jest": "^29.4.2",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "react": ">=17",

package/src/components/accordion/CAccordion.tsx

@@ -38,7 +38,7 @@ export const CAccordion = forwardRef<HTMLDivElement, CAccordionProps>(
         </CAccordionContext.Provider>
       </div>
     )
-  },
+  }
 )
 
 CAccordion.propTypes = {

package/src/components/accordion/CAccordionHeader.tsx

@@ -18,7 +18,7 @@ export const CAccordionHeader = forwardRef<HTMLDivElement, CAccordionHeaderProps
         <CAccordionButton>{children}</CAccordionButton>
       </div>
     )
-  },
+  }
 )
 
 CAccordionHeader.propTypes = {

package/src/components/alert/CAlert.tsx

@@ -50,7 +50,7 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
       onClose,
       ...rest
     },
-    ref,
+    ref
   ) => {
     const alertRef = useRef<HTMLDivElement>(null)
     const forkedRef = useForkedRef(ref, alertRef)
@@ -78,7 +78,7 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
                 'alert-dismissible fade': dismissible,
                 show: state === 'entered',
               },
-              className,
+              className
             )}
             role="alert"
             {...rest}
@@ -90,7 +90,7 @@ export const CAlert = forwardRef<HTMLDivElement, CAlertProps>(
         )}
       </Transition>
     )
-  },
+  }
 )
 
 CAlert.propTypes = {

package/src/components/alert/CAlertHeading.tsx

@@ -23,7 +23,7 @@ export const CAlertHeading: PolymorphicRefForwardingComponent<'h4', CAlertHeadin
           {children}
         </Component>
       )
-    },
+    }
   )
 
 CAlertHeading.propTypes = {

package/src/components/alert/CAlertLink.tsx

@@ -18,7 +18,7 @@ export const CAlertLink = forwardRef<HTMLAnchorElement, CAlertLinkProps>(
         {children}
       </CLink>
     )
-  },
+  }
 )
 
 CAlertLink.propTypes = {

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

@@ -12,7 +12,7 @@ test('CAlertHeading customize', async () => {
   const { container } = render(
     <CAlertHeading as="h3" className="bazinga">
       Test
-    </CAlertHeading>,
+    </CAlertHeading>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

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

@@ -12,7 +12,7 @@ test('CAlertLink customize', async () => {
   const { container } = render(
     <CAlertLink className="bazinga" href="/bazinga">
       Test
-    </CAlertLink>,
+    </CAlertLink>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/avatar/CAvatar.tsx

@@ -58,7 +58,7 @@ export const CAvatar = forwardRef<HTMLDivElement, CAvatarProps>(
             [`text-${textColor}`]: textColor,
           },
           shape,
-          className,
+          className
         )}
         {...rest}
         ref={ref}
@@ -67,7 +67,7 @@ export const CAvatar = forwardRef<HTMLDivElement, CAvatarProps>(
         {status && <span className={statusClassName}></span>}
       </div>
     )
-  },
+  }
 )
 
 CAvatar.propTypes = {

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

@@ -20,7 +20,7 @@ test('CAvatar customize', async () => {
       textColor="white"
     >
       Test
-    </CAvatar>,
+    </CAvatar>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')
@@ -45,7 +45,7 @@ test('CAvatar customize image', async () => {
       src="/bazinga"
     >
       Test
-    </CAvatar>,
+    </CAvatar>
   )
   expect(container).toMatchSnapshot()
 

package/src/components/backdrop/CBackdrop.tsx

@@ -34,7 +34,7 @@ export const CBackdrop = forwardRef<HTMLDivElement, CBackdropProps>(
         )}
       </Transition>
     )
-  },
+  }
 )
 
 CBackdrop.propTypes = {

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

@@ -22,7 +22,7 @@ test('CBackdrop customize 2', async () => {
   const { container } = render(
     <CBackdrop className="bazinga" visible={true}>
       Test
-    </CBackdrop>,
+    </CBackdrop>
   )
   jest.runAllTimers()
   expect(container).toMatchSnapshot()

package/src/components/badge/CBadge.tsx

@@ -66,7 +66,7 @@ export const CBadge: PolymorphicRefForwardingComponent<'span', CBadgeProps> = fo
       textColor,
       ...rest
     },
-    ref,
+    ref
   ) => {
     return (
       <Component
@@ -84,7 +84,7 @@ export const CBadge: PolymorphicRefForwardingComponent<'span', CBadgeProps> = fo
             [`text-bg-${textBgColor}`]: textBgColor,
           },
           shape,
-          className,
+          className
         )}
         {...rest}
         ref={ref}
@@ -92,7 +92,7 @@ export const CBadge: PolymorphicRefForwardingComponent<'span', CBadgeProps> = fo
         {children}
       </Component>
     )
-  },
+  }
 )
 
 CBadge.propTypes = {

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

@@ -12,7 +12,7 @@ test('CBadge customize', async () => {
   const { container } = render(
     <CBadge className="bazinga" color="warning" as="div" shape="rounded" textColor="white">
       Test
-    </CBadge>,
+    </CBadge>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/breadcrumb/CBreadcrumb.tsx

@@ -18,7 +18,7 @@ export const CBreadcrumb = forwardRef<HTMLOListElement, CBreadcrumbProps>(
         </ol>
       </nav>
     )
-  },
+  }
 )
 
 CBreadcrumb.propTypes = {

package/src/components/breadcrumb/CBreadcrumbItem.tsx

@@ -37,7 +37,7 @@ export const CBreadcrumbItem: PolymorphicRefForwardingComponent<'li', CBreadcrum
             {
               active: active,
             },
-            className,
+            className
           )}
           {...(active && { 'aria-current': 'page' })}
           {...rest}
@@ -52,7 +52,7 @@ export const CBreadcrumbItem: PolymorphicRefForwardingComponent<'li', CBreadcrum
           )}
         </li>
       )
-    },
+    }
   )
 
 CBreadcrumbItem.propTypes = {

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

@@ -14,7 +14,7 @@ test('CBreadcrumb customize', async () => {
       <CBreadcrumbItem>Test A</CBreadcrumbItem>
       <CBreadcrumbItem active={false}>Test B</CBreadcrumbItem>
       <CBreadcrumbItem active={true}>Test C</CBreadcrumbItem>
-    </CBreadcrumb>,
+    </CBreadcrumb>
   )
   const ol = container.querySelector('ol')
   expect(container).toMatchSnapshot()

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

@@ -12,7 +12,7 @@ test('CBreadcrumbItem customize', async () => {
   const { container } = render(
     <CBreadcrumbItem active={true} className="bazinga">
       Test
-    </CBreadcrumbItem>,
+    </CBreadcrumbItem>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

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

@@ -12,7 +12,7 @@ test('CButton customize witch href', async () => {
   const { container } = render(
     <CButton color="primary" as="span" href="/bazinga">
       Test
-    </CButton>,
+    </CButton>
   )
   expect(container).toMatchSnapshot()
 })
@@ -32,7 +32,7 @@ test('CButton customize', async () => {
       variant="ghost"
     >
       Test
-    </CButton>,
+    </CButton>
   )
   expect(container).toMatchSnapshot()
 

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

@@ -24,7 +24,7 @@ export const CButtonGroup = forwardRef<HTMLDivElement, CButtonGroupProps>(
         className={classNames(
           vertical ? 'btn-group-vertical' : 'btn-group',
           { [`btn-group-${size}`]: size },
-          className,
+          className
         )}
         {...rest}
         ref={ref}
@@ -32,7 +32,7 @@ export const CButtonGroup = forwardRef<HTMLDivElement, CButtonGroupProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 
 CButtonGroup.propTypes = {

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

@@ -16,7 +16,7 @@ export const CButtonToolbar = forwardRef<HTMLDivElement, CButtonToolbarProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 
 CButtonToolbar.propTypes = {

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

@@ -15,7 +15,7 @@ test('CButtonGroup customize', async () => {
       <CButton color="primary">Test A</CButton>
       <CButton color="primary">Test B</CButton>
       <CButton color="primary">Test C</CButton>
-    </CButtonGroup>,
+    </CButtonGroup>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')
@@ -29,7 +29,7 @@ test('CButtonGroup customize vertical', async () => {
       <CButton color="primary">Test A</CButton>
       <CButton color="primary">Test B</CButton>
       <CButton color="primary">Test C</CButton>
-    </CButtonGroup>,
+    </CButtonGroup>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

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

@@ -22,7 +22,7 @@ test('CButtonToolbar customize', async () => {
         <CButton color="primary">B</CButton>
         <CButton color="primary">C</CButton>
       </CButtonGroup>
-    </CButtonToolbar>,
+    </CButtonToolbar>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/callout/CCallout.tsx

@@ -27,7 +27,7 @@ export const CCallout = forwardRef<HTMLDivElement, CCalloutProps>(
           {
             [`callout-${color}`]: color,
           },
-          className,
+          className
         )}
         {...rest}
         ref={ref}
@@ -35,7 +35,7 @@ export const CCallout = forwardRef<HTMLDivElement, CCalloutProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 
 CCallout.propTypes = {

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

@@ -12,7 +12,7 @@ test('CCallout customize', async () => {
   const { container } = render(
     <CCallout className="bazinga" color="primary">
       Test
-    </CCallout>,
+    </CCallout>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

package/src/components/card/CCard.tsx

@@ -42,7 +42,7 @@ export const CCard = forwardRef<HTMLDivElement, CCardProps>(
             [`text-${textColor}`]: textColor,
             [`text-bg-${textBgColor}`]: textBgColor,
           },
-          className,
+          className
         )}
         {...rest}
         ref={ref}
@@ -50,7 +50,7 @@ export const CCard = forwardRef<HTMLDivElement, CCardProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 
 CCard.propTypes = {

package/src/components/card/CCardBody.tsx

@@ -16,7 +16,7 @@ export const CCardBody = forwardRef<HTMLDivElement, CCardBodyProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 
 CCardBody.propTypes = {

package/src/components/card/CCardFooter.tsx

@@ -16,7 +16,7 @@ export const CCardFooter = forwardRef<HTMLDivElement, CCardFooterProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 
 CCardFooter.propTypes = {

package/src/components/card/CCardGroup.tsx

@@ -16,7 +16,7 @@ export const CCardGroup = forwardRef<HTMLDivElement, CCardGroupProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 
 CCardGroup.propTypes = {

package/src/components/card/CCardImageOverlay.tsx

@@ -16,7 +16,7 @@ export const CCardImageOverlay = forwardRef<HTMLDivElement, CCardImageOverlayPro
         {children}
       </div>
     )
-  },
+  }
 )
 
 CCardImageOverlay.propTypes = {

package/src/components/card/CCardLink.tsx

@@ -22,7 +22,7 @@ export const CCardLink = forwardRef<HTMLAnchorElement, CCardLinkProps>(
         {children}
       </CLink>
     )
-  },
+  }
 )
 
 CCardLink.propTypes = {

package/src/components/card/CCardSubtitle.tsx

@@ -23,7 +23,7 @@ export const CCardSubtitle: PolymorphicRefForwardingComponent<'h6', CCardSubtitl
           {children}
         </Component>
       )
-    },
+    }
   )
 
 CCardSubtitle.propTypes = {

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

@@ -12,7 +12,7 @@ test('CCard customize', async () => {
   const { container } = render(
     <CCard className="bazinga" color="primary" textColor="warning">
       Test
-    </CCard>,
+    </CCard>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

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

@@ -45,7 +45,7 @@ test('CCardGroup full example', async () => {
           <CCardTitle>Card Title</CCardTitle>
         </CCardBody>
       </CCard>
-    </CCardGroup>,
+    </CCardGroup>
   )
   expect(container).toMatchSnapshot()
 })

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

@@ -12,7 +12,7 @@ test('CCardHeader customize', async () => {
   const { container } = render(
     <CCardHeader className="bazinga" as="h3">
       Test
-    </CCardHeader>,
+    </CCardHeader>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

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

@@ -12,7 +12,7 @@ test('CCardLink customize', async () => {
   const { container } = render(
     <CCardLink className="bazinga" href="/bazinga">
       Test
-    </CCardLink>,
+    </CCardLink>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

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

@@ -12,7 +12,7 @@ test('CCardSubtitle customize', async () => {
   const { container } = render(
     <CCardSubtitle className="bazinga" as="h3">
       Test
-    </CCardSubtitle>,
+    </CCardSubtitle>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

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

@@ -12,7 +12,7 @@ test('CCardText customize', async () => {
   const { container } = render(
     <CCardText className="bazinga" as="h3">
       Test
-    </CCardText>,
+    </CCardText>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')

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

@@ -12,7 +12,7 @@ test('CCardTitle customize', async () => {
   const { container } = render(
     <CCardTitle className="bazinga" as="h3">
       Test
-    </CCardTitle>,
+    </CCardTitle>
   )
   expect(container).toMatchSnapshot()
   expect(container.firstChild).toHaveClass('bazinga')