@instructure/ui-table 11.7.3 → 11.7.4-pr-snapshot-1781695314229

package/src/Table/v1/Head/index.tsx

@@ -33,14 +33,14 @@ import { warn } from '@instructure/console'
 
 import { withStyle } from '@instructure/emotion'
 
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
+import generateStyle from './styles.js'
+import generateComponentTheme from './theme.js'
 
 import type { TableColHeaderProps } from '../ColHeader/props'
 import type { TableHeadProps } from './props'
 import type { RowChild } from '../props'
-import { allowedProps } from './props'
-import TableContext from '../TableContext'
+import { allowedProps } from './props.js'
+import TableContext from '../TableContext.js'
 
 /**
 ---
@@ -50,6 +50,7 @@ id: Table.Head
 **/
 @withStyle(generateStyle, generateComponentTheme)
 class Head extends Component<TableHeadProps> {
+  static displayName = 'Head'
   static readonly componentId = 'Table.Head'
   static contextType = TableContext
   declare context: ContextType<typeof TableContext>

package/src/Table/v1/Head/props.ts

@@ -28,7 +28,7 @@ import type {
   TableHeadTheme
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
-import { RowChild } from '../props'
+import { RowChild } from '../props.js'
 
 type TableHeadOwnProps = {
   /**

package/src/Table/v1/Row/index.tsx

@@ -35,12 +35,12 @@ import { View } from '@instructure/ui-view/v11_6'
 
 import { withStyle } from '@instructure/emotion'
 
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
+import generateStyle from './styles.js'
+import generateComponentTheme from './theme.js'
 
 import type { TableRowProps } from './props'
-import { allowedProps } from './props'
-import TableContext from '../TableContext'
+import { allowedProps } from './props.js'
+import TableContext from '../TableContext.js'
 
 /**
 ---
@@ -50,6 +50,7 @@ id: Table.Row
 **/
 @withStyle(generateStyle, generateComponentTheme)
 class Row extends Component<TableRowProps> {
+  static displayName = 'Row'
   static readonly componentId = 'Table.Row'
   static contextType = TableContext
   declare context: ContextType<typeof TableContext>

package/src/Table/v1/RowHeader/index.tsx

@@ -29,11 +29,11 @@ import { View } from '@instructure/ui-view/v11_6'
 
 import { withStyle } from '@instructure/emotion'
 
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
+import generateStyle from './styles.js'
+import generateComponentTheme from './theme.js'
 import type { TableRowHeaderProps } from './props'
-import { allowedProps } from './props'
-import TableContext from '../TableContext'
+import { allowedProps } from './props.js'
+import TableContext from '../TableContext.js'
 
 /**
 ---
@@ -43,6 +43,7 @@ id: Table.RowHeader
 **/
 @withStyle(generateStyle, generateComponentTheme)
 class RowHeader extends Component<TableRowHeaderProps> {
+  static displayName = 'RowHeader'
   static readonly componentId = 'Table.RowHeader'
   static contextType = TableContext
   declare context: ContextType<typeof TableContext>

package/src/Table/v1/index.tsx

@@ -30,20 +30,20 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content'
 
 import { withStyle } from '@instructure/emotion'
 
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
+import generateStyle from './styles.js'
+import generateComponentTheme from './theme.js'
 
-import { Head } from './Head'
-import { Body } from './Body'
-import { Row } from './Row'
-import { ColHeader } from './ColHeader'
-import { RowHeader } from './RowHeader'
-import { Cell } from './Cell'
+import { Head } from './Head/index.js'
+import { Body } from './Body/index.js'
+import { Row } from './Row/index.js'
+import { ColHeader } from './ColHeader/index.js'
+import { RowHeader } from './RowHeader/index.js'
+import { Cell } from './Cell/index.js'
 
 import type { TableProps } from './props'
 
-import { allowedProps } from './props'
-import TableContext from './TableContext'
+import { allowedProps } from './props.js'
+import TableContext from './TableContext.js'
 import { error } from '@instructure/console'
 
 /**
@@ -53,6 +53,7 @@ category: components
 **/
 @withStyle(generateStyle, generateComponentTheme)
 class Table extends Component<TableProps> {
+  static displayName = 'Table'
   static readonly componentId = 'Table'
 
   static allowedProps = allowedProps

package/src/Table/v2/Body/index.tsx

@@ -34,10 +34,10 @@ import { safeCloneElement, omitProps } from '@instructure/ui-react-utils'
 import { View } from '@instructure/ui-view/latest'
 import { withStyleNew } from '@instructure/emotion'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 import type { TableBodyProps } from './props'
-import { allowedProps } from './props'
-import TableContext from '../TableContext'
+import { allowedProps } from './props.js'
+import TableContext from '../TableContext.js'
 
 /**
 ---
@@ -47,6 +47,7 @@ id: Table.Body
 **/
 @withStyleNew(generateStyle)
 class Body extends Component<TableBodyProps> {
+  static displayName = 'Body'
   static readonly componentId = 'Table.Body'
   static contextType = TableContext
   declare context: ContextType<typeof TableContext>

package/src/Table/v2/Cell/index.tsx

@@ -29,10 +29,10 @@ import { View } from '@instructure/ui-view/latest'
 
 import { withStyleNew } from '@instructure/emotion'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 import type { TableCellProps } from './props'
-import { allowedProps } from './props'
-import TableContext from '../TableContext'
+import { allowedProps } from './props.js'
+import TableContext from '../TableContext.js'
 
 /**
 ---
@@ -42,6 +42,7 @@ id: Table.Cell
 **/
 @withStyleNew(generateStyle)
 class Cell extends Component<TableCellProps> {
+  static displayName = 'Cell'
   static readonly componentId = 'Table.Cell'
   static contextType = TableContext
   declare context: ContextType<typeof TableContext>

package/src/Table/v2/ColHeader/index.tsx

@@ -28,9 +28,9 @@ import { omitProps, callRenderProp } from '@instructure/ui-react-utils'
 
 import { withStyleNew } from '@instructure/emotion'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 import type { TableColHeaderProps } from './props'
-import { allowedProps } from './props'
+import { allowedProps } from './props.js'
 import {
   ChevronsUpDownInstUIIcon,
   ChevronUpInstUIIcon,
@@ -45,6 +45,7 @@ id: Table.ColHeader
 **/
 @withStyleNew(generateStyle)
 class ColHeader extends Component<TableColHeaderProps> {
+  static displayName = 'ColHeader'
   static readonly componentId = 'Table.ColHeader'
 
   static allowedProps = allowedProps

package/src/Table/v2/Head/index.tsx

@@ -33,13 +33,13 @@ import { warn } from '@instructure/console'
 
 import { withStyleNew } from '@instructure/emotion'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 
 import type { TableColHeaderProps } from '../ColHeader/props'
 import type { TableHeadProps } from './props'
 import type { RowChild } from '../props'
-import { allowedProps } from './props'
-import TableContext from '../TableContext'
+import { allowedProps } from './props.js'
+import TableContext from '../TableContext.js'
 
 /**
 ---
@@ -49,6 +49,7 @@ id: Table.Head
 **/
 @withStyleNew(generateStyle)
 class Head extends Component<TableHeadProps> {
+  static displayName = 'Head'
   static readonly componentId = 'Table.Head'
   static contextType = TableContext
   declare context: ContextType<typeof TableContext>

package/src/Table/v2/Head/props.ts

@@ -24,7 +24,7 @@
 
 import type { Renderable, OtherHTMLAttributes } from '@instructure/shared-types'
 import type { ComponentStyle, WithStyleProps } from '@instructure/emotion'
-import { RowChild } from '../props'
+import { RowChild } from '../props.js'
 import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type TableHeadOwnProps = {

package/src/Table/v2/Row/index.tsx

@@ -35,11 +35,11 @@ import { View } from '@instructure/ui-view/latest'
 
 import { withStyleNew } from '@instructure/emotion'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 
 import type { TableRowProps } from './props'
-import { allowedProps } from './props'
-import TableContext from '../TableContext'
+import { allowedProps } from './props.js'
+import TableContext from '../TableContext.js'
 
 /**
 ---
@@ -49,6 +49,7 @@ id: Table.Row
 **/
 @withStyleNew(generateStyle)
 class Row extends Component<TableRowProps> {
+  static displayName = 'Row'
   static readonly componentId = 'Table.Row'
   static contextType = TableContext
   declare context: ContextType<typeof TableContext>

package/src/Table/v2/RowHeader/index.tsx

@@ -29,10 +29,10 @@ import { View } from '@instructure/ui-view/latest'
 
 import { withStyleNew } from '@instructure/emotion'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 import type { TableRowHeaderProps } from './props'
-import { allowedProps } from './props'
-import TableContext from '../TableContext'
+import { allowedProps } from './props.js'
+import TableContext from '../TableContext.js'
 
 /**
 ---
@@ -42,6 +42,7 @@ id: Table.RowHeader
 **/
 @withStyleNew(generateStyle)
 class RowHeader extends Component<TableRowHeaderProps> {
+  static displayName = 'RowHeader'
   static readonly componentId = 'Table.RowHeader'
   static contextType = TableContext
   declare context: ContextType<typeof TableContext>

package/src/Table/v2/index.tsx

@@ -30,19 +30,19 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content'
 
 import { withStyleNew } from '@instructure/emotion'
 
-import generateStyle from './styles'
+import generateStyle from './styles.js'
 
-import { Head } from './Head'
-import { Body } from './Body'
-import { Row } from './Row'
-import { ColHeader } from './ColHeader'
-import { RowHeader } from './RowHeader'
-import { Cell } from './Cell'
+import { Head } from './Head/index.js'
+import { Body } from './Body/index.js'
+import { Row } from './Row/index.js'
+import { ColHeader } from './ColHeader/index.js'
+import { RowHeader } from './RowHeader/index.js'
+import { Cell } from './Cell/index.js'
 
 import type { TableProps } from './props'
 
-import { allowedProps } from './props'
-import TableContext from './TableContext'
+import { allowedProps } from './props.js'
+import TableContext from './TableContext.js'
 import { error } from '@instructure/console'
 
 /**
@@ -52,6 +52,7 @@ category: components
 **/
 @withStyleNew(generateStyle)
 class Table extends Component<TableProps> {
+  static displayName = 'Table'
   static readonly componentId = 'Table'
 
   static allowedProps = allowedProps

package/src/exports/a.ts

@@ -21,14 +21,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Table } from '../Table/v1'
-export { TableContext } from '../Table/v1/TableContext'
-export { Body as TableBody } from '../Table/v1/Body'
-export { Cell as TableCell } from '../Table/v1/Cell'
-export { ColHeader as TableColHeader } from '../Table/v1/ColHeader'
-export { Head as TableHead } from '../Table/v1/Head'
-export { Row as TableRow } from '../Table/v1/Row'
-export { RowHeader as TableRowHeader } from '../Table/v1/RowHeader'
+export { Table } from '../Table/v1/index.js'
+export { TableContext } from '../Table/v1/TableContext.js'
+export { Body as TableBody } from '../Table/v1/Body/index.js'
+export { Cell as TableCell } from '../Table/v1/Cell/index.js'
+export { ColHeader as TableColHeader } from '../Table/v1/ColHeader/index.js'
+export { Head as TableHead } from '../Table/v1/Head/index.js'
+export { Row as TableRow } from '../Table/v1/Row/index.js'
+export { RowHeader as TableRowHeader } from '../Table/v1/RowHeader/index.js'
 
 export type { TableProps } from '../Table/v1/props'
 export type { TableBodyProps } from '../Table/v1/Body/props'

package/src/exports/b.ts

@@ -21,14 +21,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Table } from '../Table/v2'
-export { TableContext } from '../Table/v2/TableContext'
-export { Body as TableBody } from '../Table/v2/Body'
-export { Cell as TableCell } from '../Table/v2/Cell'
-export { ColHeader as TableColHeader } from '../Table/v2/ColHeader'
-export { Head as TableHead } from '../Table/v2/Head'
-export { Row as TableRow } from '../Table/v2/Row'
-export { RowHeader as TableRowHeader } from '../Table/v2/RowHeader'
+export { Table } from '../Table/v2/index.js'
+export { TableContext } from '../Table/v2/TableContext.js'
+export { Body as TableBody } from '../Table/v2/Body/index.js'
+export { Cell as TableCell } from '../Table/v2/Cell/index.js'
+export { ColHeader as TableColHeader } from '../Table/v2/ColHeader/index.js'
+export { Head as TableHead } from '../Table/v2/Head/index.js'
+export { Row as TableRow } from '../Table/v2/Row/index.js'
+export { RowHeader as TableRowHeader } from '../Table/v2/RowHeader/index.js'
 
 export type { TableProps } from '../Table/v2/props'
 export type { TableBodyProps } from '../Table/v2/Body/props'