@instructure/ui-calendar 10.16.1-snapshot-0 → 10.16.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-calendar",
-  "version": "10.16.1-snapshot-0",
+  "version": "10.16.1",
   "description": "A calendar component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,11 +23,11 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.16.1-snapshot-0",
-    "@instructure/ui-babel-preset": "10.16.1-snapshot-0",
-    "@instructure/ui-color-utils": "10.16.1-snapshot-0",
-    "@instructure/ui-test-utils": "10.16.1-snapshot-0",
-    "@instructure/ui-themes": "10.16.1-snapshot-0",
+    "@instructure/ui-axe-check": "10.16.1",
+    "@instructure/ui-babel-preset": "10.16.1",
+    "@instructure/ui-color-utils": "10.16.1",
+    "@instructure/ui-test-utils": "10.16.1",
+    "@instructure/ui-themes": "10.16.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -35,20 +35,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@instructure/console": "10.16.1-snapshot-0",
-    "@instructure/emotion": "10.16.1-snapshot-0",
-    "@instructure/shared-types": "10.16.1-snapshot-0",
-    "@instructure/ui-a11y-content": "10.16.1-snapshot-0",
-    "@instructure/ui-buttons": "10.16.1-snapshot-0",
-    "@instructure/ui-i18n": "10.16.1-snapshot-0",
-    "@instructure/ui-icons": "10.16.1-snapshot-0",
-    "@instructure/ui-prop-types": "10.16.1-snapshot-0",
-    "@instructure/ui-react-utils": "10.16.1-snapshot-0",
-    "@instructure/ui-simple-select": "10.16.1-snapshot-0",
-    "@instructure/ui-testable": "10.16.1-snapshot-0",
-    "@instructure/ui-utils": "10.16.1-snapshot-0",
-    "@instructure/ui-view": "10.16.1-snapshot-0",
-    "@instructure/uid": "10.16.1-snapshot-0",
+    "@instructure/console": "10.16.1",
+    "@instructure/emotion": "10.16.1",
+    "@instructure/shared-types": "10.16.1",
+    "@instructure/ui-a11y-content": "10.16.1",
+    "@instructure/ui-buttons": "10.16.1",
+    "@instructure/ui-i18n": "10.16.1",
+    "@instructure/ui-icons": "10.16.1",
+    "@instructure/ui-prop-types": "10.16.1",
+    "@instructure/ui-react-utils": "10.16.1",
+    "@instructure/ui-simple-select": "10.16.1",
+    "@instructure/ui-testable": "10.16.1",
+    "@instructure/ui-utils": "10.16.1",
+    "@instructure/ui-view": "10.16.1",
+    "@instructure/uid": "10.16.1",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/Calendar/Day/__new-tests__/Day.test.tsx

@@ -22,7 +22,6 @@
  * SOFTWARE.
  */
 
-import React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { vi } from 'vitest'
@@ -63,7 +62,7 @@ describe('Day', () => {
       </Day>
     )
     const screenReaderContent = container.querySelector(
-      '[class$="-screenReaderContent"]'
+      '[class*="-screenReaderContent"]'
     )
 
     expect(screenReaderContent).toBeInTheDocument()
@@ -76,7 +75,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const today = container.querySelector('[class$="-calendarDay"]')
+    const today = container.querySelector('[class*="-calendarDay"]')
 
     expect(today).toHaveAttribute('aria-current', 'date')
 
@@ -85,7 +84,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const day = container.querySelector('[class$="-calendarDay"]')
+    const day = container.querySelector('[class*="-calendarDay"]')
 
     expect(day).not.toHaveAttribute('aria-current', 'date')
   })
@@ -96,7 +95,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const day = container.querySelector('[class$="-calendarDay"]')
+    const day = container.querySelector('[class*="-calendarDay"]')
 
     expect(day).not.toHaveAttribute('aria-selected')
 
@@ -105,7 +104,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const daySelected = container.querySelector('[class$="-calendarDay"]')
+    const daySelected = container.querySelector('[class*="-calendarDay"]')
 
     expect(daySelected).not.toHaveAttribute('aria-selected')
   })
@@ -116,7 +115,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const day = container.querySelector('[class$="-calendarDay"]')
+    const day = container.querySelector('[class*="-calendarDay"]')
     expect(day).toHaveAttribute('aria-selected', 'false')
 
     rerender(
@@ -129,7 +128,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const daySelected = container.querySelector('[class$="-calendarDay"]')
+    const daySelected = container.querySelector('[class*="-calendarDay"]')
     expect(daySelected).toHaveAttribute('aria-selected', 'true')
 
     rerender(
@@ -142,7 +141,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const dayCell = container.querySelector('[class$="-calendarDay"]')
+    const dayCell = container.querySelector('[class*="-calendarDay"]')
     expect(dayCell).toHaveAttribute('aria-selected', 'false')
 
     rerender(
@@ -155,7 +154,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const dayCellSelected = container.querySelector('[class$="-calendarDay"]')
+    const dayCellSelected = container.querySelector('[class*="-calendarDay"]')
     expect(dayCellSelected).toHaveAttribute('aria-selected', 'true')
   })
 
@@ -168,7 +167,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const day = container.querySelector('[class$="-calendarDay"]')
+    const day = container.querySelector('[class*="-calendarDay"]')
 
     await userEvent.click(day!)
 
@@ -195,7 +194,7 @@ describe('Day', () => {
       </Day>
     )
 
-    const day = container.querySelector('[class$="-calendarDay"]')!
+    const day = container.querySelector('[class*="-calendarDay"]')!
 
     userEvent.type(day, '{enter}')
 
@@ -220,7 +219,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const day = container.querySelector('[class$="-calendarDay"]')!
+    const day = container.querySelector('[class*="-calendarDay"]')!
 
     userEvent.click(day)
 
@@ -244,7 +243,7 @@ describe('Day', () => {
         8
       </Day>
     )
-    const day = container.querySelector('[class$="-calendarDay"]')
+    const day = container.querySelector('[class*="-calendarDay"]')
 
     expect(day).toEqual(element)
   })
@@ -256,7 +255,7 @@ describe('Day', () => {
           8
         </Day>
       )
-      const day = container.querySelector('[class$="-calendarDay"]')
+      const day = container.querySelector('[class*="-calendarDay"]')
 
       expect(day?.tagName).toEqual('SPAN')
     })
