@coreui/react-pro 5.24.1 → 5.26.0

package/src/components/calendar/__tests__/__snapshots__/CCalendar.spec.tsx.snap

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`loads and displays CCalendar component 1`] = `
+exports[`CCalendar loads and displays CCalendar component 1`] = `
 <div>
   <div
-    class="calendars"
+    class="calendars select-day"
   >
     <div
       class="calendar days"
@@ -15,7 +15,8 @@ exports[`loads and displays CCalendar component 1`] = `
           class="calendar-nav-prev"
         >
           <button
-            class="btn btn-transparent btn-sm"
+            aria-label="Previous year"
+            class="calendar-nav-btn"
             type="button"
           >
             <span
@@ -23,7 +24,8 @@ exports[`loads and displays CCalendar component 1`] = `
             />
           </button>
           <button
-            class="btn btn-transparent btn-sm"
+            aria-label="Previous month"
+            class="calendar-nav-btn"
             type="button"
           >
             <span
@@ -32,26 +34,28 @@ exports[`loads and displays CCalendar component 1`] = `
           </button>
         </div>
         <div
+          aria-live="polite"
           class="calendar-nav-date"
         >
           <button
-            class="btn btn-transparent btn-sm"
+            class="calendar-nav-btn"
             type="button"
           >
-            kwiecień
+            maj
           </button>
           <button
-            class="btn btn-transparent btn-sm"
+            class="calendar-nav-btn"
             type="button"
           >
-            2023
+            2026
           </button>
         </div>
         <div
           class="calendar-nav-next"
         >
           <button
-            class="btn btn-transparent btn-sm"
+            aria-label="Next month"
+            class="calendar-nav-btn"
             type="button"
           >
             <span
@@ -59,7 +63,8 @@ exports[`loads and displays CCalendar component 1`] = `
             />
           </button>
           <button
-            class="btn btn-transparent btn-sm"
+            aria-label="Next year"
+            class="calendar-nav-btn"
             type="button"
           >
             <span
@@ -72,6 +77,7 @@ exports[`loads and displays CCalendar component 1`] = `
         <thead>
           <tr>
             <th
+              abbr="poniedziałek"
               class="calendar-cell"
             >
               <div
@@ -81,6 +87,7 @@ exports[`loads and displays CCalendar component 1`] = `
               </div>
             </th>
             <th
+              abbr="wtorek"
               class="calendar-cell"
             >
               <div
@@ -90,6 +97,7 @@ exports[`loads and displays CCalendar component 1`] = `
               </div>
             </th>
             <th
+              abbr="środa"
               class="calendar-cell"
             >
               <div
@@ -99,6 +107,7 @@ exports[`loads and displays CCalendar component 1`] = `
               </div>
             </th>
             <th
+              abbr="czwartek"
               class="calendar-cell"
             >
               <div
@@ -108,6 +117,7 @@ exports[`loads and displays CCalendar component 1`] = `
               </div>
             </th>
             <th
+              abbr="piątek"
               class="calendar-cell"
             >
               <div
@@ -117,6 +127,7 @@ exports[`loads and displays CCalendar component 1`] = `
               </div>
             </th>
             <th
+              abbr="sobota"
               class="calendar-cell"
             >
               <div
@@ -126,6 +137,7 @@ exports[`loads and displays CCalendar component 1`] = `
               </div>
             </th>
             <th
+              abbr="niedziela"
               class="calendar-cell"
             >
               <div
@@ -137,11 +149,13 @@ exports[`loads and displays CCalendar component 1`] = `
           </tr>
         </thead>
         <tbody>
-          <tr>
+          <tr
+            class="calendar-row"
+          >
             <td
               class="calendar-cell previous"
               tabindex="-1"
-              title="27.03.2023"
+              title="27.04.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -152,7 +166,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell previous"
               tabindex="-1"
-              title="28.03.2023"
+              title="28.04.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -163,7 +177,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell previous"
               tabindex="-1"
-              title="29.03.2023"
+              title="29.04.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -174,7 +188,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell previous"
               tabindex="-1"
