@coreui/react-pro 5.26.0 → 5.27.1

package/src/components/calendar/__tests__/timezone-verification.spec.tsx

@@ -1,62 +0,0 @@
-import '@testing-library/jest-dom'
-import { convertToDateObject } from '../utils'
-
-describe('Timezone Fix Verification', () => {
-  it('verifies the timezone fix is working correctly', () => {
-    // This is a direct test of the bug we fixed
-    const result = convertToDateObject('2/16/2022', 'day')
-    
-    expect(result).toBeTruthy()
-    
-    if (result) {
-      // The key test: the date should be exactly February 16, 2022
-      // NOT February 15, 2022 (which was the bug)
-      expect(result.getFullYear()).toBe(2022)
-      expect(result.getMonth()).toBe(1) // February (0-based)
-      expect(result.getDate()).toBe(16)
-      
-      // Time should be midnight local time, not 23:00 (which was the bug)
-      expect(result.getHours()).toBe(0)
-      expect(result.getMinutes()).toBe(0)
-      expect(result.getSeconds()).toBe(0)
-      
-      // Note: ISO string will be in UTC, so for timezone GMT+0100,
-      // local midnight becomes 23:00 UTC the previous day - this is correct behavior
-      const isoString = result.toISOString()
-      expect(isoString).toMatch(/2022-02-15T23:00:00.000Z|2022-02-16T/) // Depends on timezone
-    }
-  })
-
-  it('verifies multiple date formats work correctly', () => {
-    const testCases = [
-      { input: '2/16/2022', expectedDay: 16, expectedMonth: 1 },
-      { input: '12/25/2023', expectedDay: 25, expectedMonth: 11 },
-      { input: '01/01/2024', expectedDay: 1, expectedMonth: 0 },
-      { input: '6/15/2023', expectedDay: 15, expectedMonth: 5 }
-    ]
-    
-    testCases.forEach(({ input, expectedDay, expectedMonth }) => {
-      const result = convertToDateObject(input, 'day')
-      
-      expect(result).toBeTruthy()
-      if (result) {
-        expect(result.getDate()).toBe(expectedDay)
-        expect(result.getMonth()).toBe(expectedMonth)
-        expect(result.getHours()).toBe(0) // Always midnight local time
-      }
-    })
-  })
-
-  it('logs the actual conversion for debugging', () => {
-    const testDate = '2/16/2022'
-    const result = convertToDateObject(testDate, 'day')
-    
-    console.log(`Input: ${testDate}`)
-    console.log(`Output: ${result?.toString()}`)
-    console.log(`ISO: ${result?.toISOString()}`)
-    console.log(`Local parts: ${result?.getFullYear()}-${(result?.getMonth() || 0) + 1}-${result?.getDate()}`)
-    console.log(`Time: ${result?.getHours()}:${result?.getMinutes()}:${result?.getSeconds()}`)
-    
-    expect(result).toBeTruthy()
-  })
-})

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

