@coreui/react-pro 5.24.1 → 5.26.0

package/src/components/collapse/CCollapse.tsx

@@ -37,13 +37,19 @@ export const CCollapse = forwardRef<HTMLDivElement, CCollapseProps>(
     const [width, setWidth] = useState<number>()
 
     const onEntering = () => {
-      onShow && onShow()
+      onShow?.()
 
       if (horizontal) {
-        collapseRef.current && setWidth(collapseRef.current.scrollWidth)
+        if (collapseRef.current) {
+          setWidth(collapseRef.current.scrollWidth)
+        }
+
         return
       }
-      collapseRef.current && setHeight(collapseRef.current.scrollHeight)
+
+      if (collapseRef.current) {
+        setHeight(collapseRef.current.scrollHeight)
+      }
     }
 
     const onEntered = () => {
@@ -56,14 +62,20 @@ export const CCollapse = forwardRef<HTMLDivElement, CCollapseProps>(
 
     const onExit = () => {
       if (horizontal) {
-        collapseRef.current && setWidth(collapseRef.current.scrollWidth)
+        if (collapseRef.current) {
+          setWidth(collapseRef.current.scrollWidth)
+        }
+
         return
       }
-      collapseRef.current && setHeight(collapseRef.current.scrollHeight)
+
+      if (collapseRef.current) {
+        setHeight(collapseRef.current.scrollHeight)
+      }
     }
 
     const onExiting = () => {
-      onHide && onHide()
+      onHide?.()
       if (horizontal) {
         setWidth(0)
         return

package/src/components/conditional-portal/CConditionalPortal.tsx

@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom'
 import PropTypes from 'prop-types'
 
 const getContainer = (
-  container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null,
+  container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null
 ) => {
   if (container) {
     return typeof container === 'function' ? container() : container
@@ -37,7 +37,9 @@ export const CConditionalPortal: FC<CConditionalPortalProps> = ({
   const [_container, setContainer] = useState<ReturnType<typeof getContainer>>(null)
 
   useEffect(() => {
-    portal && setContainer(getContainer(container) || document.body)
+    if (portal) {
+      setContainer(getContainer(container) || document.body)
+    }
   }, [container, portal])
 
   return typeof window !== 'undefined' && portal && _container ? (

package/src/components/date-picker/CDatePicker.tsx

@@ -3,18 +3,17 @@ import PropTypes from 'prop-types'
 
 import { CDateRangePicker, CDateRangePickerProps } from '../date-range-picker/CDateRangePicker'
 
-export interface CDatePickerProps
-  extends Omit<
-    CDateRangePickerProps,
-    | 'calendars'
-    | 'endDate'
-    | 'range'
-    | 'onEndDateChange'
-    | 'onStartDateChange'
-    | 'ranges'
-    | 'selectEndDate'
-    | 'startDate'
-  > {
+export interface CDatePickerProps extends Omit<
+  CDateRangePickerProps,
+  | 'calendars'
+  | 'endDate'
+  | 'range'
+  | 'onEndDateChange'
+  | 'onStartDateChange'
+  | 'ranges'
+  | 'selectEndDate'
+  | 'startDate'
+> {
   /**
    * Initial selected date.
    */
@@ -35,7 +34,7 @@ export interface CDatePickerProps
   /**
    * Callback fired when the date changed.
    */
-  onDateChange?: (date: Date | null, formatedDate?: string | undefined) => void
+  onDateChange?: (date: Date | string | null, formatedDate?: string | undefined) => void
 }
 
 export const CDatePicker = forwardRef<HTMLDivElement | HTMLLIElement, CDatePickerProps>(

package/src/components/date-picker/__tests__/CDatePicker.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 { CDatePicker } from '../CDatePicker'
 
 test('loads and displays CDatePicker component', async () => {