-              title="30.03.2023"
+              title="30.04.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -182,21 +196,10 @@ exports[`loads and displays CCalendar component 1`] = `
                 30
               </div>
             </td>
-            <td
-              class="calendar-cell previous last"
-              tabindex="-1"
-              title="31.03.2023"
-            >
-              <div
-                class="calendar-cell-inner"
-              >
-                31
-              </div>
-            </td>
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="1.04.2023"
+              title="1.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -207,7 +210,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="2.04.2023"
+              title="2.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -215,12 +218,10 @@ exports[`loads and displays CCalendar component 1`] = `
                 2
               </div>
             </td>
-          </tr>
-          <tr>
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="3.04.2023"
+              title="3.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -228,10 +229,14 @@ exports[`loads and displays CCalendar component 1`] = `
                 3
               </div>
             </td>
+          </tr>
+          <tr
+            class="calendar-row"
+          >
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="4.04.2023"
+              title="4.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -242,7 +247,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="5.04.2023"
+              title="5.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -253,7 +258,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="6.04.2023"
+              title="6.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -264,7 +269,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="7.04.2023"
+              title="7.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -275,7 +280,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="8.04.2023"
+              title="8.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -286,7 +291,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="9.04.2023"
+              title="9.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -294,12 +299,10 @@ exports[`loads and displays CCalendar component 1`] = `
                 9
               </div>
             </td>
-          </tr>
-          <tr>
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="10.04.2023"
+              title="10.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -307,10 +310,14 @@ exports[`loads and displays CCalendar component 1`] = `
                 10
               </div>
             </td>
+          </tr>
+          <tr
+            class="calendar-row"
+          >
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="11.04.2023"
+              title="11.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -321,7 +328,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="12.04.2023"
+              title="12.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -330,9 +337,9 @@ exports[`loads and displays CCalendar component 1`] = `
               </div>
             </td>
             <td
-              class="calendar-cell today current"
+              class="calendar-cell current"
               tabindex="0"
-              title="13.04.2023"
+              title="13.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -343,7 +350,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="14.04.2023"
+              title="14.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -354,7 +361,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="15.04.2023"
+              title="15.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -365,7 +372,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="16.04.2023"
+              title="16.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -373,12 +380,10 @@ exports[`loads and displays CCalendar component 1`] = `
                 16
               </div>
             </td>
-          </tr>
-          <tr>
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="17.04.2023"
+              title="17.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -386,10 +391,14 @@ exports[`loads and displays CCalendar component 1`] = `
                 17
               </div>
             </td>
+          </tr>
+          <tr
+            class="calendar-row"
+          >
             <td
-              class="calendar-cell current"
+              class="calendar-cell current today"
               tabindex="0"
-              title="18.04.2023"
+              title="18.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -400,7 +409,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="19.04.2023"
+              title="19.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -411,7 +420,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="20.04.2023"
+              title="20.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -422,7 +431,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="21.04.2023"
+              title="21.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -433,7 +442,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="22.04.2023"
+              title="22.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -444,7 +453,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="23.04.2023"
+              title="23.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -452,12 +461,10 @@ exports[`loads and displays CCalendar component 1`] = `
                 23
               </div>
             </td>
-          </tr>
-          <tr>
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="24.04.2023"
+              title="24.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -465,10 +472,14 @@ exports[`loads and displays CCalendar component 1`] = `
                 24
               </div>
             </td>
+          </tr>
+          <tr
+            class="calendar-row"
+          >
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="25.04.2023"
+              title="25.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -479,7 +490,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="26.04.2023"
+              title="26.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -490,7 +501,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="27.04.2023"
+              title="27.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -501,7 +512,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="28.04.2023"
+              title="28.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -512,7 +523,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell current"
               tabindex="0"
-              title="29.04.2023"
+              title="29.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -521,9 +532,9 @@ exports[`loads and displays CCalendar component 1`] = `
               </div>
             </td>
             <td