@@ -267,7 +266,7 @@ describe('Day', () => {
           8
         </Day>
       )
-      const day = container.querySelector('[class$="-calendarDay"]')
+      const day = container.querySelector('[class*="-calendarDay"]')
 
       expect(day?.tagName).toEqual('BUTTON')
     })
@@ -283,7 +282,7 @@ describe('Day', () => {
           8
         </Day>
       )
-      const day = container.querySelector('[class$="-calendarDay"]')
+      const day = container.querySelector('[class*="-calendarDay"]')
 
       expect(day?.tagName).toEqual('LI')
     })

package/src/Calendar/Day/index.tsx

@@ -22,7 +22,6 @@
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component, MouseEvent, KeyboardEvent } from 'react'
 
 import { View } from '@instructure/ui-view'
@@ -36,7 +35,7 @@ import {
 
 import { testable } from '@instructure/ui-testable'
 
-import { withStyle, jsx } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'

package/src/Calendar/__new-tests__/Calendar.test.tsx

@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
+
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { vi } from 'vitest'
@@ -140,7 +140,7 @@ describe('<Calendar />', () => {
     )
 
     const calendarDays = container.querySelectorAll(
-      'span[class$="-calendarDay__day"]'
+      'span[class*="-calendarDay__day"]'
     )
 
     expect(calendarDays.length).toEqual(Calendar.DAY_COUNT)
@@ -272,11 +272,7 @@ describe('<Calendar />', () => {
 
   it('should render next and prev buttons', async () => {
     const { rerender } = render(
-      <Calendar
-        renderWeekdayLabels={weekdayLabels}
-      >
-        {generateDays()}
-      </Calendar>
+      <Calendar renderWeekdayLabels={weekdayLabels}>{generateDays()}</Calendar>
     )
     const defaultPrevButton = screen.getByText('Previous month')
     const defaultNextButton = screen.getByText('Next month')
@@ -380,7 +376,7 @@ describe('<Calendar />', () => {
 
       days.forEach((dayTd, i) => {
         const index = i % 7
-        const day = dayTd.querySelector('span[class$="-calendarDay"]')
+        const day = dayTd.querySelector('span[class*="-calendarDay"]')
 
         expect(day).toHaveAttribute(
           'aria-describedby',

package/src/Calendar/index.tsx

@@ -22,8 +22,7 @@
  * SOFTWARE.
  */
 
-/** @jsx jsx */
-import React, { Children, Component, ReactElement, MouseEvent } from 'react'
+import { Children, Component, ReactElement, MouseEvent } from 'react'
 
 import { View } from '@instructure/ui-view'
 import {
@@ -38,7 +37,7 @@ import { AccessibleContent } from '@instructure/ui-a11y-content'
 
 import { testable } from '@instructure/ui-testable'
 
-import { withStyle, jsx } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 
 import { Locale, DateTime, ApplyLocaleContext } from '@instructure/ui-i18n'
 import type { Moment } from '@instructure/ui-i18n'
@@ -502,7 +501,6 @@ class Calendar extends Component<CalendarProps, CalendarState> {
 
     const arr: Moment[] = []
     for (let i = 0; i < Calendar.DAY_COUNT; i++) {
-
       // This workaround is needed because moment's `.add({days: 1})` function has a bug that happens when the date added lands perfectly onto the DST cutoff,
       // in these cases adding 1 day results in 23 hours added instead,
       // so `moment.tz('2024-09-07T00:00:00', 'America/Santiago').add({days: 1})` results
@@ -512,12 +510,12 @@ class Calendar extends Component<CalendarProps, CalendarState> {
       // Please note that this causes one hour of time difference in the affected timezones/dates and to
       // fully solve this bug we need to change to something like luxon which handles this properly
       if (currDate.clone().format('HH') === '23') {
-        arr.push(currDate.clone().add({hours: 1}))
+        arr.push(currDate.clone().add({ hours: 1 }))
       } else {
         arr.push(currDate.clone())
       }
 
-      currDate.add({days: 1})
+      currDate.add({ days: 1 })
     }
     return arr.map((date) => {
       const dateStr = date.toISOString()

package/src/Calendar/props.ts

@@ -34,7 +34,7 @@ import type {
   OtherHTMLAttributes
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
-import React, { ReactElement } from 'react'
+import { ReactElement } from 'react'
 import type { CalendarDayProps } from './Day/props'
 import { Renderable } from '@instructure/shared-types'
 import type { Moment } from '@instructure/ui-i18n'