@@ -1,80 +0,0 @@
-import '@testing-library/jest-dom'
-import { convertToDateObject } from '../utils'
-
-describe('Calendar Utils - Timezone Fix Tests', () => {
-  describe('convertToDateObject timezone regression tests', () => {
-    it('correctly parses MM/DD/YYYY format without timezone shifting', () => {
-      const result = convertToDateObject('2/16/2022', 'day')
-      expect(result).toBeTruthy()
-      
-      if (result) {
-        expect(result.getFullYear()).toBe(2022)
-        expect(result.getMonth()).toBe(1) // February (0-based)
-        expect(result.getDate()).toBe(16)
-        expect(result.getHours()).toBe(0) // Should be midnight local time
-        expect(result.getMinutes()).toBe(0)
-        expect(result.getSeconds()).toBe(0)
-      }
-    })
-
-    it('maintains correct date across different test scenarios', () => {
-      const testCases = [
-        { input: '2/16/2022', expectedYear: 2022, expectedMonth: 1, expectedDay: 16 },
-        { input: '12/25/2023', expectedYear: 2023, expectedMonth: 11, expectedDay: 25 },
-        { input: '1/1/2024', expectedYear: 2024, expectedMonth: 0, expectedDay: 1 },
-        { input: '6/15/2023', expectedYear: 2023, expectedMonth: 5, expectedDay: 15 }
-      ]
-      
-      testCases.forEach(({ input, expectedYear, expectedMonth, expectedDay }) => {
-        const result = convertToDateObject(input, 'day')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getFullYear()).toBe(expectedYear)
-          expect(result.getMonth()).toBe(expectedMonth)
-          expect(result.getDate()).toBe(expectedDay)
-          // Time should always be midnight local time
-          expect(result.getHours()).toBe(0)
-        }
-      })
-    })
-
-    it('handles leap year correctly', () => {
-      const result = convertToDateObject('2/29/2024', 'day')
-      expect(result).toBeTruthy()
-      
-      if (result) {
-        expect(result.getFullYear()).toBe(2024)
-        expect(result.getMonth()).toBe(1) // February
-        expect(result.getDate()).toBe(29)
-      }
-    })
-
-    it('handles Date object input', () => {
-      const inputDate = new Date(2022, 1, 16)
-      const result = convertToDateObject(inputDate, 'day')
-      expect(result).toBe(inputDate) // Should return same object
-    })
-
-    it('handles invalid Date object', () => {
-      const invalidDate = new Date('invalid')
-      const result = convertToDateObject(invalidDate, 'day')
-      expect(result).toBeNull()
-    })
-
-    it('handles null input', () => {
-      const result = convertToDateObject(null as any, 'day')
-      expect(result).toBeNull()
-    })
-
-    it('handles invalid date strings', () => {
-      const result = convertToDateObject('not-a-date', 'day')
-      expect(result).toBeNull()
-    })
-
-    it('handles empty string', () => {
-      const result = convertToDateObject('', 'day')
-      expect(result).toBeNull()
-    })
-  })
-})

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