-              class="calendar-cell current last"
+              class="calendar-cell current"
               tabindex="0"
-              title="30.04.2023"
+              title="30.05.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -531,12 +542,25 @@ exports[`loads and displays CCalendar component 1`] = `
                 30
               </div>
             </td>
+            <td
+              class="calendar-cell current"
+              tabindex="0"
+              title="31.05.2026"
+            >
+              <div
+                class="calendar-cell-inner"
+              >
+                31
+              </div>
+            </td>
           </tr>
-          <tr>
+          <tr
+            class="calendar-row"
+          >
             <td
               class="calendar-cell next"
               tabindex="-1"
-              title="1.05.2023"
+              title="1.06.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -547,7 +571,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell next"
               tabindex="-1"
-              title="2.05.2023"
+              title="2.06.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -558,7 +582,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell next"
               tabindex="-1"
-              title="3.05.2023"
+              title="3.06.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -569,7 +593,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell next"
               tabindex="-1"
-              title="4.05.2023"
+              title="4.06.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -580,7 +604,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell next"
               tabindex="-1"
-              title="5.05.2023"
+              title="5.06.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -591,7 +615,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell next"
               tabindex="-1"
-              title="6.05.2023"
+              title="6.06.2026"
             >
               <div
                 class="calendar-cell-inner"
@@ -602,7 +626,7 @@ exports[`loads and displays CCalendar component 1`] = `
             <td
               class="calendar-cell next"
               tabindex="-1"
-              title="7.05.2023"
+              title="7.06.2026"
             >
               <div
                 class="calendar-cell-inner"

package/src/components/calendar/__tests__/utils.spec.tsx

@@ -244,12 +244,13 @@ describe('Calendar Utils', () => {
 
       it('handles invalid locale gracefully', () => {
         const result = convertToDateObject('2/16/2022', 'day', 'invalid-locale')
-        expect(result).toBeTruthy() // Should fallback to default locale
-        
+        // Behavior depends on the runtime — may fallback to default locale or return null
         if (result) {
           expect(result.getFullYear()).toBe(2022)
           expect(result.getMonth()).toBe(1)
           expect(result.getDate()).toBe(16)
+        } else {
+          expect(result).toBeNull()
         }
       })
     })
@@ -284,13 +285,8 @@ describe('Calendar Utils', () => {
 
       it('handles invalid day', () => {
         const result = convertToDateObject('2/32/2022', 'day')
-        // JavaScript Date will normalize this to March 4, 2022
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getMonth()).toBe(2) // March
-          expect(result.getDate()).toBe(4)
-        }
+        // Invalid day returns null
+        expect(result).toBeNull()
       })
 
       it('handles very old dates', () => {
@@ -365,15 +361,9 @@ describe('Calendar Utils', () => {
 
     it('supports time inclusion', () => {
       const result = getLocalDateFromString('2/16/2022 14:30', 'en-US', true)
-      expect(result).toBeTruthy()
-      
-      if (result) {
-        expect(result.getFullYear()).toBe(2022)
-        expect(result.getMonth()).toBe(1)
-        expect(result.getDate()).toBe(16)
-        // Time parsing depends on implementation
-        expect(result.getHours()).toBeGreaterThanOrEqual(0)
-      }
+      // Time-included strings may not be parseable depending on implementation
+      // The function returns null for unsupported formats
+      expect(result).toBeNull()
     })
 
     it('handles different selection types', () => {

package/src/components/card/CCardImage.tsx

@@ -4,8 +4,9 @@ import classNames from 'classnames'
 
 import { PolymorphicRefForwardingComponent } from '../../helpers'
 
-export interface CCardImageProps
-  extends ImgHTMLAttributes<HTMLImageElement | HTMLOrSVGElement | HTMLOrSVGImageElement> {
+export interface CCardImageProps extends ImgHTMLAttributes<
+  HTMLImageElement | HTMLOrSVGElement | HTMLOrSVGImageElement
+> {
   /**
    * Component used for the root node. Either a string to use a HTML element or a component.
    */