@instructure/ui-table 10.16.1-pr-snapshot-1744893671793 → 10.16.1-snapshot-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/es/Table/Body/index.js +21 -23
- package/es/Table/Cell/index.js +5 -7
- package/es/Table/ColHeader/index.js +14 -18
- package/es/Table/Head/index.js +29 -35
- package/es/Table/Row/index.js +17 -19
- package/es/Table/RowHeader/index.js +5 -7
- package/es/Table/__new-tests__/Table.test.js +53 -170
- package/es/Table/index.js +19 -26
- package/lib/Table/Body/index.js +20 -22
- package/lib/Table/Cell/index.js +4 -6
- package/lib/Table/ColHeader/index.js +14 -17
- package/lib/Table/Head/index.js +28 -34
- package/lib/Table/Row/index.js +16 -18
- package/lib/Table/RowHeader/index.js +4 -6
- package/lib/Table/__new-tests__/Table.test.js +54 -170
- package/lib/Table/index.js +18 -25
- package/package.json +17 -17
- package/src/Table/Body/index.tsx +2 -1
- package/src/Table/Cell/index.tsx +2 -1
- package/src/Table/ColHeader/index.tsx +3 -2
- package/src/Table/ColHeader/props.ts +1 -1
- package/src/Table/Head/index.tsx +2 -1
- package/src/Table/README.md +2 -2
- package/src/Table/Row/index.tsx +2 -1
- package/src/Table/RowHeader/index.tsx +2 -1
- package/src/Table/__new-tests__/Table.test.tsx +5 -5
- package/src/Table/index.tsx +2 -1
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Table/Body/index.d.ts +3 -1
- package/types/Table/Body/index.d.ts.map +1 -1
- package/types/Table/Cell/index.d.ts +3 -1
- package/types/Table/Cell/index.d.ts.map +1 -1
- package/types/Table/ColHeader/index.d.ts +5 -3
- package/types/Table/ColHeader/index.d.ts.map +1 -1
- package/types/Table/ColHeader/props.d.ts +1 -1
- package/types/Table/ColHeader/props.d.ts.map +1 -1
- package/types/Table/Head/index.d.ts +4 -2
- package/types/Table/Head/index.d.ts.map +1 -1
- package/types/Table/Row/index.d.ts +3 -1
- package/types/Table/Row/index.d.ts.map +1 -1
- package/types/Table/RowHeader/index.d.ts +3 -1
- package/types/Table/RowHeader/index.d.ts.map +1 -1
- package/types/Table/index.d.ts +3 -1
- package/types/Table/index.d.ts.map +1 -1
@@ -22,12 +22,13 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
+
/** @jsx jsx */
|
25
26
|
import { Component, ContextType } from 'react'
|
26
27
|
|
27
28
|
import { omitProps, callRenderProp } from '@instructure/ui-react-utils'
|
28
29
|
import { View } from '@instructure/ui-view'
|
29
30
|
|
30
|
-
import { withStyle } from '@instructure/emotion'
|
31
|
+
import { withStyle, jsx } from '@instructure/emotion'
|
31
32
|
|
32
33
|
import generateStyle from './styles'
|
33
34
|
import generateComponentTheme from './theme'
|
@@ -22,7 +22,7 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
-
import
|
25
|
+
import React from 'react'
|
26
26
|
import { render, screen, waitFor } from '@testing-library/react'
|
27
27
|
import { MockInstance, vi } from 'vitest'
|
28
28
|
import { userEvent } from '@testing-library/user-event'
|
@@ -332,12 +332,12 @@ describe('<Table />', async () => {
|
|
332
332
|
|
333
333
|
describe('when using custom components', () => {
|
334
334
|
it('should render wrapper HOCs', () => {
|
335
|
-
class CustomTableCell extends Component<any> {
|
335
|
+
class CustomTableCell extends React.Component<any> {
|
336
336
|
render() {
|
337
337
|
return <Table.Cell {...this.props}>{this.props.children}</Table.Cell>
|
338
338
|
}
|
339
339
|
}
|
340
|
-
class CustomTableRow extends Component {
|
340
|
+
class CustomTableRow extends React.Component {
|
341
341
|
render() {
|
342
342
|
return (
|
343
343
|
<Table.Row {...this.props}>
|
@@ -377,13 +377,13 @@ describe('<Table />', async () => {
|
|
377
377
|
})
|
378
378
|
|
379
379
|
it('should render fully custom components', () => {
|
380
|
-
class CustomTableCell extends Component<any> {
|
380
|
+
class CustomTableCell extends React.Component<any> {
|
381
381
|
render() {
|
382
382
|
return <td>{this.props.children}</td>
|
383
383
|
}
|
384
384
|
}
|
385
385
|
|
386
|
-
class CustomTableRow extends Component<any> {
|
386
|
+
class CustomTableRow extends React.Component<any> {
|
387
387
|
render() {
|
388
388
|
return <tr>{this.props.children}</tr>
|
389
389
|
}
|
package/src/Table/index.tsx
CHANGED
@@ -22,13 +22,14 @@
|
|
22
22
|
* SOFTWARE.
|
23
23
|
*/
|
24
24
|
|
25
|
+
/** @jsx jsx */
|
25
26
|
import { Component, Children, isValidElement } from 'react'
|
26
27
|
|
27
28
|
import { safeCloneElement, omitProps } from '@instructure/ui-react-utils'
|
28
29
|
import { View } from '@instructure/ui-view'
|
29
30
|
import { ScreenReaderContent } from '@instructure/ui-a11y-content'
|
30
31
|
|
31
|
-
import { withStyle } from '@instructure/emotion'
|
32
|
+
import { withStyle, jsx } from '@instructure/emotion'
|
32
33
|
|
33
34
|
import generateStyle from './styles'
|
34
35
|
import generateComponentTheme from './theme'
|