@@ -1,392 +0,0 @@
-import { 
-  convertToDateObject,
-  getLocalDateFromString 
-} from '../utils'
-
-describe('Calendar Utils', () => {
-  describe('convertToDateObject', () => {
-    describe('Day Selection', () => {
-      it('parses MM/DD/YYYY format correctly', () => {
-        const result = convertToDateObject('2/16/2022', 'day')
-        expect(result).toBeTruthy()
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(1) // February (0-based)
-          expect(result.getDate()).toBe(16)
-          expect(result.getHours()).toBe(0)
-          expect(result.getMinutes()).toBe(0)
-          expect(result.getSeconds()).toBe(0)
-        }
-      })
-
-      it('parses MM/DD/YYYY with leading zeros', () => {
-        const result = convertToDateObject('02/16/2022', 'day')
-        expect(result).toBeTruthy()
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(1)
-          expect(result.getDate()).toBe(16)
-        }
-      })
-
-      it('parses single digit month and day', () => {
-        const result = convertToDateObject('5/3/2022', 'day')
-        expect(result).toBeTruthy()
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(4) // May (0-based)
-          expect(result.getDate()).toBe(3)
-        }
-      })
-
-      it('handles leap year correctly', () => {
-        const result = convertToDateObject('2/29/2024', 'day')
-        expect(result).toBeTruthy()
-        if (result) {
-          expect(result.getFullYear()).toBe(2024)
-          expect(result.getMonth()).toBe(1)
-          expect(result.getDate()).toBe(29)
-        }
-      })
-
-      it('handles invalid leap year date', () => {
-        const result = convertToDateObject('2/29/2023', 'day')
-        // Should still parse but JavaScript will normalize the date
-        expect(result).toBeTruthy()
-        if (result) {
-          // Feb 29, 2023 becomes March 1, 2023
-          expect(result.getFullYear()).toBe(2023)
-          expect(result.getMonth()).toBe(2) // March
-          expect(result.getDate()).toBe(1)
-        }
-      })
-
-      it('handles year boundaries', () => {
-        const result = convertToDateObject('12/31/2022', 'day')
-        expect(result).toBeTruthy()
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(11) // December
-          expect(result.getDate()).toBe(31)
-        }
-      })
-
-      it('handles month with 31 days', () => {
-        const result = convertToDateObject('1/31/2022', 'day')
-        expect(result).toBeTruthy()
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(0) // January
-          expect(result.getDate()).toBe(31)
-        }
-      })
-
-      it('handles Date object input', () => {
-        const inputDate = new Date(2022, 1, 16) // February 16, 2022
-        const result = convertToDateObject(inputDate, 'day')
-        expect(result).toBe(inputDate) // Should return the same object
-      })
-
-      it('handles invalid Date object', () => {
-        const invalidDate = new Date('invalid')
-        const result = convertToDateObject(invalidDate, 'day')
-        expect(result).toBeNull()
-      })
-
-      it('handles null input', () => {
-        const result = convertToDateObject(null as any, 'day')
-        expect(result).toBeNull()
-      })
-    })
-
-    describe('Timezone Handling', () => {
-      it('maintains correct date across timezones', () => {
-        const testCases = ['2/16/2022', '6/15/2023', '12/25/2023']
-        
-        testCases.forEach(dateString => {
-          const result = convertToDateObject(dateString, 'day')
-          expect(result).toBeTruthy()
-          
-          if (result) {
-            const parts = dateString.split('/')
-            const expectedMonth = parseInt(parts[0], 10)
-            const expectedDay = parseInt(parts[1], 10)
-            const expectedYear = parseInt(parts[2], 10)
-            
-            expect(result.getFullYear()).toBe(expectedYear)
-            expect(result.getMonth() + 1).toBe(expectedMonth) // Convert from 0-based
-            expect(result.getDate()).toBe(expectedDay)
-            
-            // Time should be midnight local time
-            expect(result.getHours()).toBe(0)
-            expect(result.getMinutes()).toBe(0)
-            expect(result.getSeconds()).toBe(0)
-          }
-        })
-      })
-
-      it('does not shift dates due to timezone offset', () => {
-        // This was the bug we fixed - dates were being shifted by timezone offset
-        const result = convertToDateObject('2/16/2022', 'day')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          // The date should be exactly February 16, 2022 at midnight local time
-          // NOT February 15, 2022 at 23:00 (which was the bug)
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(1) // February
-          expect(result.getDate()).toBe(16)
-          expect(result.getHours()).toBe(0)
-        }
-      })
-
-      it('handles daylight saving time transitions', () => {
-        // Test dates around DST transitions
-        const springDST = convertToDateObject('3/12/2023', 'day') // Spring forward in US
-        const fallDST = convertToDateObject('11/5/2023', 'day')   // Fall back in US
-        
-        expect(springDST).toBeTruthy()
-        expect(fallDST).toBeTruthy()
-        
-        if (springDST) {
-          expect(springDST.getFullYear()).toBe(2023)
-          expect(springDST.getMonth()).toBe(2) // March
-          expect(springDST.getDate()).toBe(12)
-        }
-        
-        if (fallDST) {
-          expect(fallDST.getFullYear()).toBe(2023)
-          expect(fallDST.getMonth()).toBe(10) // November
-          expect(fallDST.getDate()).toBe(5)
-        }
-      })
-    })
-
-    describe('Week Selection', () => {
-      it('parses week strings correctly', () => {
-        // Week format might be like "2022-W07" (ISO week format)
-        const result = convertToDateObject('2022-W07', 'week')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          // Week 7 should be in February
-          expect(result.getMonth()).toBeGreaterThanOrEqual(0)
-          expect(result.getMonth()).toBeLessThanOrEqual(2)
-        }
-      })
-    })
-
-    describe('Month Selection', () => {
-      it('parses month strings correctly', () => {
-        const result = convertToDateObject('2022-02', 'month')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(1) // February
-          expect(result.getDate()).toBe(1) // Should default to first day of month
-        }
-      })
-
-      it('handles month boundaries', () => {
-        const result = convertToDateObject('2022-12', 'month')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(11) // December
-        }
-      })
-    })
-
-    describe('Year Selection', () => {
-      it('parses year strings correctly', () => {
-        const result = convertToDateObject('2022', 'year')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getFullYear()).toBe(2022)
-          expect(result.getMonth()).toBe(0) // Should default to January
-          expect(result.getDate()).toBe(1) // Should default to first day
-        }
-      })
-
-      it('handles different year formats', () => {
-        const result = convertToDateObject('22', 'year')
-        // This might not work depending on implementation
-        // but we should handle it gracefully
-        expect(result !== null).toBeDefined()
-      })
-    })
-
-    describe('Locale Support', () => {
-      it('parses dates with en-US locale', () => {
-        const result = convertToDateObject('2/16/2022', 'day', 'en-US')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getMonth()).toBe(1) // February
-          expect(result.getDate()).toBe(16)
-        }
-      })
-
-      it('parses dates with different locale formats', () => {
-        // European format (DD/MM/YYYY) might be handled differently
-        const result = convertToDateObject('16/2/2022', 'day', 'en-GB')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          // Depending on implementation, this might parse as Feb 16 or error
-          expect(result.getFullYear()).toBe(2022)
-        }
-      })
-
-      it('handles invalid locale gracefully', () => {
-        const result = convertToDateObject('2/16/2022', 'day', 'invalid-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()
-        }
-      })
-    })
-
-    describe('Edge Cases and Error Handling', () => {
-      it('handles empty string', () => {
-        const result = convertToDateObject('', 'day')
-        expect(result).toBeNull()
-      })
-
-      it('handles whitespace-only string', () => {
-        const result = convertToDateObject('   ', 'day')
-        expect(result).toBeNull()
-      })
-
-      it('handles completely invalid date string', () => {
-        const result = convertToDateObject('not-a-date', 'day')
-        expect(result).toBeNull()
-      })
-
-      it('handles partial date strings', () => {
-        const result = convertToDateObject('2/16', 'day')
-        expect(result).toBeNull() // Should require complete date
-      })
-
-      it('handles invalid month', () => {
-        const result = convertToDateObject('13/16/2022', 'day')
-        // JavaScript Date will normalize this, so it might become valid
-        // but our parser should handle it appropriately
-        expect(result !== null).toBeDefined()
-      })
-
-      it('handles invalid day', () => {
-        const result = convertToDateObject('2/32/2022', 'day')
-        // Invalid day returns null
-        expect(result).toBeNull()
-      })
-
-      it('handles very old dates', () => {
-        const result = convertToDateObject('1/1/1900', 'day')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getFullYear()).toBe(1900)
-          expect(result.getMonth()).toBe(0)
-          expect(result.getDate()).toBe(1)
-        }
-      })
-
-      it('handles far future dates', () => {
-        const result = convertToDateObject('12/31/2099', 'day')
-        expect(result).toBeTruthy()
-        
-        if (result) {
-          expect(result.getFullYear()).toBe(2099)
-          expect(result.getMonth()).toBe(11)
-          expect(result.getDate()).toBe(31)
-        }
-      })
-
-      it('handles negative years gracefully', () => {
-        const result = convertToDateObject('1/1/-100', 'day')
-        // This should probably return null or handle the error gracefully
-        expect(result !== null).toBeDefined()
-      })
-
-      it('handles extremely large years', () => {
-        const result = convertToDateObject('1/1/999999', 'day')
-        // This should probably return null or handle the error gracefully
-        expect(result !== null).toBeDefined()
-      })
-    })
-
-    describe('Performance', () => {
-      it('handles multiple rapid conversions', () => {
-        const startTime = performance.now()
-        const testDates = [
-          '1/1/2022', '2/14/2022', '3/17/2022', '4/22/2022',
-          '5/30/2022', '6/15/2022', '7/4/2022', '8/10/2022',
-          '9/5/2022', '10/31/2022', '11/24/2022', '12/25/2022'
-        ]
-        
-        testDates.forEach(dateString => {
-          const result = convertToDateObject(dateString, 'day')
-          expect(result).toBeTruthy()
-        })
-        
-        const endTime = performance.now()
-        const duration = endTime - startTime
-        
-        // Should complete in reasonable time (less than 100ms for 12 conversions)
-        expect(duration).toBeLessThan(100)
-      })
-    })
-  })
-
-  describe('getLocalDateFromString', () => {
-    it('provides enhanced locale-aware parsing', () => {
-      const result = getLocalDateFromString('2/16/2022', 'en-US')
-      expect(result).toBeTruthy()
-      
-      if (result) {
-        expect(result.getFullYear()).toBe(2022)
-        expect(result.getMonth()).toBe(1)
-        expect(result.getDate()).toBe(16)
-      }
-    })
-
-    it('supports time inclusion', () => {
-      const result = getLocalDateFromString('2/16/2022 14:30', 'en-US', true)
-      // 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', () => {
-      const dayResult = getLocalDateFromString('2/16/2022', 'en-US', false, 'day')
-      const weekResult = getLocalDateFromString('2022-W07', 'en-US', false, 'week')
-      const monthResult = getLocalDateFromString('2022-02', 'en-US', false, 'month')
-      const yearResult = getLocalDateFromString('2022', 'en-US', false, 'year')
-      
-      expect(dayResult).toBeTruthy()
-      expect(weekResult).toBeTruthy()
-      expect(monthResult).toBeTruthy()
-      expect(yearResult).toBeTruthy()
-    })
-
-    it('validates input parameters', () => {
-      const result = getLocalDateFromString('', 'en-US')
-      expect(result).toBeNull()
-      
-      const result2 = getLocalDateFromString(null as any, 'en-US')
-      expect(result2).toBeNull()
-      
-      const result3 = getLocalDateFromString(undefined as any, 'en-US')
-      expect(result3).toBeNull()
-    })
-  })
-})

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

