@coreui/react-pro 4.12.2 → 4.12.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-pro",
-  "version": "4.12.2",
+  "version": "4.12.4",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -38,33 +38,33 @@
   },
   "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-commonjs": "^25.0.3",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-typescript": "^11.1.2",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
-    "@types/react": "18.2.14",
-    "@types/react-dom": "^18.2.6",
+    "@types/react": "18.2.18",
+    "@types/react-dom": "^18.2.7",
     "@types/react-transition-group": "^4.4.6",
     "classnames": "^2.3.2",
     "date-fns": "^2.30.0",
-    "jest": "^29.6.1",
-    "jest-environment-jsdom": "^29.6.1",
+    "jest": "^29.6.2",
+    "jest-environment-jsdom": "^29.6.2",
     "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.2",
+    "rollup": "^3.27.1",
     "ts-jest": "^29.1.1",
-    "tslib": "^2.6.0",
+    "tslib": "^2.6.1",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
-    "@coreui/coreui-pro": ">=4.5.0",
+    "@coreui/coreui-pro": ">=4.6.1",
     "react": ">=17",
     "react-dom": ">=17"
   }

package/src/components/date-range-picker/CDateRangePicker.tsx

@@ -262,11 +262,11 @@ export const CDateRangePicker = forwardRef<HTMLDivElement | HTMLLIElement, CDate
     )
     const [inputStartHoverValue, setInputStartHoverValue] = useState<Date | null>(null)
     const [inputEndHoverValue, setInputEndHoverValue] = useState<Date | null>(null)
-    const [isValid, setIsValid] = useState(valid || (invalid && false))
+    const [isValid, setIsValid] = useState(valid ?? (invalid === true ? false : undefined))
     const [selectEndDate, setSelectEndDate] = useState(false)
 
     useEffect(() => {
-      setIsValid(valid || (invalid && false))
+      setIsValid(valid ?? (invalid === true ? false : undefined))
     }, [valid, invalid])
 
     useEffect(() => {

package/src/components/nav/CNavGroup.tsx

@@ -36,6 +36,13 @@ export interface CNavGroupProps {
   idx?: string
 }
 
+const isInVisibleGroup = (el1: string, el2: string) => {
+  const array1 = el1.toString().split('.')
+  const array2 = el2.toString().split('.')
+
+  return array2.every((item, index) => item === array1[index])
+}
+
 export const CNavGroup = forwardRef<HTMLLIElement, CNavGroupProps>(
   ({ children, className, compact, idx, toggler, visible, ...rest }, ref) => {
     const [height, setHeight] = useState<number | string>()
@@ -45,12 +52,12 @@ export const CNavGroup = forwardRef<HTMLLIElement, CNavGroupProps>(
 
     const [_visible, setVisible] = useState(
       Boolean(
-        visible || (idx && visibleGroup && visibleGroup.toString().startsWith(idx.toString())),
+        visible || (idx && visibleGroup && isInVisibleGroup(visibleGroup, idx)),
       ),
     )
 
     useEffect(() => {
-      setVisible(Boolean(idx && visibleGroup && visibleGroup.toString().startsWith(idx.toString())))
+      setVisible(Boolean(idx && visibleGroup && isInVisibleGroup(visibleGroup, idx)))
     }, [visibleGroup])
 
     const handleTogglerOnCLick = (event: React.MouseEvent<HTMLElement>) => {

package/src/components/time-picker/CTimePicker.tsx

@@ -171,7 +171,7 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
 
     const [date, setDate] = useState<Date | null>(convertTimeToDate(time))
     const [initialDate, setInitialDate] = useState<Date | null>(null)
-    const [isValid, setIsValid] = useState(valid || (invalid && false))
+    const [isValid, setIsValid] = useState(valid ?? (invalid === true ? false : undefined))
     const [_ampm, setAmPm] = useState<'am' | 'pm'>(date ? getAmPm(new Date(date), locale) : 'am')
     const [_visible, setVisible] = useState(visible)
 
@@ -187,7 +187,7 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
     }, [time])
 
     useEffect(() => {
-      setIsValid(valid || (invalid && false))
+      setIsValid(valid ?? (invalid === true ? false : undefined))
     }, [valid, invalid])
 
     useEffect(() => {