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

package/src/Modal/ModalBody/__new-tests__/ModalBody.test.tsx

@@ -22,8 +22,6 @@
  * SOFTWARE.
  */
 
-import React from 'react'
-
 import { render } from '@testing-library/react'
 import { vi } from 'vitest'
 import '@testing-library/jest-dom'

package/src/Modal/ModalBody/index.tsx

@@ -22,7 +22,6 @@
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component } from 'react'
 
 import { View } from '@instructure/ui-view'
@@ -30,7 +29,7 @@ import { testable } from '@instructure/ui-testable'
 import { omitProps } from '@instructure/ui-react-utils'
 import { getComputedStyle } from '@instructure/ui-dom-utils'
 
-import { withStyle, jsx } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
 

package/src/Modal/ModalFooter/__new-tests__/ModalFooter.test.tsx

@@ -22,8 +22,6 @@
  * SOFTWARE.
  */
 
-import React from 'react'
-
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
 

package/src/Modal/ModalFooter/index.tsx

@@ -22,12 +22,11 @@
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component } from 'react'
 
 import { passthroughProps } from '@instructure/ui-react-utils'
 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/Modal/ModalHeader/__new-tests__/ModalHeader.test.tsx

@@ -22,8 +22,6 @@
  * SOFTWARE.
  */
 
-import React from 'react'
-
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
 

package/src/Modal/ModalHeader/index.tsx

@@ -22,8 +22,7 @@
  * SOFTWARE.
  */
 
-/** @jsx jsx */
-import React, { Component } from 'react'
+import { ComponentElement, Children, Component } from 'react'
 
 import {
   matchComponentTypes,
@@ -31,7 +30,7 @@ import {
 } from '@instructure/ui-react-utils'
 import { testable } from '@instructure/ui-testable'
 
-import { withStyle, jsx } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 
 import { CloseButton } from '@instructure/ui-buttons'
 import type { CloseButtonProps } from '@instructure/ui-buttons'
@@ -42,7 +41,7 @@ import generateComponentTheme from './theme'
 import { propTypes, allowedProps } from './props'
 import type { ModalHeaderProps, ModalHeaderStyleProps } from './props'
 
-type CloseButtonChild = React.ComponentElement<CloseButtonProps, CloseButton>
+type CloseButtonChild = ComponentElement<CloseButtonProps, CloseButton>
 
 /**
 ---
@@ -85,7 +84,7 @@ class ModalHeader extends Component<ModalHeaderProps> {
   get usesCloseButton() {
     let hasCloseButton = false
 
-    React.Children.forEach(this.props.children, (child) => {
+    Children.forEach(this.props.children, (child) => {
       if (
         child &&
         matchComponentTypes<CloseButtonChild>(child, [CloseButton])

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

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import React from 'react'
+import { Component } from 'react'
 import { render, waitFor } from '@testing-library/react'
 import { vi } from 'vitest'
 import userEvent from '@testing-library/user-event'
@@ -173,9 +173,7 @@ describe('<Modal />', () => {
     const bodyText = 'Modal-body-text'
     const { findByText } = render(
       <Modal open label="Modal Dialog" shouldReturnFocus={false}>
-        <View>
-          This is a custom child
-        </View>
+        <View>This is a custom child</View>
         <Modal.Body>{bodyText}</Modal.Body>
       </Modal>
     )
@@ -409,7 +407,7 @@ describe('<Modal />', () => {
   })
 
   describe('managed focus', () => {
-    class ModalExample extends React.Component<Partial<ModalProps>> {
+    class ModalExample extends Component<Partial<ModalProps>> {
       static propTypes = {
         // eslint-disable-next-line react/forbid-foreign-prop-types
         ...Modal.propTypes

package/src/Modal/index.tsx

@@ -22,7 +22,6 @@
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Children, Component, isValidElement, ReactElement } from 'react'
 
 import { passthroughProps, safeCloneElement } from '@instructure/ui-react-utils'
@@ -40,7 +39,7 @@ import { ModalHeader } from './ModalHeader'
 import { ModalBody } from './ModalBody'
 import { ModalFooter } from './ModalFooter'
 
-import { withStyle, jsx } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'