@@ -1,21 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CCallout } from '../index'
-
-test('loads and displays CCallout component', async () => {
-  const { container } = render(<CCallout>Test</CCallout>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CCallout customize', async () => {
-  const { container } = render(
-    <CCallout className="bazinga" color="primary">
-      Test
-    </CCallout>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('callout')
-  expect(container.firstChild).toHaveClass('callout-primary')
-})

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

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CCallout customize 1`] = `
-<div>
-  <div
-    class="callout callout-primary bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`loads and displays CCallout component 1`] = `
-<div>
-  <div
-    class="callout"
-  >
-    Test
-  </div>
-</div>
-`;

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

@@ -1,22 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CCard } from '../index'
-
-test('loads and displays CCard component', async () => {
-  const { container } = render(<CCard>Test</CCard>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CCard customize', async () => {
-  const { container } = render(
-    <CCard className="bazinga" color="primary" textColor="warning">
-      Test
-    </CCard>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('card')
-  expect(container.firstChild).toHaveClass('bg-primary')
-  expect(container.firstChild).toHaveClass('text-warning')
-})

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

@@ -1,16 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CCardBody } from '../index'
-
-test('loads and displays CCardBody component', async () => {
-  const { container } = render(<CCardBody>Test</CCardBody>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CCardBody customize', async () => {
-  const { container } = render(<CCardBody className="bazinga">Test</CCardBody>)
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('card-body')
-})

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

@@ -1,16 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CCardFooter } from '../index'
-
-test('loads and displays CCardFooter component', async () => {
-  const { container } = render(<CCardFooter>Test</CCardFooter>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CCardFooter customize', async () => {
-  const { container } = render(<CCardFooter className="bazinga">Test</CCardFooter>)
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('card-footer')
-})

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

@@ -1,51 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import {
-  CCard,
-  CCardBody,
-  CCardFooter,
-  CCardHeader,
-  CCardImage,
-  CCardLink,
-  CCardSubtitle,
-  CCardTitle,
-  CCardText,
-  CCardGroup,
-} from '../index'
-
-test('loads and displays CCardGroup component', async () => {
-  const { container } = render(<CCardGroup>Test</CCardGroup>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CCardGroup customize', async () => {
-  const { container } = render(<CCardGroup className="bazinga">Test</CCardGroup>)
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('card-group')
-})
-
-test('CCardGroup full example', async () => {
-  const { container } = render(
-    <CCardGroup className="bazinga">
-      <CCard>
-        <CCardImage as="svg">Image</CCardImage>
-        <CCardHeader>Header</CCardHeader>
-        <CCardBody>
-          <CCardTitle>Title</CCardTitle>
-          <CCardSubtitle>Subtitle</CCardSubtitle>
-          <CCardText>Text</CCardText>
-          <CCardLink>Link</CCardLink>
-        </CCardBody>
-        <CCardFooter>Footer</CCardFooter>
-      </CCard>
-      <CCard>
-        <CCardBody>
-          <CCardTitle>Card Title</CCardTitle>
-        </CCardBody>
-      </CCard>
-    </CCardGroup>
-  )
-  expect(container).toMatchSnapshot()
-})